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

*{margin:0;padding:0;border:none;}

body{
	width:780px;
	    margin-right:auto; 
	margin-left:auto;
	text-align:center;
font-family:verdana,tahoma,arial,sans-serif;
background:#29529C;  	
}

/* Begin CSS Popout Menu */

#menu{
width:100%;
float:left; 
border: 1px solid #EFCE08;
background:#eee;
}

#menu a {
font-style:normal; font-variant:normal; font-weight:bold; 
line-height:16px; 
font-size:11px; 
display:block;
border-width:1px;
border-style:solid;
color: white;
white-space:nowrap;
margin:0;
padding:1px 0 1px 3px; 
background:#eee;
text-decoration:none;
}

#menu h2, #menu h2 a{
color:#000;
background:#eee no-repeat 100% 100%;
font-style:normal; font-variant:normal; font-weight:bold; 
line-height:16px; 
font-size:11px; 
} 

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

#menu a:hover{
color:#000;
background:#EFCE08;
}

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

#menu ul{
list-style:none;
margin:0;
padding:0;
float:left;
width:8.12em;
background:#eee; 
}

#menu li{
position:relative;
padding-top: 2px;
padding-bottom: 2px;
}
#menu ul ul{
position:absolute;
z-index:500;
top:auto;
display:none;
}

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

<!--[if IE]>
<style type="text/css" media="screen">
#menu{float:none;} /* This is required for IE to avoid positioning bug when placing content first in source. */

/* IE Menu CSS */
/* csshover.htc file version: V1.21.041022 - Available for download from: http://www.xs4all.nl/~peterned/csshover.html */
body{behavior:url(csshover.htc);
font-size:100%; /* to enable text resizing in IE */
}
#menu ul li{float:left; width: 100%;}
#menu h2, #menu a{height:1%;font:bold 0.7em/1.4em arial,helvetica,sans-serif;}
      </style>
<![endif]-->

{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
{  }
/* 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 */

/* div#menu h2:hover{
background:#eee no-repeat -999px -9999px; 
} */

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 no-repeat 100% 100%;
}

#menu a.x:hover{
color:#a00;
background:#ddd; 
}

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

/* End CSS Popout Menu */

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

h1,h6 { text-align: center; padding-top: .2em; padding-bottom: 0em; margin: 0; border: 0px none;  font-family: Times, "Times New Roman", serif; font-size: 110%; color: #ffffff;} 


h3 {
	margin-top: 0;
	margin-bottom: .5em;	
	color: #29529C;
	padding-top: 0;	
	padding-bottom:0;	
	text-decoration:none;
}

h3 a {
	color: #29529C;	
	text-decoration:none;
}

span.h4unbold {font-size: 80%; font-weight: normal; font-style: italic;}

/*  footer rules */
#footer {
        clear: both;
        color: #C0C0C0;  
        text-align: center;
        border-color: #C0C0C0;
        border-width: 0px;
        /*  font-size: 80%;  */
        margin: 0px;
        font-style:normal; font-variant:normal; font-weight:normal; font-size:60%; font-family:verdana, helvetica, sans-serif; padding-left:15px; padding-right:0px; padding-top:0px; padding-bottom:10px
}
#footer a{
        color: #C0C0C0;  
        /*  font-size: 80%;  */
        font-family: verdana, helvetica, sans-serif;
        font-weight: normal;
        text-decoration: none 
}
#footer a:hover {
        font-family: verdana, helvetica, sans-serif;
        font-weight: normal;
        text-decoration: none;
        color: #000000; BACKGROUND-COLOR: #EFCE08;
    } 
    
p {
	font:80% verdana, helvetica, sans-serif;
	margin:0px;
	text-align: left;
	padding-bottom:1em;
	padding-left: 5em;
	padding-right: 5em;	
}

img.floatleft { float: left; margin: 4px; }
img.floatright { float: right; }
.item-no {font-weight: bold}

/* CSS for Contact Form info */

div#customer {font:80% verdana, helvetica, sans-serif; border: 0px solid black; }
div#customer input {border: 1px solid black; } 

.formbox {background:#0884BD;
color:#EFCE08;
font-weight:bold; 
font-size:14px; 
font-family:arial, helvetica, sans-serif; text-align:center; 
border: 1px solid #EFCE08; 
}

.commentarea {
border: 1px solid black; }

div#inquiry { width: 776px; } 

div#inquiry table {
/* width: 776px; */
/* border: 1px solid black; */
}

div#inquiry p { margin-left: -3em; margin-right: -4.5em; text-align: left; font-family: verdana; font-size: 70%; color: #000000;}

div#inquiry input {
border: 0px solid black; }

/* End CSS for Contact Form info */

/* p.wide {
	font:80% verdana, helvetica, sans-serif;
	margin:0px;
	text-align: left;
	padding-bottom:1em;
	padding-left: 0;
	padding-right: 0;	
} */

/* CSS for Site Map */

#content.h4, #content.h4 a { font-size:11px; 
	margin:1em;
	color: #FF0000;	
/*	padding-top: 1.2em;	*/
/*	padding-bottom: 1.2em; 	*/
	text-decoration:none;
	text-align: left;
}

#content{
	text-align: left;
	margin-left:2em;	
}

#content a{
	text-decoration:none;
}

#content ul {
font-size:11px;
list-style:none;
	margin-left:3em;
padding:0;
}

#content ul.li{
font-size:11px;
list-style:none;
	margin-left:3.5em;
padding:0;
}

#content ul ul {
font-size:11px;
list-style:none;
	margin-left:4em;
padding: 0;
}

#content ul ul.li {
font-size:11px;
list-style:none;
	margin-left:4.5em;
padding:0;
}

/* End CSS for Site Map */

li.sub {padding-left: 1em; }
li.sub2 {padding-left: 2em; }
li.sub3 {padding-left: 3em; }
li.sub4 {padding-left: 4em; }
a.black {color: #000000}
ol {padding-left: 50px;} 
.tableborder {border-width:1px; border-style:solid; border-color: #000} 
li.select, li.default { margin-left: .5em; text-align: left; list-style: none; font-family: Tahoma; font-size: 80%; font-weight: bold; }
li.select a,  li.default a {text-decoration: none; list-style: none;}
li.select a:hover, li.default a:hover, li a:hover {            
                background-color: #006699; /* blue background */
                color:#ffffff ; /* white text */
				text-decoration: none;
				}
li.category1 {text-decoration: none; margin-left: .5em; text-align: left; font-family: Tahoma; font-size: 80%; padding-top: 1em; list-style: none; font-weight: bold;} 
li.category2 {text-decoration: none; margin-left: .5em; text-align: left; font-family: Tahoma; font-size: 80%; padding-top: .5em; list-style: none; font-weight: bold;} 
li.category1 a,  li.category2 a {text-decoration: none}
li.category1 a:hover, li.category2 a:hover {                
                background-color: #006699;
                color: #ffffff;
				text-decoration: none;
				}				
ul.products { list-style: disc outside ;  font-family: verdana; font-size: 80%; font-weight: normal; margin-top: -.5em; color: #000000;}
ul.products li {list-style: disc outside ; margin-left: 1.2em; }
p.details { margin-left: -5em; margin-right: -4.5em; text-align: left; font-family: verdana; font-size: 80%; padding-bottom: .5em;color: #000000;}
p.jobtitle { font-weight: bold; text-align: center; }
div.main {background:#ffffff; 	border: 3px double #EFCE08;	 width:776px; }
div.center{ margin-right:auto; margin-left:auto; text-align:center; }
ul.plain li {text-align: left; list-style: none; font-family: Tahoma;  font-weight: bold; }   
ul.standard li {text-align: centre; list-style: none; font-family: Tahoma;  font-weight: normal; font-size: 80%;} 
span.yellowbg {background:#EFCE08; color: #006699;}
span.subnote {font-size: 80%; font-weight: normal; font: tahoma; }
h5 {font-size: 80%; font-weight: bold; }
span.h5italic {font-weight: normal; font-style: italic;}
ul.normal li {text-align: left; list-style: none; font-family: verdana; font-size: 80%; font-weight: normal; margin-top: -.5em;}   
td.subhdg {font-family: Verdana; font-size: 80%}
.bordertbl {border:3px double #000000; border-collapse: collapse; border-color:#000000; font-size: 80%; }
.bordertbl td {border:1px solid #000000; border-color:#000000; font-size: 80%; text-align: center;}
.bordertbl p {color: #0000FF; text-align: center; font-weight: bold} 
.bordertbl p.left {color: #000000; text-align: left; font-weight: normal; font-size: 100%; font-family:verdana,tahoma,arial,sans-serif; padding-left: 3px;}
.bordertbl a {text-decoration: none; }

.bordertb2 {border:3px double #000000; border-collapse: collapse; border-color:#000000; font-size: 90%; }
.bordertb2 td {border:1px solid #000000; border-color:#000000; font-size: 90%; text-align: center;}
.bordertb2 p {color: #0000FF; text-align: center; font-weight: bold} 
.bordertb2 p.left {color: #000000; text-align: left; font-weight: normal;  font-family:verdana,tahoma,arial,sans-serif; padding-left: 3px;}
.bordertb2 a {text-decoration: none; }
.center {text-align: center}
li.plain {text-align: left; list-style: none; font-family: Tahoma; font-size: 80%; font-weight: normal; }
span.red {color: red}
li.subselect {text-align: left; list-style: none; font-family: Tahoma; font-size: 100%; font-weight: bold;}
ul.plain ul {list-style:none; margin-left: 1em; padding: 0; }
.above, .below { font-size: 70%; font-family: Verdana, Arial, sans-serif; }