/*
This file is only for HEADER control.
To customize anything, copy it and paste it into the 'customized.css'
*/

#top-menu {
	background:#000;
}

#bottom-menu {
	background:#FC0;
}

#top-menu .fixed-width, #bottom-menu .fixed-width {
	width:980px;
	margin:0 auto;
}

#header {
	}

#header .inner{
	margin:10px 0px 0px 0px; /* so you dont have to mess with the math - add padding and margin with impunity. Just no width... */
}

#header .brand .left {
	float:left;
	width:540px;
}

#header .brand .left img{
	margin:5px 0 0 0;
}

#header .brand .right{
	float:left;
	margin:0px; 
	width:420px;
}

#header .brand {
	margin:0px; /* so you dont have to mess with the math - add padding and margin with impunity. Just no width... */
}

#header h3 {
	font-weight:normal;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	margin:10px 0px 0px 20px;
	}
	
#header	small { 
	font-size:16px;
	color: #006699;
	margin:10px 0px 0px 20px;
}

/*  Navigation Menus  */

/* LOWER Nav & Dropdowns */
#nav, #nav ul{
	padding: 5px;
	float:left;
	list-style: none;
}
#nav {
	padding: 0;
}
#nav a {
	display: block;
	padding:5px 10px;
	color:#000;
}
#nav li {
	float: left;
	line-height:33px;
    border-left:1px solid #F90;	
}

#nav li a:hover {
	color:#fff;
	background-color:#000;
}
#nav li ul {
	position: absolute;
	width: 15em;
	left: -999em;
	padding-top:1px;
}
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
	z-index:1000;	
}
#nav li ul li {
    background: #FFFFFF url(../images/bgr-box-trans.png) repeat-x top;
	border-bottom:1px solid #F90;	
	border-left:1px solid #F90;	
	border-right:1px solid #F90;			
	line-height:28px;	
}
#nav li:hover, #nav li.hover {
    position: static;
}
#nav li ul ul {
	margin: -29px 0 0 15em;
}
#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	left: auto;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
} 


/* TOP nav */

.nav1, .nav1 ul {
	padding: 7px 0 0 0;
	margin: 0px 20px 0px 15px;
	list-style: none; 
	z-index: 100;
	height:25px;
}

.nav1 a {
	display: block;
	padding-bottom:4px;
	padding: 0 0px 0px 0px;
	z-index: 100;
	color: #a0a09b;
}

.nav1 li {
	float: left;
}



/* Drop down */

.nav1 li ul {
	position: absolute;
	width: 130px;
	left: -999em;
}
.nav1 li ul li {
	border: 1px solid #F90;
	border-width:0 1px 1px;
	background: #FFF;
}
.nav1 li:hover ul, .nav1 li.sfhover ul{
	left: auto;	
}
.current_page_item a {
	color: #e8a02c;
}

.nav1 li ul li a {
	line-height: 25px;
	font-size: 11px;
	color: #555555;
	width: 130px;
	padding-bottom:0;
}

.nav1 li ul li a {

}
.nav1 li ul li ul li a {
	border-width:0 1px 1px 0px;
}
.nav1 li ul ul {
	margin: -25px 0 0 150px;
}

.nav1 li ul ul li a {
	line-height: 25px;
}

.nav1 li:hover ul ul, .nav1 li.sfhover ul ul {
	left: -999em;
}

.nav1 li:hover ul, .nav1 li li:hover ul, .nav1 li.sfhover ul, .nav1 li li.sfhover ul {
	left: auto;
}

/* Stupid IE7 Fix */

.nav1 li:hover, .nav1 li.hover {  
	position: static;
}

/* Lower menu */
#topmenu{
	height: 51px;
	margin:0;
}

#topmenu li{
	float: left;
	line-height: 51px;
}
#topmenu li a{
	color: #333333;
	display: block;
	margin: 0 1px 0 0;
	padding: 0 15px;
}
#topmenu li a:hover,#topmenu li.active a{
	color: #ff7800;
	font-weight:normal;
	text-decoration: none;
}



#turtle-optional-header {
	background:none;
	height:70px;
}
