body {

}


.mainmenu{
padding-top:60px;
}


.mainmenu ul{
margin: 0px;
padding: 0px;
list-style-type: none;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;

}

/*Top level list items*/
.mainmenu ul li{
position: relative;
float: left;
/*overall menu background color*/
margin-right:1px;
text-align:center;
}

.mainmenu #red li{
background-image:url(mimgs/redmain_bgl.gif);
background-position:top left;
background-repeat:no-repeat;
}


.mainmenu #green li{
background-image:url(mimgs/greenmain_bgl.gif);
background-position:top left;
background-repeat:no-repeat;
}

/*Top level menu link items style*/
.mainmenu ul li a{
margin-left:10px;
display:block;
width:100px;
/*width: 90px; /*Width of top level menu link items*/
height:47px;
border-left-width: 0;
text-decoration: none;
color: navy;
}

.mainmenu #red li a{
background-image:url(mimgs/redmain_bgr.gif);
background-position:top right;
background-repeat:no-repeat;
}


.mainmenu #green li a{
background-image:url(mimgs/greenmain_bgr.gif);
background-position:top right;
background-repeat:no-repeat;
}

.mainmenu ul li a:link, .mainmenu ul li a:visited{
color:#FFFFFF;
}

.mainmenu ul li a:hover{
font-weight:bold;
}


/*1st sub level menu*/
.mainmenu ul li ul{
text-align:left;
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
padding-bottom:14px;
}

.mainmenu #red li ul{
background-image:url(mimgs/redulbg.gif);
background-position:bottom left;
background-repeat:no-repeat;
}

.mainmenu #green li ul{
background-image:url(mimgs/ulbg.gif);
background-position:bottom left;
background-repeat:no-repeat;
}



/*Sub level menu list items (undo style from Top level List Items)*/
.mainmenu ul li ul li{
text-align:left;
padding:0px;
display: list-item;
float: none;
border-style:none;
}

.mainmenu #red li ul li{
background-image:url(mimgs/redlibg.jpg);
background-repeat:repeat-y;
background-position:left;
}

.mainmenu #green li ul li{
background-image:url(mimgs/libg.jpg);
background-repeat:repeat-y;
background-position:left;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.mainmenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.mainmenu ul li ul li a{
background-image:none;
width: 164px; /*width of sub menu levels*/
color:#ffffff;
text-decoration: none;
height:24px;
padding-top:4px;
border-style:none;
padding-left:20px;
background-image:none;
}

.mainmenu #red li ul li a{
background-image:none;
}

.mainmenu #green li ul li a{
background-image:none;
}



.mainmenu ul li ul li a:hover{
margin-left:0px;
padding-left:30px;
color:#0a4503;
}

.mainmenu #red li ul li a:hover{
background-image:url(mimgs/redulhov.jpg);
background-position:top left;
background-repeat:no-repeat;
}

.mainmenu #green li ul li a:hover{
background-image:url(mimgs/ulhov.jpg);
background-position:top left;
background-repeat:no-repeat;
}


/*Background image for top level menu list links */
.mainmenu #red .mainfoldericon{
background-image:url(mimgs/arrow-down.gif);
background-repeat:no-repeat;
background-position:center right;
}

.mainmenu #green .mainfoldericon{
background-image:url(mimgs/arrow-downgr.gif);
background-repeat:no-repeat;
background-position:center right;
}

/*Background image for subsequent level menu list links */
.mainmenu .subfoldericon{
background: #F3F3F3 url(mimgs/arrow-right.gif) no-repeat center right;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
/* html .mainmenu ul li { float: left; height: 1%; }
/* html .mainmenu ul li a { height: 1%; }
/* End */