@import url(fontsize.css);
@import url(./static/padding.css);
@import url(color.css);

.red {
	color: red;	
}

/*Common*/
* {margin: 0; padding: 0;}
body {background: #eff7fa; font-size: 12px; font-family: Arial, Helvetica, sans-serif; padding-bottom: 48px; color: #333333;}
img {border: none;}
h2 {font: bold 15px Arial, Helvetica, sans-serif; color: #4c5b66; background: url(../images/circle.png) center left no-repeat; margin: 4px 0 14px 0; padding-left: 14px;}
h3 {font: bold 12px Tahoma; color: #ff6710; text-transform: uppercase;}
h6 {font-size: 11px; color: #a3a9ac; font-weight: bold; display: inline;}

/*Links*/
#top a {color: #caf6ff; font-size: 12px;}
#main_menu a {display: block; width: 125px; height: 44px; float: left; font-size: 14px; color: #16648c; text-decoration: none; line-height: 34px;}
#main_menu a.active {background: #ff6710 url(../images/active_link.png) no-repeat; color: #fff;}
h2 a {font: bold 15px Arial, Helvetica, sans-serif !important; color: #4c5b66 !important; text-decoration: none;}
.content_row a {font: normal 12px Tahoma; color: #16648c; line-height: 18px;}
.content_row a:hover  {color: #ff6710; text-decoration: none;}
#new_sites a {color: #0ca1b8; line-height: 16px;}
#new_sites a:hover, div.subcat a:hover, div.desc a:hover {color: #faa217; text-decoration: none;}

#ads a {color: #0ca1b8; line-height: 16px;}
#ads a:hover, div.subcat a:hover, div.desc a:hover {color: #faa217; text-decoration: none;}


#footer a {display: block; color: #4c5b66; text-decoration: none; line-height: 18px;}
#footer a:hover {text-decoration: underline;}
div.subcat a, div.desc a {color: #0ca1b8; font-size: 11px;}
div.desc a {padding: 0 2px;}

#subcategories a {display: block;}
#pages a {text-decoration: none; color: #16648c; padding: 0 2px;}
#pages a.current {background: #ff6710; color: #fff;}

/*Classes*/
input.form_field {background: #fff url(../images/form_bg.gif) repeat-x; color: #4c5b66;}
.green_bg {background: #f5fcfb;}
.content_row {width: 98%; margin: 14px 0 14px 14px;}
.border {border-left: 1px dotted #999999; padding-left: 14px;}
.links {display: block; margin: 0 14px 4px 14px;}
.superscript {color: #3897b3; padding-left: 4px;}
.subcat {border-bottom: 1px solid #e6e6e6;}
.date {font-size: 9px; color: #a3a9ac;}
.all {float: right; display: inline;}
.desc {width: 100%; margin: 7px 14px;}

/*Top section*/
#top {min-width: 978px; width: 100%; height: 167px; background: #4fbad0 url(../images/top_grdt.png) repeat-x; text-align: center;}
h1 {
	width: 978px; 
	height: 127px; 
	padding-top: 40px; 
	background: url(../images/top_bg.jpg) 80% 0 no-repeat;
	margin: 0 auto;
}

/*Main section*/
#main {background: url(../images/main_grdt.png) repeat-x; border-top: 1px solid #eff7fa; text-align: center;}

#inner {width: 980px;  background: #e6f1f5; border: 1px solid #ebf4f7; margin: 0 auto;  position: relative; text-align: left;}
#inner2 {min-height: 650px; _height: 650px; background: #fff; margin: 0 1px 1px 1px; padding-bottom: 90px; border-bottom: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6;}
 
/*Search*/
#search {width: 100%; height: 52px; background: #fdc513 url(../images/search_bg.png) repeat-x; position: relative; top: -29px; }
#search table.corner {width: 100%; height: 52px; background: url(../images/search_CL.gif) top left no-repeat;}
#search form {width: 100%; height: 52px; background: url(../images/search_CR.gif) top right no-repeat;}
#search input.form_field {height: 23px; width: 544px; font: 16px normal Tahoma; padding-top: 2px; border: 1px solid #f7af1c;}
#search label {color: #fff; text-transform: uppercase; font-weight: bold; font-size: 12px; margin-left: 29px;}
#search button {width: 64px; height: 26px; border: none; margin-left: 14px; background: #f9f9f9 url(../images/search_button.png) no-repeat; font-size: 14px; color: #16648c; vertical-align: middle;}
#search button:hover {border: none; background: #e4f2f5 url(../images/search_click.png) no-repeat;}
#search button span {display: block; margin-bottom: 2px; line-height: 24px; vertical-align: middle;}

#content {width: 716px;}

/*Main menu*/
#main_menu {height: 44px; list-style-type: none; margin: 0 0 0 14px;}
#main_menu li {display: inline;}
#main_menu a span {margin-left: 14px;}

/*Categories*/
.content_row.green_bg {background-image: url(../images/row_TL.gif); background-position: top left; background-repeat: no-repeat;}
.content_row div.corner {background: url(../images/row_TR.gif) top right no-repeat;}
.content_row div.corner1 {background: url(../images/row_BR.gif) bottom right no-repeat;}
.content_row.green_bg div.corner2 {background: url(../images/row_BL.gif) bottom left no-repeat;}
.content_row div.corner2 {padding: 10px;}
.content_row table td {width: 238px;}

#content h3 {margin: 14px 0 0 28px; font-size: 18px;}
#subcategories {margin-bottom: 28px;}
div.subcat h2 {margin-bottom: 2px;}
div.subcat p {margin: 7px 0; line-height: 16px;}

#pages {margin-left: 14px; color: #a3a9ac;}

/*New sites*/
#new_sites {
	width: 220px; 
	background: #faf7ee url(../images/new_TR.gif) top right no-repeat; 
	margin: 0 14px; 
	position: absolute; top: 52px; left: 730px;
}
#new_sites_div {
	color: #faa217;
	font-weight: bold;
	text-align: center;
	padding-top: 10px;
	font-size: 16px;
	padding-bottom: 10px;
	border-bottom: 1px solid #f2efe7;
}
#new_sites ul {list-style-type: none; background: url(../images/new_BL.gif) bottom left no-repeat; border-top: 1px solid #fefefc; padding-top: 7px;}
#new_sites li {padding: 7px 14px;}
#new_sites li.last_item {background: url(../images/new_BR.gif) bottom right no-repeat; padding-bottom: 52px;}

#ads {
	width: 220px; 
	background: #faf7ee url(../images/new_TR.gif) top right no-repeat; 
	margin: 0 14px; 
	position: absolute; top: 610px; left: 730px;
}
#ads_div {
	color: #faa217;
	font-weight: bold;
	text-align: center;
	padding-top: 10px;
	font-size: 16px;
	padding-bottom: 10px;
	border-bottom: 1px solid #f2efe7;
}

#footer {width: 980px; background: #e6f1f5; border: 1px solid #ebf4f7; margin: 3px auto 20px auto; font-size: 13px; height: 192px; text-align: left;}
#footer2 {width: 976px; height: 190px; margin: 1px; background: #ecf6fa url(../images/footer_bg.png) repeat-x; border: 1px solid #dcebee;}
#footer table {width: 976px;}
#footer table td {width: 195px; padding: 28px 14px 14px 26px;}

#banners {width: 978px; margin: 0 auto; text-align: center;}

.error_block {
	text-align: center;
	padding: 10px;
	color: red;
	font-weight: bold;
}