/* CSS Document */
.mainmenu 
{
padding:0; 
margin:0; 
list-style:none; 
height:28px; 
position:relative;
left: 293px;
width: 600px;
z-index:500;
}
.mainmenu li.top{
display: block;
float: left;
}
.mainmenu li a#home
{
display: block;
position: relative;
float: left;
width: 65px;
height: 28px;
padding: 0px;
margin-left: 0px;
background: url(../images/mainmenu.jpg) -293px 0px no-repeat;
}
.mainmenu li a:hover#home{
background: url(../images/mainmenu.jpg) -293px -28px no-repeat;
cursor: pointer;
}
#homefix{
display: block;
position: relative;
float: left;
width: 65px;
height: 28px;
padding: 0px;
margin-left: 0px;
background: url(../images/mainmenu.jpg) -293px -28px no-repeat;
}

.mainmenu li a#about
{
display: block;
position: relative;
float: left;
width: 115px;
height: 28px;
padding: 0px;
margin-left: 0px;
background: url(../images/mainmenu.jpg) -358px 0px no-repeat;
}
.mainmenu li a:hover#about{
background: url(../images/mainmenu.jpg) -358px -28px no-repeat;
cursor: pointer;
}
#aboutfix{
display: block;
position: relative;
float: left;
width: 115px;
height: 28px;
padding: 0px;
margin-left: 0px;
background: url(../images/mainmenu.jpg) -358px -28px no-repeat;
}

.mainmenu li a#quote
{
display: block;
position: relative;
float: left;
width: 103px;
height: 28px;
padding: 0px;
margin-left: 0px;
background: url(../images/mainmenu.jpg) -473px 0px no-repeat;
}
.mainmenu li a:hover#quote{
background: url(../images/mainmenu.jpg) -473px -28px no-repeat;
cursor: pointer;
}
#quotefix{
display: block;
position: relative;
float: left;
width: 103px;
height: 28px;
padding: 0px;
margin-left: 0px;
background: url(../images/mainmenu.jpg) -473px -28px no-repeat;
}

.mainmenu li a#products
{
display: block;
position: relative;
float: left;
width: 80px;
height: 28px;
padding: 0px;
margin-left: 0px;
background: url(../images/mainmenu.jpg) -576px 0px no-repeat;
}
.mainmenu li a:hover#products{
background: url(../images/mainmenu.jpg) -576px -28px no-repeat;
cursor: pointer;
}
#productsfix{
display: block;
position: relative;
float: left;
width: 80px;
height: 28px;
padding: 0px;
margin-left: 0px;
background: url(../images/mainmenu.jpg) -576px -28px no-repeat;
}

.mainmenu li a#contact
{
display: block;
position: relative;
float: left;
width: 90px;
height: 28px;
padding: 0px;
margin-left: 0px;
background: url(../images/mainmenu.jpg) -656px 0px no-repeat;
}
.mainmenu li a:hover#contact{
background: url(../images/mainmenu.jpg) -656px -28px no-repeat;
cursor: pointer;
}
#contactfix{
display: block;
position: relative;
float: left;
width: 90px;
height: 28px;
padding: 0px;
margin-left: 0px;
background: url(../images/mainmenu.jpg) -656px -28px no-repeat;
}

.mainmenu li a#resources
{
display: block;
position: relative;
float: left;
width: 122px;
height: 28px;
padding: 0px;
margin-left: 0px;
background: url(../images/mainmenu.jpg) -746px 0px no-repeat;
}
.mainmenu li a:hover#resources{
/*background: url(/images/mainmenu.jpg) -746px -28px no-repeat;*/
background: transparent;
cursor: pointer;
}
#resourcesfix{
display: block;
position: relative;
float: left;
width: 122px;
height: 28px;
padding: 0px;
margin-left: 0px;
background: url(../images/mainmenu.jpg) -746px -28px no-repeat;
}

.mainmenu table 
{
border-collapse:collapse; 
width:0; 
height:0; 
position:absolute; 
top:0; 
left:0;
}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.mainmenu a:hover 
{
visibility:visible; 
position:relative; 
z-index:200;
}
.mainmenu li:hover 
{
position:relative; 
z-index:200;
}

/* keep the 'next' level invisible by placing it off screen. */
.mainmenu ul, 
.mainmenu :hover ul ul, 
.mainmenu :hover ul :hover ul ul,
.mainmenu :hover ul :hover ul :hover ul ul,
.mainmenu :hover ul :hover ul :hover ul :hover ul ul 
{
position:absolute; 
left:-9999px; 
top:-9999px; 
width:0; 
height:0; 
margin:0; 
padding:0; 
list-style:none;
}

.mainmenu :hover ul.sub 
{
left:-1px; 
top:28px; 
/*background: #b4b7bc;*/ 
background: #efefef; 
padding:0px 0px 0px 0px;
border:0px; 
text-align: left; 
/*white-space:nowrap;*/ 
width:122px;
overflow: visible;
height:auto; 
z-index:300;
}

ul#endoftheline
{
left: 0px;
}

.mainmenu :hover ul.sub li a 
{
display:block;
overflow: visible;
font-size: small;
height:auto; 
width:106px; 
padding:0px 2px 0px 13px;
line-height:1.8em; 
color:#2e4a6f; 
text-decoration:none;
border-left: 1px solid #4a7d38;
margin-bottom: -1px;
border-top: 0px;
}

a#baselink
{
border-top: 1px solid #4a7d38;
}

.mainmenu :hover ul.sub li a.sublink 
{
display:block;
overflow: visible;
font-size: small;
height:auto; 
width:106px; 
padding:4px 2px 4px 13px;
line-height:1.0em; 
color:#2e4a6f; 
text-decoration:none;
border: 0px 1px 0px 1px;
}

.mainmenu :hover ul.sub li a:hover 
{
/*background:#dedede;*/
background: #b4b7bc; 
color:#2e4a6f;
}
.mainmenu :hover ul.sublast 
{
left:-1px; 
top:28px; 
background: #258425; 
padding:0px; 
border:0px; 
text-align: left; 
white-space:nowrap; 
width:122px; 
height:auto; 
z-index:300;
}
.mainmenu :hover ul.sub li a.sublast 
{
display:block;
overflow: visible;
font-size: small;
height:auto; 
width:106px; 
padding:4px 2px 4px 13px;
line-height:1.0em; 
color:#2e4a6f; 
text-decoration:none;
}

.mainmenu :hover ul.sublast li a 
{
display:block; 
font-size: small; 
height:2.0em; 
width:122px; 
line-height:2.0em; 
color:#fff; 
text-decoration:none;
}

.mainmenu :hover ul.sublast li a:hover 
{
background:#064d06; 
color:#ddd;
}