@charset "UTF-8";
/* CSS Document */

body{
color:#808183;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-top:0px;
margin-left:20px;
margin-right:0px;
letter-spacing:0px;
background-color:#CED3D3;
}

#vertnav {
list-style-image:url(../graphics/bullet.gif);
}


#vertnav ul {
	padding-left:2px;
     margin:0px;
     list-style: none;
     width:220px;
     z-index:99;
     position:absolute;
     overflow:visible;
}

#vertnav li {
     margin:0px;
     position: relative;
     width: 280px;
     display:block;
     height:25px;
	 vertical-align:middle;
}

#vertnav a {
     text-decoration:none;
     display:block;
     padding: 0px;
     margin:0px 0px 0px 0px;
     width:240px;
     height:25px;
}

.short{width:200px;}

#vertnav ul, #vertnav ul ul, #vertnav ul ul ul{
     display:none;
     position:absolute;
     top:0;
     left:240px;
}

/* non-IE browsers see this */
#vertnav ul li>ul, #vertnav ul ul li>ul{
     margin-top:0em;
}

#vertnav li:hover ul ul, #vertnav li:hover ul ul ul, #vertnav li:hover ul ul ul ul, #vertnav li:hover ul ul ul ul ul{
     display:none;
}

#vertnav li:hover ul, #vertnav ul li:hover ul, #vertnav ul ul li:hover ul, #vertnav ul ul ul li:hover ul, #vertnav ul ul ul ul li:hover ul{
     display:block;
}

li>ul {
     top: auto;
     left: auto;
}
/* Win IE only \*/
* html #vertnav li{float:left;}
/* end holly hack */ 

/* side bar */

#sidenav{
width:240px;
padding:0;
}

#sidenav li {
     position: relative;
     width: 240px;
     display:block;
     height:25px;
}

#sidenav a {
     text-decoration:none;
     display:block;
     padding:0px;
     margin:0px 0px 0px 0px;
     width:240px;
     height:25px;
}