@charset "utf-8";
/* CSS Document - CSS Layout of Existing PWSCC Site Design 2008 */
body{
font-family:verdana, arial, helvetica, sans-serif;
font-size:12px;
background-color:#a9a9a9;
}

#wraper{
position:absolute;
z-index:1;
margin:0 0 0 230px;
width:800px;
height:800px;
text-align:left;
background-color:#fff;
}

#header{
position:absolute;
z-index:3;
margin:0;
height:100px;
width:800px;
text-align:left;
background-color:#3366cc;
}

.news{
position:absolute;
z-index:3;
top:4px;
left:555px;
width:250px;
height:50px;
color:#fff;
}

#scrollbox{
position:absolute;
z-index:4;
height:45px;
width:250px;
top:30px;
left:540px;
font-size:14px;
text-align:center;
background-color:#FFFFFF;
}

#main_nav {
position:absolute;
z-index:3;
top:106px;
width: 12em;
border-right: 1px solid #000;
font-family: Verdana, Arial, sans-serif;
color: #fff;
}

#main_nav ul {
font-size:10px;
list-style: none;
margin: 0;
padding: 0;
border: none;
}
		
#main_nav li {
border-bottom: 2px solid #fff;
margin: 0	0 2px 0;
		}
		
#main_nav li a {
display: block;
padding: 5px 5px 5px .5em;
border-left: 10px solid #3366cc;
border-right: 10px solid #508fc4;
background-color: #2175bc;
color: #fff;
text-decoration: none;
width: 100%;
}

#main_nav li a {
width: auto;
}

#main_nav li a:hover {
border-left: 10px solid #1c64d1;
border-right: 10px solid #5ba3e0;
background-color: #2586d7;
color: #fff;
}

#sub_nav {
position:absolute;
z-index:5;
top:105px;
left:110px;
}

#sub_nav li {
margin:0; 
padding:0 10px 4px 10px;
display:inline;
list-style-type:none;
color:#000;
}
	
#sub_nav a:link, #sub_nav a:visited {
font-size:10px;
line-height:12px;
font-weight:bold;
text-decoration:none;
color:#000;
}

#sub_nav a.active:link, #sub_nav a.active:visited, #sub_nav a:hover,#sub_nav a:active {
border-bottom: 1px solid #2586d7;
padding-bottom: 1px;
background: #fff;
color:#000;
}


#sidepic {
position:absolute;
z-index:20; 
top:200px; 
left:475px;
width:298px; 
height:450px; 
}

#contentcontainer{
position:absolute;
z-index:4; 
top:110px; 
left:145px; 
width:350px; 
height:550px;
}

#scrollcontainer{
position:absolute;
z-index:5; 
top:35px; 
left:13px; 
width:650px; 
height:200px;
}

#content {
color:#000;
width:640px; 
height:550px; 
overflow:auto;
font-size:12px;
}

#scrollcontainer_withpic{
position:absolute;
z-index:5; 
top:35px; 
left:13px; 
width:300px; 
height:200px;
}

#content_withpic {
color:#000;
width:300px; 
height:550px; 
overflow:auto;
font-size:12px;
}


#content h1{
color:#FF8C00;
font-family:haettenschweiler, arial, helvetica, times;
text-align:left;
font-size:36px;
font-weight:100;
line-height:30px;
}

#content h3{
color:#003366;
font-size:12px;
line-height:14px;
}

#content p{
font-size:12px;
line-height:15px;
}

#footer{
position:absolute;
z-index:3;
top:700px;
margin:0;
height:125px;
width:800px;
text-align:center;
color:#fff;
background-color:#3366cc;
}

a:link{
font-weight:normal;
margin: 5px 0 0 0;
border:none;
color:#3366cc;
text-decoration:none;

}

a:visited {
color:#3366cc;
text-decoration:none;

}

a:hover, a:active {
color:#3366cc;
text-decoration:none;

}

#dlmenu {height:600px;}
#menu {list-style-type:none; margin:0 0 10px; padding:0; position:absolute; width:15em; background:#fff; z-index:100;}
#menu li {display:block; padding:0; margin:0; position:relative; z-index:100;}
#menu li a, #menu li a:visited {display:block; text-decoration:none;}
#menu li dd {display:none;}
#menu li:hover, #menu li a:hover {border:0;}
#menu li:hover dt a , #menu li a:hover dt a {background:#fff; color:#000; }
#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu li:hover dl, #menu li a:hover dl {height:20em; background:#fff;}
#menu table {border-collapse:collapse; padding:0; margin:-4px; font-size:1em;}
#menu dl {width: 15em; margin: 0; background: #fff; cursor:pointer;}
#menu dt {margin:0; padding: 0; font-size: 12px; border-top:1px solid #999;}
#menu dd {margin:0; padding:0; font-size: 10px; text-align:left; }
.gallery dt a, .gallery dt a:visited {display:block; color:#fff; padding:5px 5px 5px 10px; background:#fff;}
.gallery dd a, .gallery dd a:visited {color:#000; min-height:1em; text-decoration:none; display:block; padding:4px 5px 4px 10px; background:#b4be9c;}
* html .gallery dd a, * html .gallery dd a:visited {height:1em;}
.gallery dd a:hover {background:#fff; color:#000;}