/*this is the css for the vertical version*/
div.menutitle{

color: #FFFFFF;

margin-top:0.10em;

border-top: 1px solid #003300;

padding: 2px 0;

padding-left: 5px;

background-color: #003300;

font: bold 75% 'Arial', 'Lucida Grande', Trebuchet MS, sans-serif;

}



* html div.menutitle{ /*IE only */

font: bold 70% 'Arial', 'Lucida Grande', Trebuchet MS, sans-serif;

}


.vertical ul{
	

list-style-type: none;


padding: 0;


margin: 0;


width: 220px;


position: relative;


font: bold 9pt 'Arial', 'Lucida Grande', Trebuchet MS, sans-serif;

/*border: 2px solid;*/


}



.vertical li {

position: relative;


text-decoration: none;


}



.vertical li a{

display: block;

padding-top: 5px;

padding-bottom: 5px;


padding-left: 10px;

padding-right:0px;


width: 210px;


text-decoration: none;


font-weight:bold;

overflow:hidden;


height:auto;


}




.vertical a:active, .vertical a:visited {


text-decoration: none;


}




.vertical li:first-child>a{


display:block;

text-decoration:none;

overflow: hidden;



}




.vertical a.first{


}



.vertical li ul{

position: absolute;


top: -1px;


left: 220px;


}



* html .vertical li ul{


position: absolute;


top: -1px;


left: 220px;


}



.vertical.left ul ul ul,.vertical .left ul{


left: -203px;


}





/*this is the css for the horizontal version*/

.horizontal ul{


border: none;


list-style-type: none;


padding: 0;


margin: 0;


}




.horizontal ul li{


float: left;

position: relative;


}




.horizontal ul li a{


display: block;


width: 125px;


text-decoration: none;


height: 1em;


padding: .1em 1px;

overflow: hidden;


border: 1px solid;


border-left: none;


}




.horizontal li li{


float: none;


border-bottom: 1px solid transparent;


margin-bottom: -1px;


}



.horizontal li li.last{


border-bottom: none;


}



.horizontal ul li ul{


position: absolute;


top: 1.3em;


left: -1px;


margin-top: -1px;


}




.horizontal ul ul ul{


width: 130px;


top: -1px;

left: 128px;


margin-top: 0;


}



.horizontal.left ul ul ul,.horizontal .left ul ul{


top: -1px;

left: -128px;


}




.horizontal ul li li a{


border: 1px solid;

border-top: none;


}



.horizontal ul li:first-child>a{

border-left: 1px solid;

}




.horizontal ul li a.first{


border-left: 1px solid;


}




.horizontal ul li li a.first{


border-top: 1px solid;


}




.horizontal ul li li:first-child>a{


border-top: 1px solid;

}




div.horizontal ul li.pixelfix ul{


left: 0;


}




div.horizontal ul li.pixelfix ul ul{


left: 128px;

}




/*here we use a little CSS to make a basic/backup dropdown menu in modern browsers *cough* not IE6 or less *cough* if javascript is disabled.Flickering never happens in these browsers*/


.mlmenu li ul{


display: none;


}




.mlmenu li:hover>ul{


display: block;


text-decoration: none;

}




/*This section makes the menu not work in non-javascript enabled browsers by not showing the menu by default-This can be worked around by making top level links point to a sitemap*/


.accessible li ul{


display: block;


}




/*Code to show an element has a child*/


.mlmenu.plus li a:first-child:not(:last-child):after{


content: '+';


}




.plus a span{


padding-left: .5em;

text-align: right;


}




.mlmenu.arrow li a:first-child:not(:last-child):after{

content: '>>';

}




.arrow a span{


padding-left: .5em;

}




.noshow{


visibility den;


}




/*colors for menu*/


.blackwhite li a{


background-color: white;


color: black;


border-color: black;


}




.blackwhite li a:hover,.blackwhite li a.first:hover,.blackwhite .trail a.hover{


background-color: black;


color: white;


border-color: black;

}




.blackwhite li:first-child>a:hover{


background-color: black;

color: white;


border-color: black;

}




.blackwhite ul{


border-color: black;


}




.purplewhite li a{


background-color: white;

color: #339933;


border-color: #339933;


text-decoration:none;


}




.purplewhite li a:hover,.purplewhite li a.first:hover,.purplewhite .trail a.hover{

background-color: #339933;

color: white;


border-color: #339933;

}




.purplewhite li:first-child>a:hover{


background-color: #339933;


color: white;


border-color: #339933;

}




.purplewhite ul{

border-color: #339933;


}