/* ==========
© Copyright 2008, 2009
@author - Mark Hogan 
========== */
/* === MENU === */
#menu {height: 37px; background: transparent url(../images/nav/main_menu/bg.jpg) repeat-x 0 0; position:relative;z-index:1;}
#sub_menu {height: 30px;width: 968px;display:block;left:0;top:0;background: transparent; margin:0 10px; overflow:hidden;}
#menu ul, #sub_menu ul {list-style-type:none; }
#menu li, #sub_menu li {float:left; background: transparent;position:relative;} 
#menu ul li{/*background: transparent url(../images/nav/main_menu/bg.gif) repeat-x 0 0; */padding-right:10px; padding-top:0;}
#menu ul li span {background: transparent;}
#menu li a {float:left;height: 35px; display:block;}
#menu li a, #menu li a:visited, #menu li a:hover {padding:2px 0 0 10px; line-height:35px; color:#767676; font-size:13px; font-weight:800; background: transparent;}
#menu li a:hover {background: transparent url(../images/nav/main_menu/button-hover.gif) no-repeat 0 100%; text-decoration:none; color:#919191;}

#menu li.selected a, #menu li.selected a:visited, #menu li.selected a:hover {padding:2px 0 0 10px; line-height:35px; color:#919191;  font-weight:800; text-decoration:none; background: transparent url(../images/nav/main_menu/button-hover.gif) 0 0;}
#menu li.selected a span, #menu li.selected a:visited span {background: transparent url(../images/nav/main_menu/button-span.gif) no-repeat 100% 0; width:10px; height:35px; display:block; position: absolute;right:0;top:2px;} 

#menu li.selected a div.home, #menu li.selected a:visited div.home, #menu li a div.home, #menu li a:visited div.home, #menu li a:hover div.home {width:18px; height:35px;top:2px;left:0; top:0px; display:block; position: relative !important;}
#menu li.selected a div.home, #menu li.selected a:visited div.home {background: transparent url(../images/nav/main_menu/home.gif) no-repeat 0 7px;}
#menu li a div.home, #menu li a:visited div.home, #menu li a:hover div.home {background: transparent url(../images/nav/main_menu/home.gif) no-repeat 0 7px;}

#menu ul li a span, #menu ul li a:visited span{background: transparent url(../images/nav/main_menu/separator.gif) no-repeat 100% 100%; width:10px; height:35px; display:block; position: absolute;right:0;top:2px;}
#menu ul#caption_nav li a span, #menu ul#caption_nav li a:visited span{background-image: none;}
#menu ul#caption_nav li.selected a span, #menu ul#caption_nav li.selected a:visited span {background: transparent url(../images/nav/main_menu/button-span.gif) 0 0;}

#menu ul li a:hover span{background: transparent url(../images/nav/main_menu/button-span.gif) no-repeat 100% 0; width:10px; height:35px; display:block; position: absolute;right:0;top:2px;}
.caption_nav {background: transparent url(../images/nav/main_menu/caption.gif) no-repeat 100% 0; float:left;}
#menu .caption_nav ul li a, #menu .caption_nav ul li a:visited {color:#fff;}
#menu .caption_nav ul li a:hover {color:#fff;}

#menu .caption_nav ul li a:hover span {background-image:none;}
#menu .caption_nav ul li.selected a:hover,
#menu .caption_nav ul li.selected a, #menu .caption_nav ul li.selected a:visited {color:#e65311; font-size: 14px;}
#menu .caption_nav ul li a:hover {background-image: none;}
#menu .caption_nav ul li.selected a:hover {background: transparent url(../images/nav/main_menu/button-hover.gif) 0 0;}

#sub_menu {height:25px;background: transparent url(../images/nav/sub_menu/bg.gif) repeat-x 0 0; position:relative; z-index: 2;}
#sub_menu ul li {background: transparent url(../images/nav/sub_menu/separator.gif) no-repeat 100% 0;}
#sub_menu li{float:left; display:block;  line-height:25px; width:auto; height:25px;} 
#sub_menu li ul li, #main_nav li ul li{float:left; display:block; line-height:16px; width:100%; /*height:19px;*/height:auto;} 

#sub_menu li a, #sub_menu li a:visited,#sub_menu li a:hover  {padding:0 10px; color:#333; line-height:25px; height:25px; display:block; width:inherit;float:left; font-size:12px;}
#sub_menu li a:hover  {color:#000;}
#sub_menu li a.dropdown, #sub_menu li a.dropdown:visited,#sub_menu li a.dropdown:hover {text-indent:10px; background: transparent url(../images/nav/sub_menu/arrow.gif) no-repeat 8px 10px;}
#sub_menu li a.dropdown:hover, #sub_menu li a.dropdown:hover {color:#000; background: transparent url(../images/nav/sub_menu/arrow_hover.gif) no-repeat 8px 10px;}

/* DROPDOWN Menu */
ul.jd_menu ul {display: none; left:0 !important;}
span.vert_border {height:100% !important; font-size:0; width:150px !important; display:block; position:absolute !important; top:auto !important;  bottom:0  !important; left:10px !important;background: transparent url(../images/nav/sub_menu/vert_separator.gif) repeat-x 0 100% !important;}
#main_nav  li ul, #sub_nav li ul {position: absolute;width: 170px; top: 38px;left: 0; border:1px solid #cfcfce;}

#main_nav  li ul {top: 36px !important;}
#main_nav  li ul.more {left:auto !important; right:0;}
#sub_nav li ul {}
#main_nav ul li, #sub_nav ul li {padding: 0!important; margin:0;width: 170px; background:#fff;}
/* FLYOUT Menu */
#main_nav li ul li ul, #sub_nav li ul li ul {z-index: 3; position: absolute;width: auto;top: -2px !important;left: 100% !important; border:1px solid #d5d5d5;}
#sub_nav li ul li ul  {top:-2px;}

ul.longlinks {width:190px !important; padding-top:2px !important;}
ul.longlinks a,
ul.longlinks a:visited,
ul.longlinks a:hover,
ul.longlinks span.vert_border {width:170px !important;}

/* >>>>>> ACTIVE STATES >>>>>> */
	/* >> Hyperlink >> */
		#main_nav li.jdm_active a, #main_nav li.jdm_active a:visited, #main_nav li.jdm_active a:hover{background: transparent url(../images/nav/main_menu/button-hover.gif) no-repeat 0 100%;}
		#main_nav li.jdm_active a span, #main_nav li.jdm_active a:visited span {background: transparent url(../images/nav/main_menu/button-span.gif) no-repeat 100% 0;} 
		#main_nav li.jdm_active a, #main_nav li.jdm_active a:visited, #main_nav li.jdm_active a:hover,
		#sub_nav li.jdm_active a, #sub_nav li.jdm_active a:visited, #sub_nav li.jdm_active a:hover {color:#919191; background: transparent url(../images/nav/sub_menu/arrow_hover.gif) no-repeat 8px 10px;}
		#main_nav li.jdm_active a, #main_nav li.jdm_active a:visited, #main_nav li.jdm_active a:hover {background:transparent url(../images/nav/main_menu/button-hover.gif) no-repeat 0  100%;}
		/* > selected state > */
			/* Home Menu button */
			#main_nav li.selected a span.home, #main_nav li.selected a:visited span.home {background: transparent url(../images/nav/main_menu/home.gif) no-repeat 0 100%%;}
			#main_nav li a span.home, #main_nav li a:visited span.home {background: transparent url(../images/nav/main_menu/home.gif) no-repeat 0 50%;}
			/* Normal Menu button */
			#main_nav li.selected a, #main_nav li.selected a:visited, #main_nav li.selected a:hover {background: transparent url(../images/nav/main_menu/button-hover.gif) no-repeat 0 100%;}
			#main_nav li.selected a span, #main_nav li.selected a:visited span {background: transparent url(../images/nav/main_menu/button-span.gif) no-repeat 100% 0;} 
		/* < selected state < */
	/* << Hyperlink << */
	/* >> Dropdown Hover / Backgrounds >> */
		#main_nav li.jdm_active ul li a, #main_nav li.jdm_active ul li a:visited, #main_nav li.jdm_active ul li a:hover,
		#sub_nav li.jdm_active ul li a, #sub_nav li.jdm_active ul li a:visited, #sub_nav li.jdm_active ul li a:hover{color:#333;background-image:none;height:auto; padding-top:0; padding-bottom:0;}
		
		#main_nav li.jdm_active ul li a:hover,
		#sub_nav li.jdm_active ul li a:hover
		{/*background:#f7f7f7;*/color:#19548E;text-decoration:underline;}
		/* >> ARROWS >> */
			#sub_nav li.jdm_active ul.flyout li a, #sub_nav li.jdm_active ul.flyout li a:visited, #sub_nav li.jdm_active ul.flyout li a:hover{background:#fff url(../images/nav/sub_menu/vert_arrow.gif) no-repeat 10px 5px;text-indent:10px;}
				#sub_nav li.jdm_active ul.flyout li a:hover{background:#fff url(../images/nav/sub_menu/vert_arrow_hover.gif) no-repeat 10px 5px !important; text-indent:10px;}
			#sub_nav li.jdm_active ul li ul li a, #sub_nav li.jdm_active ul li ul li a:visited, #sub_nav li.jdm_active ul li ul li a:hover,
			#sub_nav li.jdm_active ul.flyout li ul li a, #sub_nav li.jdm_active ul.flyout li ul li a:visited, #sub_nav li.jdm_active ul.flyout li ul li a:hover{background:#fff url(../images/nav/sub_menu/flyout.gif) no-repeat 0 0 !important; text-indent:0;}
		/* << ARROWS << */
	/* << Dropdown Hover / Backgrounds << */
/* <<<<<< ACTIVE STATES <<<<<< */

/* >>>>>> DROPDOWN LINKS >>>>>> */
#menu ul li ol li {float:left; background: transparent url(../images/hr/dotted.gif) repeat-x 0 0;}
#menu ul li ol li:first-child {background-image:none !important;}
#menu ul li ol li p {padding-top:5px;padding-bottom:3px;}
#menu ul li ol li:first-child p {}
#menu ul li.selected ol li a, #menu ul li.selected ol li a:visited, #menu ul li.selected ol li a:hover,
#menu ul li ol li a, #menu ul li ol li a:visited, #menu ul li ol li a:hover 
{float:none;width:auto; padding:0; line-height:18px; height:auto;color:#19548E !important; font-weight:inherit; background: transparent;font-size:12px !important;font-weight:400;}
/* <<<<<< DROPDOWN LINKS <<<<<< */

/* >>>>>> FLYOUT LINKS >>>>>> */
#sub_nav ul li.jdm_active ul li a, #sub_nav ul li.jdm_active ul li a:visited, #sub_nav ul li.jdm_active ul li a:hover {color:#333 !important;}
#sub_nav ul li.jdm_active ul li a:hover {color:#000 !important;}
/* <<<<<< FLYOUT LINKS <<<<<< */