@charset "iso-8859-1";
#container{
margin: 123px auto 0 auto; /* 125px top margin */
width: 800px; /* width works well 4 800x600 & 1024x768 */
text-align: left;
}
#main{
width: 800px;
background :#FFFFFF;
background-image: url(images/creekbg1.jpg); color: #999999;
text-align: center;
}
#rightSide{
float: right;
width: 626px;
background :#9999FF;
}
#leftSide{
margin-right: 632px;
width: 122px;
background: #f0f0f0;
}
#footer{
clear: both;
margin: 0 auto;
width: 800px;
text-align: center;
background: #003300;
}
#title{
text-align: left;
position: absolute;
top: 0;
width: 800px;
height: 123px;
margin: 0 auto;
padding: 0;
background: #666666;
color: #00CC33;
}
#stuff{
width: 740px; 
color:#003300;
text-align: center; 
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;
}

body {background-color: #003300; font-size:10pt; color:#003300}
a:link     {color:#663300; font-weight: bold}
a:visited  {color:#663300; font-weight: bold}
a:active   {color:#aaff33; font-weight: bold}
a:hover    {color:#996633; font-weight: bold}
H1 { font-size: large; font-weight: bold }

a.mainnav 		{ font: 14px Times; color: #aaff33; text-decoration: none; font-weight: bold; font-style: none; }
a:visited.mainnav { font: 14px Times; color: #aaff33; text-decoration: none; font-weight: bold; font-style: none; }
a:hover.mainnav 	{ font: 14px Times; color: #cccc00; text-decoration: none; font-weight: bold; font-style: none; }