/* top horiozntal nav */

/* 375178 ( replaces a20c11 ) */

.ddsmoothmenu {
	font-family: Arial, Sans-serif;
	font-size: 12px;
	line-height: 12px;
	font-weight: normal;
	width: auto;
}
.ddsmoothmenu ul {
	z-index: 100;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
/* top level list items */
.ddsmoothmenu ul li {
	position: relative;
	display: inline;
	float: left;
	border-right: 1px solid #fff;
}
/* top level menu link style */
.ddsmoothmenu ul li a { 
	display: block;
	/*background-color: #333;*/
	background: #333 url('/_img/horiz-nav-bg.png') 0px 0px repeat-x;
	/* style added at the end to over-ride background image on sub-menus */
	color: #fff;
	padding: 10px 22px;
	text-decoration: none;
}
.ddsmoothmenu ul li a:hover {
	background-color: #375178;
	color: #fff;
}

/* house image for home link */
.ddsmoothmenu ul li.home { border-right: none; }
.ddsmoothmenu ul li a.home {  padding: 7px 22px;; }

/* and give the FIRST link a left border (to the right of the 'home' icon */
.ddsmoothmenu ul li.first { border-left: 1px solid #fff; }

/* IE6 hack to get sub menu links to behave correctly */
/*
*html .ddsmoothmenu ul li a {
display: inline-block;
}
*/

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited {
	color: #fff;
}
/* class dynamically added to currently active menu items' li a element */
.ddsmoothmenu ul li a.selected {
	background-color: #375178;
	color: #fff;
}
/* secondary menu items hover */
.ddsmoothmenu ul li ul li a:hover {
	background-color: #375178;
	color: #fff;
}
	
/* control 1st sub-level menu */
.ddsmoothmenu ul li ul {
	position: absolute;
	left: 0;
	display: none; /* collapse all sub menus at start */
	visibility: hidden;
}
/* sub-level menu list items (undo style from top level li) */
.ddsmoothmenu ul li ul li {
	display: list-item;
	float: none;
	border-right: none;
}
/* all subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul {
	top: 0;
}
/* sub level menu links style */
.ddsmoothmenu ul li ul li a {
	padding: 9px 20px;
	margin: 0;
	border-top: 1px solid #fff;
	width: auto;
	white-space: nowrap;
}

/* Holly Hack for IE */
/* Holly Hack for IE7 and below */
/* * html .ddsmoothmenu { height: 1%; } */

/* ######### CSS classes applied to down and right arrow images  ######### */
.downarrowclass {
	position: absolute;
	top: 12px;
	right: 7px;
}
.rightarrowclass {
	position: absolute;
	top: 6px;
	right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */
/*shadow for NON CSS3 capable browsers*/
/*
.ddshadow {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}
*/
/* shadow opacity for NON CSS3 capable browsers. Doesn't work in IE */
/*
.toplevelshadow {
opacity: 0.8;
}
*/

/* ################################################ vertical layout */
.ddsmoothmenu-v ul {
	margin: 0;
	padding: 0;
	width: 170px; /* Main Menu Item widths */
	list-style-type: none;
	font: bold 12px Verdana;
}
.ddsmoothmenu-v ul li {
position: relative;
}
/* top level menu links style */
.ddsmoothmenu-v ul li a {
	display: block;
	overflow: auto; /*force hasLayout in IE7 */
	color: #fff;
	text-decoration: none;
	padding: 6px;
	/* border-bottom: 1px solid #fff; */
	/* border-top: 1px solid #fff; */
	border-right: 1px solid #fff;
}
.ddsmoothmenu-v ul li a:link, .ddsmoothmenu-v ul li a:visited, .ddsmoothmenu-v ul li a:active {
	background-color: #82aa58; /* background of menu items (default state) */
	color: #fff;
}
.ddsmoothmenu-v ul li a.selected { /* CSS class that's dynamically added to the currently active menu items' LI A element */
	background-color: #3f642b; 
	color: #fff;
}
.ddsmoothmenu-v ul li a:hover {
	background-color: #3f642b; /* background of menu items during onmouseover (hover state) */
	color: #fff;
}
/* sub level menu items */
.ddsmoothmenu-v ul li ul {
	position: absolute;
	width: 170px; /* Sub Menu Items width */
	top: 0;
	font-weight: normal;
	visibility: hidden;
}
/* ################################################ /vertical layout */

/* ADDED */
/* ====================================================================================================================== */
/* ====================================================================================================================== */

/* address a bug where menu pushes down and spans page width on alternate page loads */
.ddsmoothmenu ul li ul {
	top: 32px !important;
	width: auto !important;
}
.ddsmoothmenu ul li ul li a, 
.ddsmoothmenu ul li ul li ul li a { border-right: none; }

/* set the background arrow image & move it on hover */

.ddsmoothmenu ul li a.spin-button {
	padding-left: 33px;
	background-color: #003768;
	background-image: url('/_img/nav-button-off.png');
	background-position: 13px 50%;
	background-repeat: no-repeat;
}
.ddsmoothmenu ul li a.spin-button:hover, 
.ddsmoothmenu ul li a.spin-button:active { 
	background-image: url('/_img/nav-button-on.png');
}
/* maintain 'on' background image of parent element while hovering over sub-menu */
.ddsmoothmenu ul li a.selected {
	/*background-image: url('/_img/nav-button-on.png');*/
}

/* --------------------------------------------- RIGHT side menu */

/* right nav specifics */
.nav-holder .topnav-right ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}
.nav-holder .topnav-right ul li {
	display: block;
	float: left;
	text-align: center;
}

.nav-holder .topnav-right ul li { border-left: 1px solid #666; }

/* span is to give the phone number the same style without the link */
.nav-holder .topnav-right ul li a, 
.nav-holder .topnav-right ul li span {
	padding: 9px 23px;
	background: #fff;
	width: auto;
	color: #333;
	text-decoration: none;
	display: block;
	text-align: center;
}
/* tweak the padding on the phone number (last item) for overall width balance */
.nav-holder .topnav-right ul li span { padding-left: 35px; }

.nav-holder .topnav-right ul li a:hover, 
.nav-holder .topnav-right ul li a:active {
	color: #ccc;
}

/* --------------------------------------------- FF Hacks */
@-moz-document url-prefix() {
	
	.ddsmoothmenu ul li a { padding: 10px 30px; }
	.ddsmoothmenu ul li ul li a { padding: 9px 20px; }
	
}

/* over-ride background image on sub-menus */
.ddsmoothmenu ul li ul li a, 
.ddsmoothmenu ul li ul li ul ii a { background-image: none; }

/* adjust top placement of level 3 menu */
.ddsmoothmenu ul li ul li ul { top: 0px!important; border-left: 1px solid #fff; }

/* ====================================================================================================================== */
/* ====================================================================================================================== */