html{
height:100%;
margin-bottom:1px;}
body{
width:860px;
margin:0 auto 0 auto;
text-align:center;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
background-color:#ffffff;
}
.pagecontainer
{
background-color:#064a2f;
padding:10px;
text-align:left;
}
.inpagecontainer
{
height:650px;
text-align:left;
background-color:#ffffff;
}
.righttop
{
float:right;
width:640px;
height:125px;
padding: 5px 0 5px 0;
background-color:#ffffff;
}
.logo
{
position:absolute;
top:0px;
left:0px;
z-index:10;
}
.masthead
{
height:135px;
overflow:visible;
background-color:#ffffff;
position:relative;
z-index:2;
}
.leftside
{
margin-top:10px;
float:left;
width:190px;
height:505px;
background-color:#BAD533;
position:relative;
z-index:1;
}
.whtdot
{
position:absolute;
top:0px;
left:5px;
}
.body
{
padding-top:10px;
float:right;
width:650px;
}
.content
{
width:516px;
height:505px;
}
.scrollcontain
{
width:506px;
height:505px;
float:left;
}
.scrollbox
{
width:420px;
height:420px;
float:left;
margin-left:40px;
margin-top:42px;
}
.scrollbar
{
float:left;
width:15px;
height:420px;
margin-top:42px;
}
.scrollcontent
{
width:410px;
height:420px;
overflow:auto;
padding-right:10px;
padding-left:1px;
}
.scrollupblue, .scrolluppurple, .scrollupred, .scrollupbrown, .scrollupgreen, .scrolluporange
{
	width:15px;
	height:15px;
	overflow:hidden;
}
.scrolldownblue, .scrolldownpurple, .scrolldownred, .scrolldownbrown, .scrolldowngreen, .scrolldownorange
{
	width:15px;
	height:15px;
	background-position:bottom;
	overflow:hidden;

}
.scrollupblueact, .scrolluppurpleact, .scrollupredact, .scrollupbrownact, .scrollupgreenact, .scrolluporangeact
{
	width:15px;
	height:15px;
	overflow:hidden;
}
.scrolldownblueact, .scrolldownpurpleact, .scrolldownredact, .scrolldownbrownact, .scrolldowngreenact, .scrolldownorangeact
{
	width:15px;
	height:15px;
	background-position:bottom;
	overflow:hidden;
}
.scrollupblue
{
background-image:url(../scroll/bbup.gif);
}
.scrolluppurple
{
background-image:url(../scroll/ppup.gif);
} 
.scrollupred
{
background-image:url(../scroll/roup.gif);
} 
.scrollupbrown
{
background-image:url(../scroll/brup.gif);
} 
.scrollupgreen
{
background-image:url(../scroll/ggup.gif);
}
.scrolluporange
{
background-image:url(../scroll/ooup.gif);
}
.scrolldownblue
{
background-image:url(../scroll/bbdown.gif);
}
.scrolldownpurple
{
background-image:url(../scroll/ppdown.gif);
} 
.scrolldownred
{
background-image:url(../scroll/rodown.gif);
} 
.scrolldownbrown
{
background-image:url(../scroll/brdown.gif);
} 
.scrolldowngreen
{
background-image:url(../scroll/ggdown.gif);
}
.scrolldownorange
{
background-image:url(../scroll/oodown.gif);
}

.scrollupblueact
{
background-image:url(../scroll/blwup.gif);
}
.scrolluppurpleact
{
background-image:url(../scroll/pwup.gif);
} 
.scrollupredact
{
background-image:url(../scroll/rwup.gif);
} 
.scrollupbrownact
{
background-image:url(../scroll/brwup.gif);
} 
.scrollupgreenact
{
background-image:url(../scroll/gwup.gif);
}
.scrolluporangeact
{
background-image:url(../scroll/blwup.gif);
}
.scrolldownblueact
{
background-image:url(../scroll/blwdown.gif);
}
.scrolldownpurpleact
{
background-image:url(../scroll/pwdown.gif);
} 
.scrolldownredact
{
background-image:url(../scroll/rwdown.gif);
} 
.scrolldownbrownact
{
background-image:url(../scroll/brwdown.gif);
} 
.scrolldowngreenact
{
background-image:url(../scroll/gwdown.gif);
}
.scrolldownorangeact
{
	background-image:url(../scroll/blwdown.gif);
}
.scrollback
{
width:3px;
margin:0 auto 0 auto;
height:380px;
}
.leftspace
{
width:10px;
float:left;
background-color:#ffffff;
}
.reddotleft
{
margin:0 auto 0 auto;
width:4px;
height:505px;
overflow:hidden;
}
.rightspace
{
width:10px;
float:left;
background-color:#ffffff;
}
.reddotright
{
margin:0 auto 0 auto;
width:4px;
height:505px;
overflow:hidden;
}
.pictureframe
{
float:right;
width:134px;
height:505px;

}
a
{
color:inherit;
text-decoration:underline;
font-weight:bold;
}
a:hover, a:active
{
color:#ffffff;
}

.nav
{
margin-top:40px;
width:160px;
}
.nav ul
{
margin:0;
padding:0;
list-style: none;
}
.nav ul li
{
margin:0;
padding:0;
}

.nav ul li a, .nav ul li a:hover, .nav ul li a:active, .nav ul li a:visited
{
display:block;
background-color:#BAD533;
color:#603A17;
font-weight:bold;
width:160px;
height:15px;
font-size:14px;
padding-top:4px;
padding-bottom:4px;
padding-left:30px;
text-align:left;
text-decoration:none;
}
.nav ul li a:hover,.nav ul li a:active
{
background-color:#CAD868;
color:#ffffff;
}
.sub li a
{
display:block;
background-color:#BAD533;
color:#603A17;
font-weight:300 !important;
width:150px !important;
height:11px !important;
font-size:11px !important;
padding-top:1px !important;
padding-bottom:1px !important;
padding-left:40px !important;
text-align:left;
text-decoration:none;
}
.sub li a:hover,.sub li a:active
{
color:#ffffff;
background-color:#BAD533 !important;
}
.newsjoinbox
{
	clear:both;
	width:160px;
	padding-top:12px;
	padding-left:18px;
	font-size:11px;
}
.newsjoinbox input{font-size:9px;}