/*this is the css for the vertical version*/
.vertical ul{
list-style-type: none;
padding: 0px;
border-top: 0px solid;
width: 238px;
}
.vertical li a{
display: block;


font-size: 11px;
margin-top:5px;


line-height:30px;
border-bottom:1px solid #E0E0E0;
padding-left:15px;
padding-right:15px;
background-color:#F9F9F9;

}
.vertical li{
/*Needed for IE. Don't ask me why, It was a lucky guess.*/
display: inline;
}
.vertical li ul{
position: absolute;
margin-top: -4px;
margin-left: -238px;
}
/*this is the css for the horizontal version*/
.horizontal ul{
list-style-type: none;
padding: 0px;
border: 0px;
display: block;
height: 36px;
width:100%;
text-align:center;
}
.horizontal li{
float: left;
display: inline;
}
.horizontal li a{
text-decoration: none;
height: 36px;
float: left;
display: block;

padding: 0px;
border: 0px;
padding-top:0px;
}
.horizontal li li a{
border-top: none;
border-left: 0px solid;
padding-top:1px;
}
.horizontal li ul{
position: absolute;
padding-top:1px;
margin-top: 36px;
margin-left: 0px;
width: 166px;
height:25px;
border: none;
display: block;
}
.horizontal li li ul{
position: absolute;
margin-top: 0px;
margin-left: 0px;
}
.horizontal li ul li a{
width: 180px;
height:25px;
}
/*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*/
/*Not sure if I recommend this or not*/
.inaccesible li ul{
display: none;
}
/*Arrow code - looks like <a class="haschild" href="#">Text <span>Arrow</span></a> can be turned on/off with arrow class*/
.arrow a span{
padding-left: 1em;
font-size: 85%;
}
.arrow a:hover span{
padding-left: 2em;
}
.arrow a span.noshow{
visibility: hidden;
}
/*Plus code*/
.plus a span{
padding-left: .5em;
}

.akron li a{
color:#FFFFFF;
font-size:11px;
font-style:Tahoma;
font-weight:normal;
width:174px;
height:36px;
line-height:36px;
background:url('menu_bg.gif') repeat-x;
}
.akron li a:hover{
color: #FFFFFF;;
width:174px;
height:36px;
line-height:36px;
background:url('menu_bg.gif') repeat-x;
}

.akron h1{
font-size:11px;
font-style:Tahoma;
font-weight:normal;
margin-left:25px;
margin-top:0px;
margin-bottom:0px;
margin-right:25px;
text-align:left;
}

.akron .menu_sg {
width:174px;
height:36px;
background:url('menu_sg.gif') no-repeat;
text-align:center;
}

.akron .menu_sg:hover {
width:174px;
height:36px;
background:url('menu_sg_a.gif') no-repeat;
text-align:center;
}

.akron .menu_nr {
width:174px;
height:36px;
background:url('menu_bg.gif') repeat-x;
text-align:left;
}

.akron .menu_kn {
width:163px;
height:36px;
background:url('menu_bg_white.gif') repeat-x;
text-align:left;
}

.akron .menu_kn:hover {
width:163px;
height:36px;
background:url('menu_bg_white.gif') repeat-x;
text-align:left;
}

.akron .menu_ud {
width:166px;
height:25px;
line-height:25px;
background:url('menu_ud.gif') repeat-x;
text-align:left;
}

.akron .menu_ud:hover{
width:166px;
height:25px;
line-height:25px;
background:url('menu_ud_a.gif') repeat-x;
text-align:left;
}

.akron .menu_ud .mlink{
font-size:11px;
font-style:Tahoma;
font-weight:normal;
margin-left:25px;
margin-top:0px;
margin-bottom:0px;
margin-right:25px;
}