/* March 25, 2009 */
/*
Theme Name: Custom-Techsolve
Version: 1.0
Author: Cathy Crisenbery
*/
/*Global Resets*/
* {margin:0;padding:0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
.hidden {display:none;}
/**********************/
/*Clearfix for FF float problem*/
.cf:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
li{list-style-type:none;}
body{
margin:0;
line-height: 1.5em;
font-size:76%;
font-family:arial,helvetica,sans-serif;
color:#4f4f4f;
background-image:url(../images/background-gradient.jpg);
background-repeat:repeat;
padding:20px 0;} 
#wrapper{margin: 0 auto;height:1%;width:892px; background-image:url(../images/top-gradient2.png);background-repeat:repeat-x;}
#left {float:left;width:0px;margin:0; padding:0;height:1px;}
#right {float:right;width:0px;margin:0; padding:0;height:1px;}
#middle {margin:0; padding:0;background:none;height:100%;}
.column-in {margin:0; padding:0;}
.column-in2{margin:0; padding:0;width:100%;}
#outer-container{width:100%;float:left;}
#inner-container {width:100%;float:left;}
#inner-color{width:100%;float:left;background-image:url(../images/main-container-background.jpg);background-repeat:repeat-y;}
#inner-color-home{width:100%;float:left;background-image:url(../images/main-container-background-home.jpg);background-repeat:repeat-y;}
#inner-top{width:100%;}
#inner-wrapper{padding-top:22px;background-color:transparent;}
#inner-wrapper-bl{/*background:url(../images/roundybot-l.png) no-repeat bottom left;*/}
#inner-wrapper-br{/*background:url(../images/roundybot-r.png) no-repeat bottom right;padding:5px;*/}
#header-mod{margin-top:10px;}
#headerinnerbg3{margin-top:10px;}
#header-mod, #header-mod2 {padding: 0px; text-align:center;font-size:1em; color:#fff; overflow:hidden; width:100%;float:left;}
#header-mod2, #header-mod3{margin-bottom:10px;}
#searchmod_frame{position:relative;float:right;z-index:5000;background:url(../images/searchareabg.png) no-repeat;height:40px;top:4px;width:180px;}
#searchmod{font-size:.8em;font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif; text-align:right;padding-right:8px;color:#999;z-index:1;width:160px;right:0px;padding-top:8px;}
#searchmod .inputbox {margin-left:20px;/*background:url(../images/search.png) no-repeat;color:#fff;*/padding-left:20px;text-indent:3px;border:none;}
#pathwayframe{width:100%;}
#pathway{font-size:.8em;line-height:20px;height:20px;font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif;padding-top:15px;padding-left:25px;color:#333;z-index:1;}
#pathway a{color:#333;}
#pathway a:hover{color:#000; text-decoration: underline;}
#logocontainer {position: relative;z-index:5001;}
#logo {height: 97px;width:223px; float:left;background: transparent url(../images/logo-top.jpg) no-repeat;margin:0;padding:0;line-height:0;overflow:hidden;}
#bannercontainer {background-color:transparent;float:right;}
#banner{text-align:right;overflow:hidden;}
#contentframe-1{float: left;width: 100%;}
#contentframe-2{padding:0px;}
#contentcolumn{padding:0px; width:509px;margin:0px 160px 0 223px;}
#contentcolumn-home{padding:0px; width:669px;margin:0 0 0 223px;}
#mainbody-pad{padding:15px 20px 15px 25px;background-color:transparent;}
#mainbody{width:100%;background-color:transparent;}
/*Outer Columns*/
#outercolumn-l{/*don't change below*/float: left;height:100%;}
#outerpad-l{}
#outercolumn-r{ /*don't change below*/float: left;height:100%;}
#outerpad-r{padding-top:10px;}
.outer-mod{width:100%;}
/*Left & Right Columns*/
#leftcolumn{margin-left:-100%;width:223px;/*don't change below*/float: left;}
#left-mod{padding-left:0px;padding-top:0px;margin-bottom:24px;}
#rightcolumn{width:160px;margin-left:-160px;/*don't change below*/float: left;}
#right-mod{padding-right:0px;padding-top:0px;}
.spacing1{width:100%;height:10px;}
/*lists*/
ul {list-style: none;padding-top:7px; }
li {list-style:none;padding-bottom:7px;margin:0;padding-left:19px;}
ul li{background:url(../images/indent1.png) no-repeat 0 4px;line-height:1.5em;}
ul.nobullet li{list-style: none; background:none;margin:0;padding:0;}
ul li ul li{background: url(../images/red_arrow.gif) no-repeat 0 4px;line-height:1.2em;}
.module ul li, .moduleblank ul li, .module-style1 ul li, .module-style2 ul li, .module-style3 ul li, .module-style4 ul li {background: url(../images/listitem.png) no-repeat 0 50%;font-size:.9em;line-height:20px;margin:0;padding-left:19px;text-indent:10px;}
.module ul li a, .moduleblank ul li a, .module-style1 ul li a, .module-style2 ul li a, .module-style3 ul li a, .module-style4 ul li a {padding:4px 0 4px 0;display:block;width:100%;}
.module ul li:hover, .moduleblank ul li:hover, .module-style1 ul li:hover, .module-style2 ul li:hover, .module-style3 ul li:hover, .module-style4 ul li:hover{background:#111 url(../images/listitem_over.png) no-repeat 0 50%;}
.module ul li a:hover, .moduleblank ul li a:hover, .module-style1 ul li a:hover, .module-style2 ul li a:hover, .module-style3 ul li a:hover, .module-style4 ul li a:hover{background:#111 url(../images/listitem_over_r.png) no-repeat 100% 50%;margin-right:-5px;text-decoration:none;color:#ccc;}
#mainbody ul li {}
#mainbody img{}
/*Links*/
#mainbody p {}
a:link, a:visited {color:#981e33;text-decoration:none;}
a:hover{color:#000000; text-decoration:none;}
ul li a:link {border-bottom:none;}
ul li a:hover {}
h2{font-size:/*131%;*/200%;padding-top:10px;line-height:1em;} 
h3{font-size:108%;font-weight:bold;padding-top:10px;} /*renders 11px */
h4{font-size:93%;padding-top:.5em;} /*renders 10px */
.membership{color:#c75b12;}
.manufacturing {color:#c75b12;}
.healthcare{color:#3095b4;}
.machining{color:#005a8b;}
.aero{color:#412d5d;}
.government{color:#58a618;}
.corporate{color:#8b8178;}
.red{color:#981e33;}
em {font-style:italic;}
.emphasis{font-style:italic;}
strong {font-weight:bold;}
p{font-size:1em;padding-top:.5em;} /* renders 11px */
.subhead{font-size:1em;color:#C00;font-weight:normal;}
.contentheading {font-size:182%;font-weight:bold;/*color: #fff;font-size:1.5em;line-height:1.5em;text-indent:40px;font-weight:bold;background:url(../images/ch.png) no-repeat 0 50%;*/}
.componentheading {color:#8b8178;font-size:182%;padding-bottom:10px;}
/***Float Containers ****/
.float-left{float:left;}
.float-right{float:right;}
#mainbody ol li {margin-left: 35px;line-height: 170%;list-style:decimal;font-weight:normal;}
/*imput box, buttons*/
.inputbox {color:#000;border: #555 1px solid;background-color:#CCC /*#222*/;line-height:1.5em;margin-right: 2px;/*padding:4px;*/}
fieldset{border:0;}
label {padding:0;margin:0;}
/*CSS for Module Space Splitting*/
.fullwidthcontainer{padding:10px;width:100%;}
/*.pj_vmenu ul.menu li{background:none;}*/
.pj_vmenu li a:hover {text-decoration:none;border-bottom:none;}
img{padding:0;margin:0;display:block;}
.inline{display:inline;}
#quickfact{width:160px;background-color:transparent;}
.quickfact-text{padding:1.5em;font-size:100%;font-weight:bold;color:#333;font-style:italic;}
.headImage{float:right;background-color:transparent;}
#footerCLC{background-color:transparent;background-image:url(../images/bottom-gradient.png);background-repeat:repeat-x;color:#fff;font-size:.85em;height:25px;margin:0;padding-top:.75em;padding-bottom:0;padding-right:0;padding-left:1em;}
.footerText{float:left;}	
#footer-nav{text-align:right;}
#footer-nav ul{list-style: none; margin:0;padding:0;background-color:transparent;}
#footer-nav ul li{list-style: none; margin:0;padding:0;background:none;}
#footer-nav li {display:inline;text-transform:uppercase;}
#footer-nav li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */}
#footer-nav li.last{border:none;}		
#footer-nav a {text-decoration:none;padding: .25em .25em;font-size:77%;}
#footer-nav li a, #footer-nav li a:visited { /* visited pseudo selector so IE6 applies text colour*/color:#fff;background-color:transparent;}
#footer-nav li a:focus, #footer-nav li a:hover, #footer-nav li a:active {background:none;color:#4f4f4f;background-color:#CCC;}
/*****Search Our Site******/
.module-S1{padding-left:14px;padding-top:0; padding-bottom:0px;padding-right:0;
background:url(../images/left-navigation-gradient.gif) 100% 0;
margin-top:14px;
margin-bottom:0;
margin-left:0;
margin-right:0;
text-transform:uppercase;
color:#4f4f4f;
line-height:28px;
}
.go-red{font-size:108%;color:#981e33;font-weight:bold;}
.breadcrumbs pathway a{color:#333;}
.breadcrumbs pathway a:hover{color:#000; text-decoration: underline;}

#tool-box{margin-left:360px;}
#tool-box ul li,#tool-box ul {float:left;list-style:none; margin:0;background-image:none;}
#tool-box ul li{padding-left:10px;}
#tool-box a {text-decoration:none;border:none;background-color:transparent;color:transparent;}
#tool-box li a, #tool-box li a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	text-decoration:none;border:none;background-color:transparent;color:transparent;}

.ddsg-wrapper h2{color:transparent;}
.ddsg-pagenav{text-align:right;}


/* Sprites for Advanced Machining R&D right column links */
#expert ul{margin:0;padding:0;list-style-type:none;background:none;}
#expert li{margin:0;padding:0;list-style-type:none;background:none;}
#expert li a{background:url(../images/talk-smpi.gif);/*height:22px;*/display:block;margin:0;padding:0;}
#expert li a.item1 {background-position:0 0;height:23px;display:block; }
#expert li a:hover.item1 {background-position:0px -23px;}
#expert li a.item2 {background-position:0 -45px;height:23px;display:block; }
#expert li a:hover.item2 {background-position:0 -68px;}
/*flyout menu   March 9, 2009*/
.module{color:#4f4f4f;background:#ecebe9/*#222*/ /*url(../images/mods/modbg.png) no-repeat*/ /*bottom right*/;margin:/*5px;*/ 0; }
.module h3 {color:#fff;font-size: 1.3em;padding-top:10px;padding-right:8px;text-align:left;margin-top:-3px;font-weight:bold;margin-bottom:17px;}
.module div div div{background: /*url(../images/mods/modbg-tr.png)*/ url(../images/left-navigation-gradient.gif) no-repeat 100% 100%;/*padding:5px 15px 7px 0px;*/padding:0; margin:0;/*14px;*/}
.pj_vmenu .menu-flyout ul{padding:0;}
.pj_vmenu .menu-flyout li{/*text-indent:20px;*/line-height: 22px;/*24px;*//*28px;*//*32px;*/width:/*100%;*/ 223px;z-index:500;background:transparent;text-transform:uppercase;}
.pj_vmenu .menu-flyout a, .pj_vmenu .menu-flyout span{border-bottom:none;/*font-style:normal;*/width:/*100%;*/ 223px;/*color:#4f4f4f;*/padding-left:7px;}
.pj_vmenu .menu-flyout li:hover, .pj_vmenu .menu-flyout li.sfHover, .pj_vmenu .menu-flyout li:hover a, .pj_vmenu .menu-flyout li.sfHover a{/*color:#981e33;*/
  background:url(../images/left-navigation-hover.gif) no-repeat;}/* if this is changed to just a color, then all the others states (over,  visited) change to red and black backgrounds */
.pj_vmenu .menu-flyout li a:hover{border-bottom:none;}
.pj_vmenu ul.menu-flyout ul,
.pj_vmenu ul.menu-flyout ul ul,
.pj_vmenu ul.menu-flyout ul ul ul {background:url(../images/left-navigation-hover.gif) no-repeat;}
.pj_vmenu ul.menu-flyout li a:link,
.pj_vmenu ul.menu-flyout li a:visited,
.pj_vmenu ul.menu-flyout li a:visited,
.pj_vmenu ul.menu-flyout span.separator {
	margin: 0;
	padding:0;
	color:#4f4f4f;
	font-size:100%;
	line-height:22px;
	display: block;
	cursor:pointer;
}
.pj_vmenu ul.menu-flyout span.separator {background: transparent;}
.pj_vmenu ul.menu-flyout .separator.active {background: transparent;}
.pj_vmenu ul#mainlevel li, .pj_vmenu ul.menu-flyout li {
width:223px;
list-style:none;
padding-left:0;
padding-right:0; padding-top:0; padding-bottom: 0;
margin:0;
}
.pj_vmenu ul.menu-flyout ul{width:223px;}
.pj_vmenu ul.menu-flyout ul li{width:223px;}
.pj_vmenu ul#mainlevel li a:link, .pj_vmenu ul#mainlevel li a:visited, 
.pj_vmenu ul.menu-flyout li a:link, .pj_vmenu ul.menu-flyout li a:visited {
font-weight:bold;
padding-left:0;
padding-right:0;
padding-top:2px;
padding-bottom: 2px;
font-size:100%;
display:block;
text-decoration:none;
}
/*ACTIVE*/
.pj_vmenu ul.menu-flyout li a:hover, 
.pj_vmenu ul.menu-flyout li.active a:hover {color:#981e33;}
.pj_vmenu ul#mainlevel li a#active_menu, .pj_vmenu ul.menu-flyout li a#active_menu,.pj_vmenu ul.menu-flyout li.current_page_item a,
.pj_vmenu li.active a{text-decoration:none;color:#981e33;background:url(../images/left-navigation-hover.gif) no-repeat;}
.pj_vmenu ul.menu-flyout li li a{color:#4f4f4f;}
.pj_vmenu ul.menu-flyout li li a:hover{color:#981e33;}
.pj_vmenu ul#mainlevel li#active_menu, .pj_vmenu ul.menu-flyout li#active_menu, .pj_vmenu ul.menu-flyout li#current,.pj_vmenu li.active{color:/*#999;*/ #981e33;
background:url(../images/left-navigation-hover.gif) no-repeat;}
.pj_vmenu ul.menu-flyout ul li, .pj_vmenu ul.menu-flyout li#current li a , .pj_vmenu li.active li a{}
/* Root = Vertical, Secondary = Vertical */
.pj_vmenu ul#mainlevel,
.pj_vmenu ul.menu-flyout,
.pj_vmenu ul.menu-flyout li,
.pj_vmenu ul.menu-flyout ul {/*For KHTML*/list-style: none;}
.pj_vmenu ul#mainlevel:after,
.pj_vmenu ul.menu-flyout:after /*From IE 7 lack of compliance*/{
clear: both;
display: block;
font: 1px/0px serif;
content: ".";
height: 0;
visibility: hidden;
}
.pj_vmenu ul#mainlevel li,.pj_vmenu ul.menu-flyout li {
float: left; /*For IE 7 lack of compliance*/
display: block !important; /*For GOOD browsers*/
/*display: inline; For IE*/
position: relative;
/*border-bottom: 1px solid #283338;*/
}
.pj_vmenu ul#mainlevel li li, .pj_vmenu ul.menu-flyout li li{
background:url(../images/left-navigation-hover.gif) no-repeat;font-size:93%;border-bottom: 1px solid #655e56;}
/* Root Menu */
.pj_vmenu ul#mainlevel a, .pj_vmenu ul.menu-flyout a {
display: block;
height: auto !important;
height: 1%; /*For IE*/
}
/* Root Menu Hover Persistence */
.pj_vmenu ul.menu-flyout a:hover,
.pj_vmenu ul.menu-flyout li:hover a,
.pj_vmenu ul.menu-flyout li.sfHover a {/*color:#981e33;   If you specify hover color here, the secondary items have the hover color on them when the flyout appears */
}
/* 2nd Menu */
.pj_vmenu ul.menu-flyout li:hover li a,
.pj_vmenu ul.menu-flyout li.sfHover li a {z-index:500;}
/* 2nd Menu Hover Persistence */
.pj_vmenu ul.menu-flyout li:hover li a:hover,
.pj_vmenu ul.menu-flyout li:hover li:hover a,
.pj_vmenu ul.menu-flyout li.sfHover li a:hover,
.pj_vmenu ul.menu-flyout li.sfHover li.sfHover a {}
/* 3rd Menu */
.pj_vmenu ul.menu-flyout li:hover li:hover li a,
.pj_vmenu ul.menu-flyout li.sfHover li.sfHover li a {z-index:501;}
/* 3rd Menu Hover Persistence */
.pj_vmenu ul.menu-flyout li:hover li:hover li a:hover,
.pj_vmenu ul.menu-flyout li:hover li:hover li:hover a,
.pj_vmenu ul.menu-flyout li.sfHover li.sfHover li a:hover,
.pj_vmenu ul.menu-flyout li.sfHover li.sfHover li.sfHover a {}
.pj_vmenu ul.menu-flyout ul,
.pj_vmenu ul.menu-flyout ul ul,
.pj_vmenu ul.menu-flyout ul ul ul {position: absolute;top: -7px;left: -1999px;z-index:9000;}
/* Do Not Move - Must Come Before display:block for Gecko */
.pj_vmenu ul.menu-flyout li:hover ul ul,
.pj_vmenu ul.menu-flyout li:hover ul ul ul,
.pj_vmenu ul.menu-flyout li.sfHover ul ul,
.pj_vmenu ul.menu-flyout li.sfHover ul ul ul {left:-1999px;}
.pj_vmenu ul.menu-flyout li:hover ul,
.pj_vmenu ul.menu-flyout ul li:hover ul,
.pj_vmenu ul.menu-flyout ul ul li:hover ul,
.pj_vmenu ul.menu-flyout li.sfHover ul,
.pj_vmenu ul.menu-flyout ul li.sfHover ul,
.pj_vmenu ul.menu-flyout ul ul li.sfHover ul {left:223px;}
.pj_vmenu ul.menu-flyout ul, .pj_vmenu ul.menu-flyout ul ul, .pj_vmenu ul.menu-flyout ul ul ul, .pj_vmenu ul.menu-flyout ul ul ul ul {
 background: url(../images/left-navigation-gradient-hover.gif) no-repeat;width:223px;}
/*more to come*/
.pj_vmenu ul.menu-flyout li.parent a,
.pj_vmenu ul.menu-flyout li.parent ul li.parent a,
.pj_vmenu ul.menu-flyout li.parent ul li.parent ul li.parent a,
.pj_vmenu ul.menu-flyout li.parent ul li.parent ul li.parent ul li.parent a,
.pj_vmenu ul.menu-flyout li#current ul li.parent a,
.pj_vmenu ul.menu-flyout li#current ul li.parent ul li.parent a,
.pj_vmenu ul.menu-flyout li#current ul li.parent ul li.parent a,
.pj_vmenu ul.menu-flyout li#current ul li.parent ul li.parent ul li.parent a{background:transparent;}
.pj_vmenu ul.menu-flyout li.parent ul a,
.pj_vmenu ul.menu-flyout li.parent ul li.parent ul a,
.pj_vmenu ul.menu-flyout li.parent ul li.parent ul li.parent ul a,
.pj_vmenu ul.menu-flyout li.parent ul li.parent  ul li.parent ul li.parent ul a,
.pj_vmenu ul.menu-flyout li#current ul li.parent ul a,
.pj_vmenu ul.menu-flyout li#current ul li.parent ul li.parent ul a,
.pj_vmenu ul.menu-flyout li#current ul li.parent ul li.parent ul li.parent ul a{background:transparent;}
.pj_vmenu ul#mainlevel li a:hover {color:#981e33;}
.pj_vmenu ul.menu-flyout li a:hover{color:#981e33;}
.pj_vmenu ul.menu-flyout li#current, .pj_vmenu ul.menu-flyout li#current{
	background:url(../images/left-navigation-gradient-hover.gif) no-repeat; padding-top:0px;padding-bottom:0px;}
.pj_vmenu ul.menu-flyout ul{border:none;}
.pj_vmenu ul.menu-flyout{width:100%;}
/*MAIN LEVEL LINK COLOR*/
#menuframer{width:100%;float:left;height: 25px;padding-top:0px;padding-bottom:0px;background-image: url(../images/logo-middle.jpg);background-repeat:no-repeat;}
#menusystem{width:75%;position:relative; z-index:5000;padding: 0px; margin-left:223px; margin-right:0px;margin-top:0px;margin-bottom:0px;top:0px;}
#menusystem ul li,#menusystem  ul {list-style: none; text-indent:0px; margin-bottom:0px;}
#menusystem li {text-indent:0px;margin-bottom: 0px; padding-left: 0px;}
#menusystem a:link,#menusystem a:visited,#menusystem a:hover{text-decoration:none;border-bottom:none;}
#menusystem a, #menusystem span.separator{color:#fff;font-size:85%;text-transform:uppercase;font-weight:bold;}
#menusystem ul li.current_page_item a.parent,
#menusystem ul li.current_page_item a, li.current_page_item a {color:#655e56;}
#menusystem ul li.on a, 
#menusystem ul li.on a.parent, #menusystem li.on a {color:#fff;}
/*MAIN LEVEL HOVER*/
#menusystem a:hover {color:#fff;}
/* SUB BUTTON FONT*/
#menusystem li.current_page_item li a, #menusystem li li a, #menusystem li.on li a, #carousel li li a{	
font-size:85%;text-decoration:none;font-weight:normal;color:#655e56;}
/*SUB-LEVEL HOVER*/
#menusystem li ul a:hover,
#menusystem li.on ul a:hover {font-weight:normal;color:#fff;}
/*SUB-LEVEL EXPANDED*/
#menusystem li ul a,
#menusystem li.on ul a{font-weight: normal;border-right:0px;}
#sf {position:absolute;	width:100%;}
#sf a, #sf span.separator{float: left;display: block;cursor: pointer;height:25px;line-height:26px;padding: 0px;}
sf-menu > li > a > .sf-sub-indicator {background:none;} 
/*more to come*/
#sf ul li ul li.parent a{}
#sf ul li ul li.parent ul a{background: none;}
#sf ul li ul li ul li.parent a{background: url(../images/flyouttoplevel.png) no-repeat 95% 9px;}
#sf ul li ul li ul li.parent ul a{background: none;}
#sf ul li ul li ul li ul li.parent a{background: url(../images/flyouttoplevel.png) no-repeat 95% 9px;}
#sf ul li ul li ul li ul li.parent ul a{background: none;}
#sf ul ul a {
	display: block;
	text-decoration: none;
	width:160px;
	line-height:25px;
	height:25px;
	text-transform: none;
}
/*ie6 needs these below*/
#sf li {float: left;padding: 0;background: none;}
#sf ul li {position: relative;height:25px;line-height:26px;}
#sf li li {
	float: left;
	padding: 0;
   	width:160px;
	height:25px;
	line-height:25px;}
#sf li.sfHover ul ul, 
#sf li.sfHover ul ul ul, 
#sf li.sfHover ul ul ul ul {left: -1999em;}
#sf li.sfHover ul, 
#sf li li.sfHover ul, 
#sf li li li.sfHover ul,
#sf li li li li.sfHover ul{z-index: 5000;}
/*^^^ above needed for ie6*/
#sf li ul {
	top:26px;
	position: absolute;
	left: -1999em;
	height: auto;
	width:160px;
	font-weight: normal;
	border-width: 0;
	margin: 0;
	padding: 0;
}
#sf li ul ul {top:25px;margin:-26px 0 0 160px;}
/* common styling */
#mainlevel-nav li a, #mainlevel-nav li a:visited, #sf ul.menu-nav li a, #sf ul.menu-nav li a:visited {display:block; text-decoration:none;overflow:hidden;}
#sf ul {padding:0; margin:0;list-style-type: none; }
#sf ul li {float:left; margin:0px; position:relative;}
#sf ul li:hover ul {display:block; position:absolute; top: 25px;left:0px; width:160px;}
#sf ul li:hover ul li a {}
#sf ul li:hover ul li:hover a {}
#sf ul li:hover ul li ul {left:-1999px;}
#sf ul li:hover ul li a {display:block;}
#sf ul li:hover ul li a:hover {}
#sf ul li:hover ul li:hover ul {left:0; position:absolute;text-decoration:none;}
#sf ul li:hover ul li:hover ul li ul{left:-1999px;}
#sf ul li:hover ul li:hover ul li:hover ul{left:0;position:absolute;}
#sf ul li:hover ul li:hover ul li:hover ul li ul{left:-1999px;}
#sf ul li:hover ul li:hover ul li:hover ul li:hover ul{left:0;position:absolute;}
#sf ul li.sfHover ul {display:block; position:absolute; top:25px; left:0px; width:160px;}
#sf ul li.sfHover ul li a {}
#sf ul li.sfHover ul li.sfHover a {}
#sf ul li.sfHover ul li ul {left:-1999px;}
#sf ul li.sfHover ul li a {display:block;}
#sf ul li.sfHover ul li.sfHover ul {left:0; position:absolute;}
#sf ul li.sfHover ul li.sfHover ul li ul {left:-1999px;}
#sf ul li.sfHover ul li.sfHover ul li.sfHover ul {left:0; position:absolute;}
#sf li.sfHover li a,
#sf li:hover li a, 
#sf li li.on a, 
#sf li li.on:hover a, 
#sf li li.over.on a {background:none;}
#sf a,#sf li span.separator{padding:0 13px 0 0;	}
#sf li {
	padding: 0;
	margin: 0;
	float: right;
	display: block;
	padding-left:11px;
	padding-right:1px;
	background: url(../images/ss_sf_left.gif) no-repeat 0% 0%;
}
#sf li:hover, #sf li.over, #sf li.sfHover{background: url(../images/ss_sf_left.gif) no-repeat 0% -54px;}
#sf li.current_page_item, #sf li.on {background: url(../images/ss_sf_left.gif) no-repeat 0% -27px; /* light gray background and dark gray text. This is middle image in the 3 image composite. */}
#sf li li a{padding:0px;text-indent: 17px;}
#sf li li:hover, #sf li li.over, #sf li li.sfHover{background: url(../images/dropdown-second-level-hover.jpg) repeat-x;
 /* adding color here just gives a flash of color briefly based on timing of hoverIntent */}
#sf li li.current_page_item, #sf li li.on {background:#ccc;}
#sf li li.current_page_item a, #sf li li.on a, #sf li li.current_page_item span.separator{background:#ccc;}
#sf a, #sf span.separator{	background: url(../images/ss_sf_right.gif) repeat-x 100% 0%;}
#sf li.parent a, #sf li a.topdaddy {background: url(../images/ss_sf_right.gif) repeat-x 100% 0%; /* gradient light at top  background (magenta test) and white text. This is the top image in the 3 image composite. */}
#sf li:hover a, #sf li.over a, #sf li.sfHover a, #sf li:hover span.separator {background: url(../images/ss_sf_right.gif) repeat-x 100% -54px;/* gradient dark at top  background and white text. This is the bottom image in the 3 image composite. */ }
#sf li.current_page_item a, #sf li.on a, #sf li.current_page_item span.separator{background: url(../images/ss_sf_right.gif) repeat-x 100% -27px; /* light gray background and dark gray text. This is middle image in the 3 image composite. */}
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background:none;}
.sf-menu ul a > .sf-sub-indicator { background:none;}
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {background:none;}
#sf{background: url(../images/topmenubg.gif) no-repeat top left;}
#sf-r{background: url(../images/topmenubg-r.gif) no-repeat top right;height:25px;margin-left:15px;z-index:2;}
#sf ul {padding-left:0;}
#sf ul ul{background: url(../images/dropdown-second-level.jpg) repeat-x;font-weight:bold;padding-top:0px;z-index:2000;}
#sf ul li ul li span.separator{background: url(../images/dropdown-second-level.jpg) repeat-x;}
#sf ul ul ul{padding-top:0px;}
#sf li li  {background: url(../images/dropdown-second-level.jpg) repeat-x;border-bottom:1px solid #283338;}
#sf li ul {border-top:1px solid #283338;border-right:1px solid #283338;border-left:1px solid #283338;}
#sf li li a {background: url(../images/dropdown-second-level.jpg) repeat-x;}