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

#menu{background:#FFBFFF;
font: bold 11px/16px arial, helvetica, sans-serif;
text-decoration:none;
margin:0px;
border:none;
border-width: 0px;
position:absolute;
top:1.0em;
left:0.0em;
z-index:2;
/*padding-bottom:12em;  To allow room for bottom dropdown */
}

#menu a, #menu H3 {
font: bold normal 1.75em/1.0em "arial, helvetica, sans-serif";
text-decoration:none;
display: block;
border-width: 0px;
margin: 0px;
padding: 0px 0px;
}

#menu H3 {
color: #0000FF;
text-decoration:none;
 horizontal-align: left;
}

#button {background:#FFBFFF;
width: 40px; height: 30px; border: none; horizontal-align: left;
}

#men1butt {
border: none;
background:#FFBFFF;
margin:0pt;
postion: absolute; left: 0
vertical-align: top;
horizontal-align: left;
}

#men1text {
color: #0000FF; border: none;
background:#FFBFFF;
font: bold 11px/16px arial, helvetica, sans-serif;
width:8.5em;
margin:0pt;
text-decoration:none;
height:40px;
vertical-align: top;
}

#men1text a:active{
color:#0000FF;
background:#FFBFFF;
font: bold 11px/16px arial, helvetica, sans-serif;
}

#men1text a:link{
color:#0000FF;
background:#FFBFFF;
font: bold 11px/16px arial, helvetica, sans-serif;
}

#men1text a:hover{
color: #000040; border: none;
font: bold 11px/16px arial, helvetica, sans-serif;
background:#FFBFFF;
}

#men1text a:visited{
color: #0000FF; border: none;
font: bold 11px/16px arial, helvetica, sans-serif;
background:#FFBFFF;
}

#men2text {
color: #0000FF; border: none;
background:#FFBFFF;
font: bold 11px/16px arial, helvetica, sans-serif;
margin:0pt;
text-decoration:none;
height:3.5em;
vertical-align: top;
}

#men2text a:active{
color:#0000FF;
background:#FFBFFF;
}

#men2text a:link{
color:#0000FF;
background:#FFBFFF;
}

#men2text a:hover{
color: #000040; border: none;
background:#FFBFFF;
}

#men2text a:visited{
color: #0000FF; border: none;
background:#FFBFFF;
}

#men3text {
color: #0000FF; border: none;
background:#FFBFFF;
font: bold 11px/16px arial, helvetica, sans-serif;
width:8.5em;
margin:0pt;
text-decoration:none;
height:20px;
vertical-align: top;
}

#men3text a:active{
color:#0000FF;
background:#FFBFFF;
font: bold 11px/16px arial, helvetica, sans-serif;
}

#men3text a:link{
color:#0000FF;
background:#FFBFFF;
font: bold 11px/16px arial, helvetica, sans-serif;
}

#men3text a:hover{
color: #000040; border: none;
font: bold 11px/16px arial, helvetica, sans-serif;
background:#FFBFFF;
}

#men3text a:visited{
color: #0000FF; border: none;
font: bold 11px/16px arial, helvetica, sans-serif;
background:#FFBFFF;
}

#teachtext {
color: #0000FF; border: none;
background:#FFBFFF;
font: bold 11px/16px arial, helvetica, sans-serif;
margin:0pt;
text-decoration:none;
width:8.5em;
height:40px;
vertical-align: top;
}

#teachtext a:active{
color:#0000FF;
background:#FFBFFF;
font: bold 11px/16px arial, helvetica, sans-serif;
}

#teachtext a:link{
color:#0000FF;
background:#FFBFFF;
font: bold 11px/16px arial, helvetica, sans-serif;
}

#teachtext a:hover{
color: #000040; border: none;
font: bold 11px/16px arial, helvetica, sans-serif;
background:#FFBFFF;
}

#teachtext a:visited{
color: #0000FF; border: none;
font: bold 11px/16px arial, helvetica, sans-serif;
background:#FFBFFF;
}

#menu a:hover{
color:#FF00FF;
background:#FFBFFF;
font: bold 11px/16px arial, helvetica, sans-serif;
text-decoration:none;
}

#menu a:active{
color:#0000FF;
background:#FFBFFF;
font: bold 11px/16px arial, helvetica, sans-serif;
text-decoration:none;
}

#menu ul{
list-style:none;
margin:0;
padding:0;
width:100%;
text-decoration:none;
}

#menu small{font:normal 0.85em/0.85em verdana,tahoma,arial,sans-serif;color: #0D026A;}

#menu li {position: relative;
text-decoration:none;}

/* Requirement: Put the element selector name (div)
onto non anchor hover selectors to force IE5 and
5.5 to correctly apply the csshover file. */

div#menu li, div#menu li:hover{
position:relative;
}

div#menu li ul{
position:absolute;
top:0;
left:100.1%;
display:none;
}

div#menu ul ul,
div#menu ul ul ul,
div#menu ul li:hover ul ul,
div#menu ul li:hover ul ul ul
{display:none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display:block;}

/* End non-anchor hover selectors */

<!--[if IE]>
<style type="text/css" media="screen">
body {
behavior: url(csshover.htc); /* call hover behaviour file */
font-size: 100%; /* enable IE to resize em fonts */
} 
#menu ul li {
float: left; /* cure IE5.x "whitespace in lists" problem */
width: 100%;
}
#menu ul li a {
height: 1%; /* make links honour display: block; properly */
} 

#menu a, #menu H3 {
font: bold 0.7em/1.4em arial, helvetica, sans-serif; 
/* if required use em's for IE as it won't resize pixels */
} 
</style>
<![endif]-->