/* CSS Document */

/*<![CDATA[*/
body { font-family: fantasy, "Century Schoolbook", "Apple LiSung Light";
color: #666633;
}

#header {
	border: 1px solid #cecea5;
	background: #d7dabd;
	padding: 6px 4px;
}

#outer_wrapper {
	background: #fff url(../syspics/background_3.gif) repeat-y left; 
}
#wrapper {
	background: url(../syspics/background_2.gif) repeat-y right; 
}

#container {
	width: 100%;  
	float: left;
	margin-right: -200px;
	background: url(../syspics/background_2.gif) repeat-y right;
}

#content {
	margin-right: 207px;
	padding-left: 
	background: url(../syspics/background_3.gif) repeat-y left;			
}

#main {
	margin-left: 155px;
}

#left {
	width: 150px;
	float: left;
}

#left a:link, #left a:visited{
color: #663333;
display: block;
background: #d7dabd;
padding: 8px 0 0 5px;
text-decoration:none;
list-style:none;

}

/* on the right */
#sidebar {
	width: 200px;
	float: right;
}

#sidebar h2 {
	font-size: 18px;
}

#footer { 
	border: 1px solid #cecea5;
	background: #d7dabd;
	text-align: center; font-size: 10px;
}

h1 {
	margin-top: 0;
}

.subhead{
color: #CC6600;
}

.last {
	margin-bottom: 0;
}

.clearing {
	height: 0;
	clear: both;
}
/*]]>*/

.newstitle {
color:  #99CC00;
border-bottom: 1px dotted #999900;
}

.newsbox {
border: 1px solid #666600;
margin-left: 3px; margin-right: -4px;
padding: 4px;
width: 178px;
font-size: 15px;
font-weight:bold;
margin-left: 40px;
}

#visitor_comments {
border: 1px solid #666600;
margin-left: 3px; margin-right: -4px;
padding: 4px;
width: 182px;
font-size: 11px;
}

.style1 {font-size: 17px; font-weight:bold; text-align: center;}

.floatImage {
float: left;
margin: 0 10px 0px 0px;
border: 3px double #666633;
padding: 2px;
}

/**** Vertical Menu Style Starts Here*/
#navcontainer
{
float: left;
width: 155px;
margin-top: -12px;
font-family: georgia, serif;
font-size: 13px;
text-align: center;
}

ul#navlist
{
text-align: left;
list-style: none;
padding: 0;
margin: 0 9px;
width: 85%;
}

ul#navlist li
{
display: block;
margin: 0;
padding: 0;
}

ul#navlist li a
{
display: block;
width: 100%;
padding: 0.5em 0 0.5em 0.5em;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #777;
text-decoration: none;
background: #f7f2ea;
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a
{
background: #f0e7d7;
color: #800000;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
color:#1A5C12;
background: transparent;
border-color: #aaab9c #fff #fff #ccc;
}
/*************************************************/

body#home a#menuhome,
body#step1 a#menustep1,
body#step2 a#menustep2,
body#step3 a#menustep3,
body#step4 a#menustep4,
body#contact a#menucontact {
color: #FFF;
background:#B8C98F;
} 

/*Scroller Style */
/*Example CSS for the two demo scrollers*/

#pscroller1{
width: 170px;
height: 250px; 
border: 1px solid #666600;
padding: 5px;
margin-left: 9px;
/*background-color: #CCCC99;*/
}

.someclass{ //class to apply to your scroller(s) if desired
}

.payproof { color:#FF0000; font-size:11px; }