﻿*{margin:0; padding:0;}
body{background-color:#1D4462; font-family: Trebuchet MS,arial, verdana; font-size:70%;}
td{vertical-align:top;}
.main {width:920px; border:10px solid #fff; margin:28px auto 0px auto; padding-bottom:20px;
background:#fff url(images/main_bg.jpg) no-repeat bottom;}
p {margin: 8px 0;}

a.hidden {
	 font-family: Trebuchet MS,arial, verdana;
	 text-decoration:none;
	 color:#9D9D9D;
}
a.hidden:visited {
	 color:#9D9D9D;
}
a.hidden:hover {
	 color:#9D9D9D;
}
a.hidden:active {
	 color:#9D9D9D;
}


a{color:#739D00;}
a:hover {color:#C45908;text-decoration:none;}
a:visited {color:#545454;}
.left{border-right:4px solid #fff; width:306px;}

#topnav li{list-style:none; float:left;}
#topnav li a{display:block; float:left;}

.scenery{background-color: #F2F2F2; border-left:1px solid #A9A9A9; border-right:1px solid #A9A9A9; 
padding: 7px 14px; color:#214864; font-weight:bold; text-align:center;}
.scenery img{display:block; margin: 5px 0;}


.q_contact{background: #fff url(images/form_bg.jpg) repeat-x top;}
.contact {
	color: #423F3F;	
	text-align: left;
	font-family: arial, verdana, Trebuchet MS;
	font-size: 100%;
	padding: 3px 0 1px 9px;
	}
.form {
	color: #000000;
	width: 135px;
	font-size: 11px;
	border: 1px solid #727272;
	margin-left:9px;
}
.comment {
	color: #000000;
	width: 280px;
	font-size: 11px;
	border: 1px solid #727272;
	margin: 0 0 10px 9px;
}
#leftnav {padding: 5px 0;}
#leftnav ul li{border-bottom:1px solid #F0F0F0; list-style:none; }
#leftnav ul li a{
display:block; font-size: 110%;
padding: 3px 10px 3px 20px; color:#557400;margin-left:3px;background: #fff url(images/leftnav_bg.gif) no-repeat left 50%; 
text-decoration:none; font-weight:bold;}
#leftnav ul li a:hover{background: #fff url(images/leftnav_bg_o.gif) no-repeat left 50%; color:#C45908;}

.tab{background: #fff url(images/left_but.jpg) no-repeat left top; color:#646464; font-weight:bold; cursor:hand;
padding: 5px 13px 9px 13px; border:none;}
.tab a{text-decoration:none; display:block; color:#646464;}
#foo a:hover, #foo2 a:hover{text-decoration:underline;color:#C45908;}
#foo a{float:left; width:20px;}
#foo2 {margin-top: 10px; display:none;}
#foo2 a{display:block; height:1%; margin: 3px;}
.img{float:left; margin: 0 10px 10px 0;}
.tab .dif{color:#557400;}
.video{margin: 10px 0;}

.content {background: url(images/content_bg.jpg) no-repeat top; padding: 20px 5px 20px 12px;}
.featured_snap{border:1px solid #D2D2D2; background-color:#FFF; padding:4px; color:#747474; width:196px; text-align:center; 
font-weight:bold; line-height:14px; margin:3px;}
.featured_snap img{display:block; margin: 5px 0;}
.featured_snap a{color:#747474;text-decoration:underline;}
.feat_hd {background: url(images/feat_box.jpg) repeat-y top left; width:214px;}
.feat_hd div{background: url(images/featured_bg.jpg) no-repeat top left; font-size: 120%;padding: 5px 20px;color:#B3B3B3; 
font-weight:bold;}
.feat_hd .dif{color:#8EA845}
.featured {background-color:#F2F2F2; border-left:1px solid #A9A9A9;border-right:1px solid #A9A9A9;}
.legal_hd {background: url(images/legal_bg.jpg) repeat-y top left; width:214px;}
.legal_hd div{background: url(images/legal_hd.jpg) no-repeat top left; font-size: 120%;padding: 5px 20px;color:#646464; 
font-weight:bold;}
.legal_hd .dif, h1 .dif,h2 .dif{color:#557400;}
.head {color:#9D9D9D;font-style:italic; text-align:left; margin:4px; font-weight:normal;}
.head b{display:block; color:#739D00; text-decoration:underline;font-style:normal;}

.content_main{padding-right:29px; color:#9D9D9D;}
.content_main h1{color:#646464; font-size: 180%;}
.content_main ul{margin: 10px 15px;}
.content_main li{margin: 8px 15px;}
.content_main ol{margin: 8px 15px;}

.content_main .feat_hd {background: url(images/content_feat_head_bg.jpg) repeat-y top left;}
.content_main .feat_hd div{background: url(images/content_feat_head.jpg) no-repeat top left; font-size: 120%;
padding: 5px 20px;color:#B3B3B3; width: 309px;
font-weight:bold;}
.content_main .featured_snap{width:330px;text-align:left; font-weight:normal;}
.featured_snap ul li, ul.links li {border-bottom:1px solid #F0F0F0; list-style:none; background: url(images/bullet.jpg) no-repeat top left;
padding: 0 16px; margin: 5px 2px; color:#9D9D9D;}
.content_main .featured_snap li b, ul.links li b{color:#739D00; text-decoration:underline;}
h2{border-bottom:1px solid #F0F0F0; margin: 10px 0; font-size:120%; color:#646464;}

ul.links li{background: url(images/bullet2.jpg) no-repeat top left;border-bottom:0px; }

#footer {width:700px; padding:10px 40px;margin: 0 auto; color:#6E889A; text-align:center;}
#footer a{color:#6E889A;font-weight:bold;}
#foo{ margin: 10px 0;}

ul#topnav, ul#topnav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
ul#topnav ul {
	width:11em;
}
ul#topnav ul ul{
	float:right;
}
ul#topnav li { 
	line-height : 1.25em;
	position: relative;
	float: left;
}
ul#topnav>li li { /* Needed for Opera 9, maybe because it's decent CSS. Hide from IE6 */
	float: none;
}
ul#topnav li a {
	display: block;
	color: #FFF;
	float: left;
}

ul#topnav li li { 
	float: left;
	margin:0;
	height:1%;
	width:12em;
}

ul#topnav li li a {
	width: 11em; /*           ****CHANGE SUBMENU WIDTH**** */
		padding: 4px 0.5em;
		height: auto;
		display : block;
		background: #1D4462;
		float: none;
		text-decoration: none;
}
	* html ul#topnav li li {
height: 1%;
}	

	* html ul#topnav li ul li a {
height: 1%;
}	
*:first-child+html ul#topnav li li a {
height: 1%;
}


ul#topnav li li a:hover {
	color: #011d44;
	background-color: #d7a05e;
}

ul#topnav li li li a {
	width: 14em; /*           ****CHANGE SUBMENU WIDTH**** */
}

ul#topnav li ul {
	position : absolute;
	left: -999em;
}


ul#topnav li:hover ul ul, ul#topnav li.sfhover ul ul {
	left: -999em;
}
ul#topnav li:hover ul, ul#topnav li li:hover ul,ul#topnav li li li:hover ul, ul#topnav li.sfhover ul, ul#topnav li li.sfhover ul,ul#topnav li li li.sfhover ul {
	top: 0;
	left: -1px;
	margin-left: 100%;
}


/*                       ****DISPLAYS HORIZONTAL MENU**** */
ul#topnav li:active ul, ul#topnav li:hover ul, ul#topnav li.sfhover ul {
	top: 100%;
	margin-left: 0;
}


.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}