/*** Nav CSS ***/

#navigation	{
margin:0 auto;
width: 982px;
padding:0;
text-align: left;
clear:both;
}
.navhome {
position:relative;
float: left;
margin: 1px 0 1px 0 ; 
padding: 0;
font:bold 15px/36px Arial, Helvetica, sans-serif;
color:#737373;
background: url(../images/navback.gif) no-repeat left top;
width: 109px;
height: 36px;
overflow:visible;/* for ie to hide extra height*/	
}			

.navhome a {
display: block;
font-size: 11px;
width: 83px;
height: 36px;
display: block;
float: left;
font:bold 15px/36px Arial, Helvetica, sans-serif;
color:#737373;
text-decoration: none;
overflow:visible;/* for ie to hide extra height*/
}

.navhome a:hover {
font:bold 15px/36px Arial, Helvetica, sans-serif;
color:#737373;
background: url(../images/navhomehov.gif) repeat-x;
}

.navhomeon {
font:bold 15px/36px Arial, Helvetica, sans-serif;
color:#737373;
background: url(../images/navhome.gif) repeat-x;
}

.nav img {width: 84px; height: 36px; border: 0; }
* html a:hover {visibility:visible}
.nav a:hover img{visibility:visible}

.nav span {
position: absolute;
left: 0px;
top: 8px;
text-align: center;
width: 84px;
cursor: pointer;   
}


.navhome img {width: 84px; height: 36px; border: 0; }
* html a:hover {visibility:visible}
.navhome a:hover img{visibility:visible}

.navhome span {
position: absolute;
left: 0px;
top: 8px;
text-align: center;
width: 84px;
cursor: pointer;   
}

/* Current Page Nav */

body#home a#homenav {
font:bold 15px/36px Arial, Helvetica, sans-serif;
color:#737373;
background: url(../images/navhome.gif) no-repeat;
}

a.prodnav {
font:bold 15px/36px Arial, Helvetica, sans-serif;
color:#737373;
background: url(../images/navcurrent.gif) repeat-x;
}


a.homenav {
font:bold 15px/36px Arial, Helvetica, sans-serif;
color:#737373;
background: url(../images/navhome.gif) no-repeat;
}



.navhomeon SPAN {
font:bold 15px/36px Arial, Helvetica, sans-serif;
color:#ffffff;
}


.prodnav SPAN {
font:bold 15px/36px Arial, Helvetica, sans-serif;
color:#ffffff;
}

/* End Navigation Menu */


/* navigation */

#nav { /* all lists */
padding: 0;
margin: 0;
list-style: none;
line-height: 2.7;
}

#nav ul { /* all lists */
padding: 0;
margin: 0;
list-style: none;
z-index: 200;
}


#nav a {
display: block;
font:bold 15px/36px Arial, Helvetica, sans-serif;
color:#737373;
height: 36px;
text-decoration: none;
text-align: left;
}

#nav li { /* all list items */
float: left;
}


#nav li ul { /* second-level lists */
position: absolute;
width: 184px;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}


#menuh {
height: 36px;
width: 982px;
padding:1px 0;
background: url(../images/menuback.gif) no-repeat 0 0 ;
overflow: visible;
}


#menuh span {
text-align: center;
width: 84px;
cursor: pointer;   
}


#menuh strong {
font-weight: normal;
margin-left: 10px;
text-align: left;
padding-bottom: 2px;
border-bottom: 1px solid #C1C1C1;
width: 158px;
display: block;
}



#menuh em {
width: 160px;
font-weight: normal;
margin-left: 10px;
text-align: left;
padding-bottom: 2px;
font-style: normal;
width: 158px;
display: block;
}



#menuh a.top_parent	{
background: url(../images/navback.gif) repeat-x;
width: 109px;
text-align: center;
}

#menuh a.top_parent	{
background: url(../images/navback.gif) repeat-x;
width: 109px;
text-align: center;
}

#menuh a.top_parent:hover {
background: url(../images/navhov.gif) repeat-x;
font:bold 15px/36px Arial, Helvetica, sans-serif;
color:#000000;
}

#menuh a.parent, #menuh a.parent:hover {
background: url(../images/navhov.gif) repeat-x;
font:bold 15px/36px Arial, Helvetica, sans-serif;
color:#737373;
width: 109px;
text-align: center;
}

#menuh a.navhomeon, #menuh a.navhomeon:hover {
font:bold 15px/36px Arial, Helvetica, sans-serif;
color:#737373;
width: 109px;
text-align: center;
}

#menuh a.prodnav, #menuh a.prodnav:hover {
font:bold 15px/36px Arial, Helvetica, sans-serif;
color:#737373;
width: 109px;
text-align: center;
}


#menuh a:hover {
font:bold 15px/36px Arial, Helvetica, sans-serif;
color:#737373;
cursor: pointer;   
}



#menuh a.homenav {
background: url(../images/navback.gif) repeat-x;
width: 109px;
text-align: center;
}

#menuh a.homenav:hover {
background: url(../images/navhome.gif) repeat-x;
color: #000;
width: 109px;
text-align: center;
}

