* { margin: 0; padding: 0; }

body {
	font-family: "Tahoma", "Arial", "Sans-Serif";
	font-size: 14px;
	line-height: 20px;
	width: 100%;
	background: url(../gfx/header_bg.jpg) repeat-x  0 0;
}
hr  {
	display: none;
}
#container {
	position: relative;
	margin: 0 auto;	
	width: 780px;
}
#header {
	top: 0px;
	width: 780px;
	height: 115px;
	background: url(../gfx/tehranchoir-banner.jpg) no-repeat 0px 0px;
}
#header  h1 {
	font-family: Times;
	font-size: 45px;
	line-height: 45px;
	position: absolute;
	right: 247px;
	top: 30px;
	color: #FFFFFF;
	font-weight: lighter;
	background: url(../gfx/header_title.jpg) no-repeat 0px 0px;
	width: 325px;
	height: 56px;
	text-indent: -9999px;
}
#logo { 
	position: absolute;
	top: 10px;
	right: -32px;
	height: 95px;
	line-height: 95Px;
	width: 114px;
	z-index: 10;	
}
#logo a {
	display: block;
	height: 95px;
	line-height: 95px;
	width: 114px;
	background: url(../gfx/tehran-choir-logo.jpg) no-repeat 0 0;
	text-indent: -9999px;
	z-index: 10;	
}

#content_area {
	position: relative;
	top: 38px;
	left: 0px;
	background: url(../gfx/middle_bg.jpg) repeat-x  0 0;
	direction: rtl;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

#content_area  p {
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: justify;
}

#content_area a  {
	text-decoration: none;
	color: #0681ff;
}

#content_area a:hover {
	color: #53a7fe;	
}

#content_area  h2 {
	padding-top: 20px;
	padding-bottom: 20px;
	color: #02647e;
	font-family: Times;
	font-size: 22px;
	line-height: 22px;
}

#main_contents {
	width: 700px;
	padding-bottom: 20px;
}

#main_contents  b, strong {
	font-family: Times;
	font-size: 16px;
}

#main_contents ul {
	list-style-position: outside;
	margin-right: 15px;
}
#main_contents li {
	line-height: 25px;
}

#main_contents th {
	text-align: right;
	background: #8897a7;
	padding: 5px;
	vertical-align: top;
}

#main_contents th a {
	color: #cccccc;
}
#main_contents th a:hover {
	color: #eeeeee;
}


#main_contents td {
	text-align: right;
	background: #e7ecf1;
	padding: 5px;
	vertical-align: top;
}
#main_contents img {
	border: none;	
	text-decoration: none;
}

#left_column {
	position: absolute;
	top: 85px;
	left: 10px;
	width: 240px;
}

#news_title {
	background: #8897a7;
	text-align: center;
	font-weight: bold;
	padding: 5px;
	color: #ffffff;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
}

#news {
	background: #e7ecf1;
	font-size: 11px;
	padding: 5px;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
}


#newsletter_title {
	background: #8897a7;
	text-align: center;
	font-weight: bold;
	padding: 5px;
	color: #ffffff;
	margin-top: 30px;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;	
}

#newsletter {
	background: #e7ecf1;
	font-size: 11px;
	padding: 5px;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;	
}

#newsletter input {
	border: 1px solid #444444;
	background: #cad5e0;
	width: 170px;
	height: 16px;
	line-height: 16px;
}

#newsletter input.button {
	border: 1px solid #444444;
	background: #cad5e0;
	width: 50px;
	height: 18px;
	line-height: 18px;	
	top: 2px;
}


#menu {
	position: absolute;
	top: -40px;
	right: 0px;
	z-index:100;
	width: 780px;
	font-weight: bold;
	height: 42px;
	margin: 0;
	padding: 0;
	font-size: 15px;
}

#menu dt , dd , dl {

}

#menu dl {
	float: right;
	text-align: center;
	padding: 0px;
}

#menu dt a {
	cursor: pointer;
	background: #1d5e6f;
	text-decoration: none;
	color: #FFFFFF;
	font-family: arial;
	height: 42px;
	line-height: 42px;
	padding-left: 8px;		
	padding-right: 8px;
	padding-top: 10px;
	padding-bottom: 9px;	
	border-right: 1px solid #FFFFFF;
}

#menu dt a.first {
	border-right: 1px solid #FFFFFF;
}
#menu dt a.last {
	padding-left: 91px;
	border-left: 1px solid #FFFFFF;
}
#menu dt a:hover, #menu dt a:focus {
	background: #e3a104;	
	color: #ffffff;
}
#menu dt a.last:hover {
	background: #1d5e6f;
}
#menu  ul li {
	list-style-type: none;
}

#menu dd { 
	position: relative;
	top: -2px;
}

#menu li a  { 
	display: block;
	background-color: #618088;
	border-bottom: 1px #ffffff solid;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
	font-size: 14px;
	font-family: Tahoma;
	font-weight: lighter;
}

#menu li a:hover {
	display: block;
	background-color: #85a6ae;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: center;
	text-decoration: none;
	color: #000000;
	font-size: 14px;
	font-family: Tahoma;
	font-weight: lighter;
}

#footer {
	background: url(../gfx/footer_bg.jpg) repeat-x  0 0;
	margin-top: 38px;
	height: 80px;
	font-size: 11px;
	text-align: center;
	color: #cad4e1;
	padding: 10px;
}
#footer a {
	text-decoration: none;
	color: #eaeac0;
}
#footer a:hover {
	color: #FFFFFF;
}
#footer p.copyright {
	position: relative;
	top: 25px;
	color: #444444;
}
.error {
	color: #ff0000;
}
.required {
	color: #aa0000;
}
#smenu3 {
	display: none;
}
.small {
	font-size: 11px;
}