@charset "utf-8";
/* CSS Document */
*{
padding:0;
margin:0;
}

#background{
margin-top:20px;
margin-bottom:0px;
margin-left:auto;
margin-right:auto;
width:850px;
height:880px;/*760*/
background-color:#BEBEBE;
/*background-color:#FFFFFF;*/
}

#header{
margin-top:0px;
margin-bottom:0px;
width:850px;
height:300px;/*270*/
position:absolute;
background-color:#999999;
}

#headerno1{
margin-top:0px;
margin-bottom:0px;
width:850px;
height:150px;
position:absolute;
}

#headerno2{
margin-top:150px;
margin-bottom:0px;
width:850px;
height:100px;
position:absolute;
}

#menu{
margin-top:265px;
font-size:medium;
font-family:Verdana, Arial, Helvetica, sans-serif;
width:100%;
float:left;
margin-left:5px;
}



#middle{
top:320px;
bottom:850px;/*560*/
left:auto;
right:auto;
margin-top:0px;
position:absolute;
width:850px;
height:530px;
background-color:#BEBEBE;
}


#middletest{
top:0px;
bottom:850px;/*650*/
left:auto;
right:auto;
margin-top:0px;
position:absolute;
width:850px;
height:530px;
background-color:#BEBEBE;
overflow:auto;
}

#midcompleft{
top:0px;
bottom:850px;
left:auto;
right:auto;
position:absolute;
width:250px;
height:530px;
}

#midcompcenter{
top:0px;
bottom:850px;
left:250px;
right:auto;
margin-left:10px;
margin-right:0px;
position:absolute;
width:330px;
height:530px;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
word-spacing:normal;
overflow:auto;
}

#midcompright{
top:0px;
bottom:850px;
left:600px;
right:auto;
margin-top:20px;
position:absolute;
width:250px;
height:530px;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
word-spacing:normal;
}

#midannoleft{
top:0px;
bottom:650px;
left:auto;
right:auto;
position:absolute;
width:200px;
height:530px;
}

#midannocenter{
top:0px;
bottom:650px;
left:200px;
right:auto;
margin-left:10px;
margin-right:10px;
position:absolute;
width:430px;
height:530px;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
word-break:normal;
word-spacing:normal;
overflow:auto;
}

#midannoright{
top:0px;
bottom:650px;
left:650px;
right:auto;
position:absolute;
width:200px;
height:530px;
}

#midpresright{
top:0px;
bottom:650px;
left:220px;
right:10px;
position:absolute;
width:620px;/*650*/
height:530px;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
word-break:normal;
word-spacing:normal;
overflow:auto;
}

#middleleft{
margin-top:20px;
margin-left:20px;
position:absolute;
width:830px;
height:510px;
}

#map {  
width:90%;
height:250px;  
}
  
#footer{
margin-top:0px;
margin-bottom:0px;
top:850px;/*730*/
bottom:900px;/*780*/
position:absolute;
width:850px;
height:50px;
background-color:#999999;
}

#footerright{
margin-top:0px;
margin-bottom:0px;
margin-left:650px;
position:absolute;
width:200px;
height:50px;
background-color:#999999;
text-align:center;
font-family:"Times New Roman", Times, serif;
font-size:10pt;
}

#menu a{
text-align:center;
display:block;
white-space:nowrap;
/*background: url(line.gif) no-repeat right 100%;*/
padding: 1px 5px 1px 5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11pt;
color:#FFFFFF;
}

#menu a:link, #menu a:visited, #menu a:active	/* menu at rest */
{/*color: white;*/
background-color:#999999;
text-decoration:none;
}
	
#menu a:hover						/* menu on mouse-over  */
{
/*color:white;*/
background-color:#668CFF;	/* cornflowerblue */
text-decoration:none;
}	

#menu a.top_parent, #menu a.top_parent:hover  /* attaches down-arrow to all top-parents */
{
/*background-image: url(navdown_white.gif);*/
background-position: right center;
background-repeat: no-repeat;
}
	
#menu a.parent, #menu a.parent:hover 	/* attaches side-arrow to all parents */
{
background-position: right center;
background-repeat: no-repeat;
}

#menu ul{
list-style:none;
margin:0;
padding:0;
float:left;
width:140px;/* width of all menu boxes 8em*/
	/* NOTE: For adjustable menu boxes you can comment out the above width rule.
	However, you will have to add padding in the "#menh a" rule so that the menu boxes
	will have space on either side of the text -- try it */
}

#menu li{
position:relative;
min-height:1px;		
vertical-align: bottom;		
}

#menu ul ul{
position:absolute;
z-index:500;
top:auto;
display:none;
padding:1em;
margin:-1em 0 0 -1em;
}

#menu ul ul ul{
top:0;
left:100%;
}

div#menu li:hover{
cursor:pointer;
z-index:100;
}

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

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

#subfooter h{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:10pt;
color:#333333;
}

#subfooter p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:10pt;
color:#333333;
}

#subfooterright h{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:10pt;
color:#333333;
}

#subfooterright p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:8pt;
color:#333333;
}

#footer p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:14pt;
text-align:center;
color:#333333;
}