/* CSS Document */

/*PAGE LAYOUT*/

#toppage{
	width:809px;
    height: 30px;
    margin-left: 9px;
}

#topbar{
	float:right;
	width:608px; 
	height:60px; 
	background-image:url(images/top_list3.png);
	background-repeat:repeat-x;
	border-right:solid 1px #999999;
}
#header{
	width:800px;
}
#content{
	width:800px;
}
#contenttext{
	float:left; width:608px; 
	background-color:#F7F7F7; 
	border-left:solid 1px #999999; border-right:solid 1px #999999; 
	border-bottom:solid 1px #999999; border-top:dotted 1px #CCCCCC; 
	min-height:360px;
}

#pagetitle{
	position:relative; float:left; width:608px; height:110px; background-color:#F7F7F7; border-right:solid 1px #999999;
}
#title{
	position:absolute; right:10px; bottom:0px; width:600px;
}

#footer{
	width:590px; padding-right:10px; padding-left:200px;
}

/*GRAY PANEL*/
.panel{
	padding:10px;
	border:solid 1px #E4E4E4;
	background-color:#F7F7F7;
	margin:10px;
	padding:10px;
	width:550px;
	height:488px;
}
.panel2{
	padding:1px;
	border:solid 0px #E4E4E4;
	background-color:#F7F7F7;
	margin:1px;
	padding:1px;
	
}

/*TEXT STYLES*/
.bodytext {
	font: 0.7em Tahoma, sans-serif;
	color: #666666;
}

.smalltext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	color: #666666;
}
.smallwhitetext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
}
.smallwhitetext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration:none;
}
.smallwhitetext a:hover{
	text-decoration:underline;
}
.smallgraytext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#CCCCCC;
}
.smallgraytext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#CCCCCC;
	text-decoration:none;
}
.smallgraytext a:hover{
	text-decoration:underline;
}
.titletext {
	font: 0.7em Tahoma, sans-serif;
	font-size:36px;
	font-weight:bold;
	color: #CCCCCC;
}
.logotext {
	font: 0.7em Tahoma, sans-serif;
	font-size:36px;
	font-weight:bold;
	color: #999999;
}
.orangelogotext {
	font: 0.7em Tahoma, sans-serif;
	font-size:36px;
	font-weight:bold;
	color:#FF9900;
}
.orangetitle {
	font: 0.7em Tahoma, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#FF9900;
}

div#menu {
width: 150px;
height: 25%;
margin-left: 1px;
float: left;
text-align: left;
 
}

div#menu ul {
list-style: none;
margin: 0;
padding: 6px;
text-align: right;
}

div#menu ul ul {
position: relative;
display: none; 
}

div#menu li a {
height: 18px;
voice-family: "\"}\""; 
voice-family: inherit;
height: 18px;
text-decoration: none;
text-align: center;
padding: 8px 0 0 10px;
font: 0.7em Tahoma, sans-serif;
font-size: 11px;
font-weight:bold;
text-decoration:none;
}	
	
div#menu li a:link, div#menu li a:visited {
color: navy;
display: block;
background:  url(images/off3.png) top center no-repeat;
padding: 6px 0 0 10px;
height: 18px;
text-align: center center;
font: 0.7em Tahoma, sans-serif;
font-size: 11px;
font-weight:bold;
text-decoration:none;
}
	
div#menu li a:hover {
color: blue;
background:  url(images/on2.png) top center no-repeat;
padding: 6px 0 0 10px;
height: 18px;
text-align: center center;
font: 0.7em Tahoma, sans-serif;
font-size: 11px;
font-weight:bold;
text-decoration:none;
}

 
div#menu li.submenu:hover ul.level2{
display: block;
width:  auto;
left:10px;
top: -2px;
padding: 0px;
}


/*
      width: 100px;
      left: 5px;
      top: 0px;
}  
   
/*
div#menu li.submenu:hover {
color: blue;
background:  url(images/on2.png) top center no-repeat;
padding: 6px 0 0 10px;
height: 18px;
text-align: center center;
font: 0.7em Tahoma, sans-serif;
font-size: 11px;
font-weight:bold;
text-decoration:none;
}

div#menu li.submenu:hover ul.level2{
      display: block;
      width: 150px;
      left: 55px;
      top: 0px;
   }



#stuff {
background:  url(images/texttop.png) top left no-repeat;
width: 520px;
margin: 0px 0px 0px 220px;
padding-top: 55px;
border: 2px navy;
}