/* ==========
© 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;overflow:hidden;}
#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:2px;}
#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:0 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 0; text-decoration:none; color:#919191;}

#menu li.selected a, #menu li.selected a:visited, #menu li.selected a:hover {padding:0 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/caption-span.gif) no-repeat 0 50%;}

#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% 3px; float:left; padding:0 3px 0 0;}
#menu .caption_nav ul li a, #menu .caption_nav ul li a:visited {color:#fff; font-size:12px;}
#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 {text-decoration:none; background: transparent url(../images/nav/main_menu/caption-hover.gif) no-repeat 0 50%; color:#e65311; font-size: 12px;}
#menu .caption_nav ul li a:hover {background-image: none; text-decoration:underline;}
#menu .caption_nav ul li.selected a:hover {background: transparent url(../images/nav/main_menu/caption-hover.gif) no-repeat 0 50%; font: 12px;}

#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:auto; /*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;border-top:none;}

#main_nav li ul {top: 38px !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) 0 0;}
		#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) repeat 0 0;}
		/* > selected state > */
			/* Home Menu button */
			#main_nav .home_pad {margin:0 0 0 3px;}
			#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 50%;}
			#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) 0 0;}
			#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 << */
	/* >> Span tag >> */
		#main_nav li.jdm_active a span, #main_nav li.jdm_active a:visited span{} 
	/* << Span tag << */
	/* >> 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; line-height:16px !important; height:auto; padding-top:0; padding-bottom:0; font-size:11px !important;}
		
		#main_nav li.jdm_active ul li a:hover,
		#sub_nav li.jdm_active ul li a:hover
		{background:transparent;color:#000;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 << */
	/* >> DropDown Active >> */
		#main_nav ul li.jdm_active a, #main_nav ul li.jdm_active a:visited, #main_nav ul li.jdm_active a:hover,
		#sub_nav ul li.jdm_active a, #sub_nav ul li.jdm_active a:visited, #sub_nav ul li.jdm_active a:hover
		{color:#000 !important; text-decoration:none; background:#fff url(../images/nav/sub_menu/vert_arrow_hover.gif) no-repeat 10px 5px !important;}
	/* << DropDown Active - End << */
/* <<<<<< ACTIVE STATES <<<<<< */

/* >>>>>> DROPDOWN LINKS >>>>>> */
#main_nav li ul li a, #main_nav li ul li a:link, #main_nav li ul li a:visited, #main_nav li ul li a:active,#main_nav li ul li a:hover,
#sub_nav li ul li a, #sub_nav li ul li a:link, #sub_nav li ul li a:visited, #sub_nav li ul li a:active,#sub_nav li ul li a:hover
{padding:3px 10px !important;width:150px; height:auto; line-height:16px;text-align:left; font-size:11px !important; text-transform:none; font-weight:400 !important;}

/*#main_nav li ul li a:hover, #sub_nav li ul li a:hover {}*/
#main_nav li ul li a.last, #main_nav li ul li a.last:visited, #main_nav li ul li a.last:hover,
#sub_nav li ul li a.last, #sub_nav li ul li a.last:visited, #sub_nav li ul li a.last:hover {}
/* <<<<<< 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 <<<<<< */