/* CSS Menus - Horizontal CSS Menu with Dropdown and Popout Menus - 20050131 */


body{margin:0.5em;font-family:Trebuchet MS, Calibri, Helvetica, sans-serif; background:#aaa url(../images/bg2.jpg) repeat-x;}

/* Begin CSS Popout Menu */
BODY {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;
	font-family: Trebuchet MS, Calibri, Helvetica, sans-serif;
	font-size: 13px;
	color:#000;
	margin-left:0px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	color:#555555;
}
a:link {  text-decoration: none;font-size:13px; text-decoration: underline; color: #ff9900;}
a:visited { text-decoration: none;font-size:13px; text-decoration: underline; color: #999;}
a:active {  text-decoration: none;font-size:13px;}
a:hover { text-decoration: none;font-size:13px; text-decoration: none; color: #ff9900;}

.content_title {  font-size: 13px; font-family: Trebuchet MS, Calibri, Helvetica, sans-serif; color:#999999; font-weight:bold;font-style:italic;}
.content_text {  font-size: 13px; font-family: Trebuchet MS, Calibri, Helvetica, sans-serif; color:#333377; line-height:145%}
.text_top {
	font-family: Trebuchet MS, Calibri, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}
td {
	font-family: Trebuchet MS, Calibri, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
}
.text {
	font-family: Trebuchet MS, Calibri, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}
a.home_link, a.footer_link:active, a.home_link:link, a.home_link:visited  {
	color: #333333;
	font-size: 13px;
	font-family: Trebuchet MS, Calibri, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
}

.bg_left {
	background:#fff url(../images/bg_left.gif);
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#999;
}

a.left_link: {
	font-size: 12px;
	font-family: Trebuchet MS, Calibri, Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
	text-decoration: underline;
}
a.left_link: hover {
	font-size: 12px;
	font-family: Trebuchet MS, Calibri, Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
	text-decoration: underline;
}
a.footer_link, a.footer_link:active, a.footer_link:link, a.footer_link:visited  {
	color: #cc0000;
	font-size: 11px;
	font-family: Trebuchet MS, Calibri, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
}

a.footer_link:hover {
	font-size: 11px;
	font-family: Trebuchet MS, Calibri, Helvetica, sans-serif;
	color: #cc0000;
	text-decoration: underline;
}
a.footer_link2, a.footer_link2:active, a.footer_link2:link, a.footer_link2:visited  {
	color: #666666;
	font-size: 11px;
	font-family: Trebuchet MS, Calibri, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: underline;
}

a.footer_link2:hover {
	font-size: 11px;
	font-family: Trebuchet MS, Calibri, Helvetica, sans-serif;
	color: #cc0000;
	text-decoration: underline;
}
.footer {
	font-size: 11px;
	font-family: Trebuchet MS, Calibri, Helvetica, sans-serif;
	color: #cc0000;
}
.footer2 {
	font-size: 11px;
	font-family: Trebuchet MS, Calibri, Helvetica, sans-serif;
	color: #336699;
}
#container {
   width: 970px;
   text-align:left;
   margin-left:auto;
   margin-right:auto;
   padding: 5px 15px 15px 15px;
   background-color: #fff;
}
#left {
   float: left;
   width: 220px;
   background-color: #fff;
}
#main_content {
   width: 735px;
   border:0px solid;
   float: right;
   line-height:1.5em;
}
.clear {
   height: 0;
   font-size: 1px;
   margin: 0;
   padding: 0;
   line-height: 0;
   clear: both;
}
#header {
	BACKGROUND: url(images/bg_header.jpg) no-repeat; MARGIN: 0px 0px 0px; WIDTH: 770px; HEIGHT: 90px
}
#header H1 {
	DISPLAY: block; TEXT-INDENT: -9999px; HEIGHT: 1px
}

#menu{
width:100%;
float:left;
}

#menu a{
font:bold 11px/16px arial,helvetica,sans-serif;
border-width:0px;
border-bottom-width:1px;
border-left-width:1px;
border-left-color:#fff;
border-right-width:1px;
border-right-color:#fff;
border-style:solid;
white-space:nowrap;
margin:0;
padding:1px 0 0px 0px;
display:block;
}

#menu h2 a{
font:bold 11px/16px arial,helvetica,sans-serif;
display:block;
border-width:0px;
border-style:solid;
white-space:nowrap;
margin:0;
padding:1px 0 1px 1px;
}




#menu h2 a{
text-decoration:none;
}

#product_cat a{
width:131px;
background:#770000 url(../images/bullet_white.gif) no-repeat;
color:#fff;
text-align:left;
text-decoration:none;
font-size:12px;
font-family:Arial;	
font-weight:bold;	
padding:2px 3px 2px 8px;
filter:alpha(opacity=90);
}

#products a{
width:140px;
background:#770000;
color:#fff;
text-align:left;
text-decoration:none;
font-size:12px;
font-family:Arial;	
font-weight:bold;	
padding:2px 3px 2px 10px;
filter:alpha(opacity=90);
}


#resources a{
width:102px;
background:#002069;
color:#ccc;
text-align:left;
text-decoration:none;
font-size:12px;
font-family:Arial;	
font-weight:bold;	
padding:2px 3px 2px 8px;
filter:alpha(opacity=90);
}




#menu a, #menu a:visited{
color:#ddd;
}



#product_cat a:hover{
display:block;
color:#fff;
font-weight:bold;
font-size:12px;
background:#336699 url(../images/bullet_white.gif) no-repeat;
}

#products a:hover{
display:block;
color:#fff;
font-weight:bold;
font-size:12px;
background:#cc0000;
}

#resources a:hover{
display:block;
color:#fff;
font-weight:bold;
font-size:12px;
background:#cc0000;
}






#menu ul {
list-style:none;
margin:0;
padding:0;
float:left;
}


#menu li{
position:relative;
}

#menu ul ul{
position:absolute;
z-index:500;
top:30px;
display:none;
}


#menu ul ul li{
top:0px;
}

#menu ul ul ul{
top:0;
left:100%;
}

/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */


<!--[if IE]>
<style type="text/css" media="screen">
body {
behavior: url(csshover.htc); /* call hover behaviour file */
font-size: 100%; /* enable IE to resize em fonts */
} 




div#menu h2:hover{
}

div#menu li:hover{
cursor:pointer;
z-index:100;
}

div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul
{display:none;}

div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul
{display:block;}

/* End of non-anchor hover selectors */

/* Styling for Expand */

#menu a.x, #menu a.x:visited{
font-weight:bold;
color:#000;
background:#eee url(/css/images/expand3.gif) no-repeat 100% 100%;
}

#menu a.x:hover{
color:#fff;
background:#000;
}

#menu a.x:active{
color:#060;
background:#ccc;
}

/* End CSS Popout Menu */

/* Begin Content Area - Not Part of CSS Popout Menu */

#content{position:absolute;top:3.0em;margin:0;padding:0.5em;border:1px solid #000;clear:both;}
#content a:link{color:#a00;}
#content a:visited{color:#a00;}
#content a:hover{color:#a00;background:#eee;}
#content a:active{color:#060;background:#ddd;}
#content h1, #content h2, #content h3{font:bold 1.0em arial,sans-serif;margin:0.5em 0.25em;padding:0;}
#content img{border:none;}
#content p{font:normal 0.8em/1.5em Trebuchet MS, Calibri, Helvetica, sans-serif,sans-serif;margin:1.0em;}
#content ul, #content ul ul{font:normal 0.9em/1.4em Trebuchet MS, Calibri, Helvetica, sans-serif,tahoma,arial,sans-serif;margin:1.0em 4.0em 1.5em 4.0em;}
#content ul li{font:normal 0.9em/1.4em Trebuchet MS, Calibri, Helvetica, sans-serif,tahoma,arial,sans-serif;margin:1.0em 0;}
#content ul ul li{font:normal 1.1em/1.6em Trebuchet MS, Calibri, Helvetica, sans-serif,tahoma,arial,sans-serif;margin:0;}
#content .fr{float:right;margin:0 0 1.0em 1.0em;}
#content .mod{font:normal .6em arial,sans-serif;margin:.25em;}
div.vv{position:relative;top:0;float:right;margin:0 0 15px 15px;}

/* End Content Area - Not Part of CSS Popout Menu */

#menu ul h2 {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FLOAT: bottom; PADDING-BOTTOM: 0px; MARGIN: 0px; TEXT-INDENT: -9999px; PADDING-TOP: 0px
}

#menu ul h2 a{

	BORDER-TOP-WIDTH: 0px; DISPLAY: block; BORDER-LEFT-WIDTH: 0px; BACKGROUND: url(../images/but_nav.png) no-repeat; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; TEXT-DECORATION: none;

TEXT-INDENT: -9999px;

}

#menu ul h2#a a {margin:0;padding:0;width:57px;HEIGHT: 30px

}
#menu ul h2#b a {margin:0;padding:0;width:63px;HEIGHT: 30px

}
#menu ul h2#c a {margin:0;padding:0;width:68px;HEIGHT: 30px

}
#menu ul h2#d a {margin:0;padding:0;width:76px;HEIGHT: 30px

}
#menu ul h2#e a {margin:0;padding:0;width:77px;HEIGHT: 30px

}
#menu ul h2#f a {margin:0;padding:0;width:62px;HEIGHT: 30px

}
#menu ul h2#g a {margin:0;padding:0;width:113px;HEIGHT: 30px

}
#menu ul h2#h a {margin:0;padding:0;width:67px;HEIGHT: 30px

}
#menu ul h2#i a {margin:0;padding:0;width:89px;HEIGHT: 30px

}
#menu ul h2#j a {margin:0;padding:0;width:48px;HEIGHT: 30px

}





#menu ul h2#a a:hover{
	BACKGROUND-POSITION: 0px -30px
}


#menu ul h2#b a:link {
	BACKGROUND-POSITION: -57px 0px
}
#menu ul h2#b a:visited {
	BACKGROUND-POSITION: -57px 0px
}
#menu ul h2#b a:hover {
	BACKGROUND-POSITION: -57px -30px
}


#menu ul h2#c a:link {
	BACKGROUND-POSITION: -120px 0px
}
#menu ul h2#c a:visited {
	BACKGROUND-POSITION: -120px 0px
}
#menu ul h2#c a:hover {
	BACKGROUND-POSITION: -120px -30px
}


#menu ul h2#d a:link {
	BACKGROUND-POSITION: -188px 0px
}
#menu ul h2#d a:visited {
	BACKGROUND-POSITION: -188px 0px
}
#menu ul h2#d a:hover {
	BACKGROUND-POSITION: -188px -30px
}


#menu ul h2#e a:link {
	BACKGROUND-POSITION: -264px 0px
}
#menu ul h2#e a:visited {
	BACKGROUND-POSITION: -264px 0px
}
#menu ul h2#e a:hover {
	BACKGROUND-POSITION: -264px -30px
}



#menu ul h2#f a:link {
	BACKGROUND-POSITION: -341px 0px
}
#menu ul h2#f a:visited {
	BACKGROUND-POSITION: -341px 0px
}
#menu ul h2#f a:hover {
	BACKGROUND-POSITION: -341px -30px
}


#menu ul h2#g a:link {
	BACKGROUND-POSITION: -403px 0px
}
#menu ul h2#g a:visited {
	BACKGROUND-POSITION: -403px 0px
}
#menu ul h2#g a:hover {
	BACKGROUND-POSITION: -403px -30px
}


#menu ul h2#h a:link {
	BACKGROUND-POSITION: -516px 0px
}
#menu ul h2#h a:visited {
	BACKGROUND-POSITION: -516px 0px
}
#menu ul h2#h a:hover {
	BACKGROUND-POSITION: -516px -30px
}

#menu ul h2#i a:link {
	BACKGROUND-POSITION: -583px 0px
}
#menu ul h2#i a:visited {
	BACKGROUND-POSITION: -583px 0px
}
#menu ul h2#i a:hover {
	BACKGROUND-POSITION: -583px -30px
}


#menu ul h2#j a:link {
	BACKGROUND-POSITION: -672px 0px
}
#menu ul h2#j a:visited {
	BACKGROUND-POSITION: -672px 0px
}
#menu ul h2#j a:hover {
	BACKGROUND-POSITION: -672px -30px
}


body#a div#menu ul h2#a A {
	BACKGROUND-POSITION: 0px -60px
}
body#b div#menu ul h2#b A {
	BACKGROUND-POSITION: -57px -60px
}
body#c div#menu ul h2#c A {
	BACKGROUND-POSITION: -120px -60px
}
body#d div#menu ul h2#d A {
	BACKGROUND-POSITION: -188px -60px
}
body#e div#menu ul h2#e A {
	BACKGROUND-POSITION: -264px -60px
}
body#f div#menu ul h2#f A {
	BACKGROUND-POSITION: -341px -60px
}
body#g div#menu ul h2#g A {
	BACKGROUND-POSITION: -403px -60px
}
body#h div#menu ul h2#h A {
	BACKGROUND-POSITION: -516px -60px
}
body#i div#menu ul h2#i A {
	BACKGROUND-POSITION: -583px -60px
}
body#j div#menu ul h2#j A {
	BACKGROUND-POSITION: -672px -60px
}