/* 
******************************************************************* 
 
Title:			nav.css 
Browser(s):		Safari, Firefox, IE7/8 
 
Author:			Andy Davis (adavis@raddsigns.com) 
Version:		v2.0
Last modified:	10.23.2009 
 
******************************************************************* 
*/ 

/***** NEW NAV *****/

.drop {
	display: inline;
	white-space:nowrap;
	float: right;
}

/********************************************************** NAVIGATION ****/

ul#nav {
	width: 681px;
	height: 20px;
	text-align: right;
	position: relative;
	display: block;
	z-index: 3;
	float: right;
	margin-top: 114px!important;
	margin-left: 0px;
	padding: 0px;
	left: 0px;
}

ul#nav li {
	float: left;
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: inline;
}

ul#nav li a {
	font: bold 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #FFF;
	text-decoration: none;
	display: block;
	padding: 6px 8px 6px 8px;
	white-space:nowrap;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin: 0 0 0 8px;
	background-color: #2e7382;
}

ul#nav li a:hover {
	color: #FFF!important;
	background-color: #001e42!important;
}

ul#nav li a.nav-active {
	color: #FFF!important;
	background-color: #001e42;
}

ul#nav li a.select:hover {
	background-color: #001e42;
}

.hover, ul#nav li a.select hover {
	background-color: #001e42;
	font: bold 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #FFF;
	text-decoration: none;
	display: block;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

/********************************************** NAV DOWN NAV *****/

ul.dropped {
	position: absolute;
	z-index: 1000!important;
	display: block;
	padding: 8px!important;
	background-color: #001e42;
	width: 220px;
	margin-top: 28px!important;
	left: 8px!important;
	-moz-border-radius-bottomleft: 5px; 
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	white-space:nowrap;
}

.drop li {
	display: block;
}

.drop ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.drop ul li {
	position: relative;
	display:block;
}
	
.drop li ul {
	position: absolute;
	left: 0px;
	top: 0px;
	display: none;
	z-index: 6000;
}

ul#nav li ul.dropped li.sub a {
	display: block;
	text-align: left;
	width: 206px;
	text-decoration: none;
	padding: 8px 6px 0px 8px!important;
	color: #69b9cd!important;
	height: 22px!important;
	margin: 0!important;
	background-color: #001e42!important;
	font-size: 11px!important;Ê
}
	
ul#nav li ul.dropped li.sub a:hover {
	color: #FFF!important;
	background-color: #2e7382!important;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
}
		
.drop li:hover ul, li.over ul { display: block; }


/***** END NEW NAV *****/




/*  SUB PAGE SIDE NAV  */

#left-column ul {
	margin:0;
	padding:0;
	border-bottom: 1px solid #1D292F;
}

#left-column ul li {
	margin:0;
	padding:0;
	list-style-type: none;
	display: block;
	border-top: 1px solid #1d292f;
	border-bottom: 1px solid #000;
}

#left-column ul li.sub-nav-title {
	width: 286px;
	height: 27px;
	background: url(../images/sub-nav-title-bg.gif) repeat-x;
	font: bold 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #929292;
	padding: 10px 0 0 14px;
}

#left-column ul li a {
	font: bold 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #bfad8e;
	padding: 8px 0 0 15px;
	height: 27px;
	width: 285px;
	display: block;
}

#left-column ul li a:hover {
	font: bold 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #FFF;
	background-color: #1D292F;
	padding: 8px 0 0 15px;
	height: 27px;
	width: 285px;
	display: block;
}

#left-column ul li a.sub-nav-active {
	color: #7ec1d2!important;
	padding: 8px 0 0 15px;
	height: 27px;
	width: 285px;
	display: block;
}

/*  BREADCRUMB TOP NAV  */
#breadcrumbs {
	width: 622px;
	height: 39px;
	background: url(../images/breadcrumb-nav-bg.gif) repeat-x #1d292f;
	border-bottom: 2px solid #000;
}

#single-column #breadcrumbs	{
	width: 940px;
}

#breadcrumbs ul {
	margin:0 0 0 4px;
	padding:10px 0 0 0;
	height: 29px;
}

#breadcrumbs ul li {
	list-style-type: none;
	float: left;
	height: 29px;
}

#breadcrumbs ul li a {
	position: relative;
	top: -10px;
	font: normal 11px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #999;
	text-decoration: none;
	margin-right: 0px;
	padding-right: 22px;
	padding-left: 12px;
	padding-top: 14px;
	padding-bottom: 13px;
	background: url(../images/breadcrumbs-sep.png) right no-repeat;
	display: block;
}

#breadcrumbs ul li a:hover {
	color: #FFF;
}

/* BUTTON TEMPLATE */


a.button {
    background: transparent url('../images/bg_button_a.gif') no-repeat scroll top right;
    color: #FFF;
    display: block;
    float: left;
    font: bold 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    margin-left: 20px;
    margin-bottom: 20px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('../images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:hover {
    background-position: bottom right;
    color: #FFF;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:hover span {
    background-position: bottom left;
}