/* CSS Document */
html, body{
	padding:0; margin:0; background:#f0f0f0;
	}
div, p, h1, h2, h3, ul, img{
	padding:0; margin:0;
	}
ul{
	list-style-type:none;
	}
.blank{
	font-size:0px; line-height:0px; clear:both;
	}
/*-------------------------------- HEADER -------------------*/
#main_header{ width:100%;	margin:0 auto;  background:#F0F0F0; color:#FFFFFF;}
#main_header #banner{ width:950px; margin:10px auto; color:#000; }
#main_header #header{ width:950px; margin:0 auto; color:#FFF; background:url(/img/site/header.jpg) no-repeat center; height:140px; }
#main_header #menu{ width:950px; margin:5px auto; color:#000; background:#003; height:42px; }

#main_header #menu ul.nav{width:950px; display:block; padding:0; margin:0; background:none;}
#main_header #menu ul.nav li{height:31px; padding:1px 1px; margin:0; display:block; float:left; font:24px Arial, Helvetica, sans-serif;}
#main_header #menu ul.nav li a{	font:11px Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none; text-indent:0px; padding:0 5px; font-weight:bold; margin:4px; line-height:33px; display:block; height:31px; text-align:center; width:90px; background:url(/img/site/menu.gif) no-repeat; }
#main_header #menu ul.nav li a:hover, #main_header #menu ul.nav li a.highlighted, #main_header #menu ul.nav li a.selected{ background:url(/img/site/menu-hover.gif) no-repeat;}
#main_header #menu ul.nav li a.selected{ color:#CCC; }

/*------------------------------------ BODY-------------------------*/
#main_body{ width:100%;  background-color:#f0f0f0;  color:#333; min-height:300px;  }
#body{ width:950px; margin:0 auto 0 auto; padding:0; font:12px Arial, Helvetica, sans-serif;}

#body li { 
	border: none;
	display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top; 
	zoom: 1;
    *display: inline;
}

#body li.normal-section { width:315px; padding-bottom:30px; }
#body li.wide-section { width:630px; }

#body li.normal-column .title, #body li.normal-column-gray .title{ background:url(/img/site/section-top.gif) top left no-repeat; height:30px;}
#body li.normal-column .content{ background:url(/img/site/section-bottom.gif) bottom left no-repeat;}
#body li.normal-column .content-cat{ min-height:540px;}
* html #body li.normal-column .content-cat{ height:540px;}
#body li.normal-column .history-cat{background:url(/img/site/section-bottom.gif) bottom left no-repeat;  padding:5px 20px 15px 15px;}
#body li.normal-column { background:url(/img/site/section-body.gif) repeat-y; width:300px; margin:6px;}
#body li.normal-column-gray .content{ background:url(/img/site/section-bottom-gray.gif) bottom left no-repeat;}
#body li.normal-column-gray { background:url(/img/site/section-body-gray.gif) repeat-y; width:300px; margin:6px; }

#body li.wide-column .title, #body li.wide-column-gray .title{ background:url(/img/site/section-top-wide.gif) top left no-repeat; height:30px;}
#body li.wide-column .short{height:25px;}
#body li.wide-column .content{ background:url(/img/site/section-bottom-wide.gif) bottom left no-repeat;}
#body li.wide-column { width:614px; margin:6px; background:url(/img/site/section-body-wide.gif) repeat-y;}
#body li.wide-column-gray .content{ background:url(/img/site/section-bottom-wide-gray.gif) bottom left no-repeat;}
#body li.wide-column-gray { background:url(/img/site/section-body-wide-gray.gif) repeat-y; width:614px; margin:6px; }

#body li.normal-column-banner { width:300px; margin:6px;}
#body li.normal-column-banner-tall { width:300px; margin:6px; }
#body li.wide-column-banner { width:614px; margin:6px; }

#body li .title { padding:9px 10px 1px; color:#FFF; font-size:1.2em; }
#body li .title a { text-decoration:none; color:#FFF; }
#body li .title a span.more { text-decoration:none; color:#0066CC; }
#body li .title a:hover, #body li .title a:hover span.more { text-decoration:none; color:#3366FF; }
#body li .title span.date { font-size:0.8em; color:#FFF; }
#body li .title span.tools { float:right; font-size:0.8em; margin-right:5px;}
#body li .title span.tools img { border: none;}
#body li .title span.tools a { text-decoration:none; color:#0033FF; font-size:0.75em;}
#body li .title span.tools a:hover { color:#0000CC;}

#body li .content, #body li .content-cat { min-height: 1px; _height: 1px;}
#body li .content, #body li .content-cat { padding:10px 20px 15px 15px;}

#body li .content h2, #body li .content h2 a, #body li .content-cat h2, #body li .content-cat h2 a  { color:#333333; font-size:1.35em; text-decoration:none; display:block;  margin:0;}
#body li .content h2 a:hover, #body li .content-cat h2 a:hover {color:#003366; text-decoration:underline; }

#body li .content .view, #body li .content-cat .view{ text-align:center; background:#CCC; display:block; padding:3px 0;}
#body li .content .view a img, #body li .content-cat .view a img{border:none; vertical-align:middle;}
#body li .content .view a, #body li .content-cat .view a{ color:#666666; text-decoration:none;}
#body li .content .view a:hover, #body li .content-cat .view a:hover{ color:#333333;}

#body li .content .article-img img, #body li .content-cat .article-img img{ border:none;  display:block; float:left; padding: 0 15px 10px 0;}
#body li .content .article-img-right img, #body li .content-cat .article-img-right img{ border:none;  display:block; float:right; padding-left:15px;}

#body li .content .text a, #body li .content-cat .text a { color:#666; text-decoration:none;}
#body li .content .text a:hover, #body li .content-cat .text a:hover { color:#333; text-decoration:underline; }	

#body li .content .category, #body li .content-cat .category { color:#EEE; background:#036; padding:3px; margin:3px 0 15px;}
#body li .content .category a, #body li .content-cat .category a{ color:#EEE; text-decoration:none;}
#body li .content .category a:hover, #body li .content-cat .category a:hover{ color:#FFF; }

#body li .content .created, #body li .content-cat .created { font-size:.7em; color:#333; }
#body li .title .created  { font-size:.7em; color:#FFF; margin-top:2px; }

#body li .content .text {padding:10px 0; }
#body li .content .text a {font-size:1em; color:#666666;}

#body li .content .history{ margin-top:5px; border-bottom: 1px solid #CCC; border-top: 1px solid #CCC;  text-align:center; background:#F9F9F9;}
#body li .history-cat .history{ border-bottom: 1px solid #CCC; border-top: 1px solid #CCC;  text-align:center; background:#F9F9F9;}

#body li .content .history a, #body li .history-cat .history a{ font-size:1em; color:#666; text-decoration:none; padding:5px 0; display:block;}
#body li .content .history a:hover, #body li .history-cat .history a:hover{ color:#000066; } 
	
#body li .content .line, #body li .content-cat .line { border-bottom:#E0E0E0 dotted 1px; margin:0 0 10px 0; }	
#body li .content h3, #body li .content h3 a, #body li .content-cat h3, #body li .content-cat h3 a { color:#333333; font-size:1.15em; text-decoration:none; display:block;}
#body li .content h3 a:hover, #body li .content-cat h3 a:hover  {color:#003366; text-decoration:underline; }

#body li .content .subcategory a, #body li .content-cat .subcategory a{ color:#999; text-decoration:none; font-size:.9em}
#body li .content .subcategory a:hover, #body li .content-cat .subcategory a:hover{ color:#777; }



/*------------------------------- GALLERIES ----------------*/

#body li .content .gallery-box{padding:15px; border:1px solid #FFF; margin:0 0 15px 0; }
#body li .content .gallery-img img{ border:none;  display:block; float:left; padding-right:4px;}
#body li .content .thn-img img{ border:none;  display:block; float:left;}
#body li .content .thn-img img.lower{padding-top:4px;}

#body li .gallery{width:265px; padding:11px;}
#body li .content .gallery-title {  font-size:1.4em; color:#FFF; background:#036; padding:6px; margin:3px 0 15px;}
#body li .image{ margin:3px; width:132px; border:1px solid #EEE;}
#body li .image a img{padding:15px; border:1px solid #FFF; }
#body li .image a:hover img{ width:110px; height:110px; padding:10px; }

/*--------------------------------- FOOTER -----------------*/
#main_footer{ width:100%; background:#F0F0F0 url(/img/site/footer.gif) center repeat-y; color:#ffffff;  margin:0px; padding:0px; bottom:0px;}
#footer { width:530px; height:90px; margin:0 auto 0 auto; padding:10px 0 0;}
#footer p{ padding:0; font:11px/16px Tahoma, Arial, Helvetica, sans-serif; color:#FAFAFA; font-weight:normal;	height:14px; margin:0; text-align:center;}
#footer p a{ color:#fff; text-decoration:underline;}
#footer p a:hover { color:#CCC;}

/*--------------------------------- PAGINATION -----------------*/
.pagination {padding: 3px; margin: 10px 10px 20px; font-size: 10px; text-align:center; /*clear:both;*/}
.pagination a {padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #AAAADD; text-decoration: none; color: #666666;}
.pagination a:hover, .pagination a:active {color: #FFF; background-color:#006699;}
.pagination span.current {padding: 2px 5px 2px 5px; margin: 2px;	font-weight: bold; background-color:#1366BA; color: #FFF;}
.pagination div.disabled {padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #EEE; color: #CCC; display:inline; }

.clear { clear:both; height:10px; }

/*--------------------------------- SEARCH -----------------*/
#body li .content .search .input input{ background:#EEE; border:1px solid #999; font-size:12px; height:16px;  margin: 0 15px; width:235px; }
#body li .content .search .input label{ margin: 0 0 0 15px; padding:3px 5px 3px 0; display:inline-block; color:#666; width:60px; text-align:center; }
#body li .content .search .input select{ background:#EEE; border:1px solid #999; font-size:11px; height:18px;  margin: 0; width:170px; }
#body li .content .search .submit { text-align:right; padding:10px 15px; }
#body li .content .search .submit input{ text-align:center; border:1px solid #999; background:#CCC; padding:3px 20px; }
#body li .content h2.search { color:#666666; margin: 10px 0 10px 20px; }

/*--------------------------------- NEWSLETTER -----------------*/
#main_header #header .newsletter  form{ margin:0; padding:0; }
#main_header #header .newsletter .input input, .subscribe{ background:#FFF; border:1px solid #999; font-size:12px; height:16px;  margin: 3px 15px 0; vertical-align:top; width:170px; }
#main_header #header .newsletter .input label{ margin: 0px; padding:0px; display:inline-block; color:#666; width:90px; text-align:right; font-size:11px; }
#main_header #header .newsletter .submit { text-align:right; padding:2px 15px; }
#main_header #header .newsletter .submit input{ text-align:center; border:1px solid #999; background:#036; padding:1px 20px; color:#FFF; margin-right:40px; font-size:12px; }
#main_header #header .newsletter .submit input:hover{ background:#36C; }
#main_header #header .newsletter h3 { font-size:14px; color:#333; margin: 8px 0 3px 20px; }

.subscribe{ text-align:center; border:1px solid #999; background:#CCC; padding:3px 20px; width:170px; margin:20px auto;}
.subscribe a{color:#333; text-decoration:none;}
.subscribe a:hover{color:#000;}

/*--------------------------------- FLASH -----------------*/
#body #flashMessage .message{ background:#FFFF99; padding:10px; margin:15px 15px 15px 5px; text-align:center; font-size:14px; font-weight:bold; }
#body #flashMessage .error{ background:#F66; padding:10px; margin:15px 15px 15px 5px; text-align:center; font-size:14px; font-weight:bold; }

/*--------------------------------- CONTACT -----------------*/
#body li .content.contact .input input{ background:#EEE; border:1px solid #999; font-size:12px; height:16px;  margin: 0 15px; width:250px; }
#body li .content.contact .input textarea{ background:#EEE; border:1px solid #999; font-size:12px; height:120px;  margin: 0 15px; width:250px; }
#body li .content.contact .input label{ margin: 0 0 0 15px; padding:3px 5px 3px 0; font-size:14px; display:inline-block; color:#666; width:150px; text-align:right; vertical-align:top; float:left; }
#body li .content.contact .input select{ background:#EEE; border:1px solid #999; font-size:12px; height:16px;  margin: 0; width:170px; }
#body li .content.contact .submit { text-align:right; padding:20px 50px; }
#body li .content.contact .submit input{ text-align:center; border:1px solid #999; background:#CCC; padding:3px 20px; }
#body li .content.contact .input .error-message{ background:#FFFF99; padding:3px; margin:5px 60px 0px; text-align:center; font-size:12px; font-weight:bold; border:1px solid #FF9900; }
#body li .content.contact .center{ text-align:center; }