body { 
margin: 0 0 20px 0;
text-align:center; /*IE 5.0*/
background-color: #063;
}
a:link     {color:#00CC66;text-decoration:none;}
a:visited  {color:#00CC66;text-decoration:none;}
a:hover    {color:#00CC66;text-decoration:underline;}

#page-body {
	margin-left: auto; 	margin-right: auto;
	width: 830px;
	height:auto;
}
#header {
	width: 830px;
	height: 110px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	clear:both;
	background-color:#eeeeee;
}
#header a:link     {color:#003300;text-decoration:none;}
#header a:visited  {color: #009900;text-decoration:none;}
#header a:hover    {color: #00CC00;text-decoration:underline;
}
#header-left {
	float: left;
	width: 344px;
	height: 110px;
}
#header-right {
	background-image: url(img/header-right-back.jpg);
	float: right;
	width: 431px;
	height: 110px;
	font-family:Arial, Helvetica, sans-serif; font-size:10px;
	 
}
#content-area {
	float:left;
	width: 830px;
	padding:0 0 0 0;
	height: auto;
	background: #eeeeee; 
}
#leftside {
 float:left;
 background: #eeeeee;
 margin-top:0;
 padding-left:3px;
 width:190px; /*174 -3 = 171*/
 height: auto;
 text-align: left;
 }
#leftside {
 font-family:"Trebuchet MS", Verdana, sans-serif;
 font-size:12px;
 color: #006600;
 }
#leftside a:link {color:#006600;text-decoration:none;}
#leftside a:visited {color:#006600;text-decoration:none;}
#leftside a:hover {color:#006600;text-decoration:underline;}

#rightside {
 float:right;
 width:630px;
 height:auto;
 margin: 0 0 0 0px;
 padding-left:5px;
 background:#ffffff;
 text-align:left;
 }

 /*styling events page events.html*/
#events {
	 float:left;
	margin-top:0;
	width: 830px;
	padding:0 0 0 0;
	height: auto;
 }
 /*styling home page index.html*/
#homecontent-area {/*includes left-side + content*/
	float:left;
	margin-top:0;
	width: 657px;
	padding:0 0 0 0;
	height: auto;
}
#homeleftside {
 float: left;
 background: #eeeeee;
 width:190px;
 height: auto;
 padding-left: 3px;
 text-align: left;
 font-family:"Trebuchet MS", Verdana, sans-serif;
 font-size:12px;
 color: #006600;
}
 #homecontent {
 float:right;
 background: #ffffff;
 width:460px; 
 height: auto;
 padding-left:3px;
 text-align: left;
 font-family: "MS Sans Serif", Verdana, sans-serif;
 font-size: 14px;
}
#homerightside {
 background: #eeeeee;
 float: right;
 margin-top:0;
 width:168px; 
 height:auto;
 padding-left:3px;
 text-align:left;
 font-family:"Trebuchet MS", Verdana, sans-serif;
 font-size:12px;
 color: #006600;
}
#navcontainer ul
{
padding-left: 0;
margin-top: 0;
margin-left: 0;
background-color: #00CC66;
color: White;
float: left;
width: 830px;
font-family: Verdana, Geneva, sans-serif;
font-size:10px;
font-weight:700;
}

ul#navlist
{
margin: 0 0 0 0;
padding: 0 0 0 0;
white-space: nowrap;
}
#navcontainer ul li a
{
float: left;
background-color: #00CC66;
height: 30px;
color: White;
text-decoration: none;
border-right: 1px solid #006633;
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a { 
padding:0px 10px;

border-right: 1px solid #006633;
}

#navlist a:link, #navlist a:visited
{
color: #fff;
background-color: #00CC66;
text-decoration: none;
}

#navlist a:hover
{
color: #fff;
background-color: #056D38;
text-decoration: none;
}

.contents {
background-color:#ffffff;
font-family: "MS Sans Serif", Verdana, sans-serif;
font-size: 14px;
margin: 0 5px 0 5px;
}
.list { list-style-position: inside; } 
h1 {
font-family: Verdana, Tahoma, sans-serif;
font-size:16px;
color:#00CC66;
padding-top: 0;
}
h2 {
font-family: Verdana, Tahoma, sans-serif;
font-size:14px;
color:#00CC66;
padding-top: 0;
}
h3 {
font-family: Verdana, Tahoma, sans-serif;
font-size:12px;
color: #999999;
padding-top: 0;
}
h4 {
font-family: Verdana, Tahoma, sans-serif;
font-size:12px;
color:#00CC66;
padding-top: 0;
background-color:#eeeeee;
}
.breadcrumb {
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
color:#00CC66;
}
#footer {
	clear: both;
	width: auto;
	height: auto;
	color: #fff;
	text-align:center;
	padding-top: 5px;
	font-family: Verdana, Geneva, sans-serif;
	font-size:12px;
	 }
 /*place images */
div.floatright { float: right;margin: 0.5em;padding: 0.5em;border: 1px solid #00CC66;
border-style:solid;}
div.floatright p {text-align: left;font-family: "MS Sans Serif", Verdana, sans-serif; font-size: 12px; text-indent: 0;}
div.floatright ul li{text-indent: 0; text-align: left; font-family: "MS Sans Serif", Verdana, sans-serif; font-size: 12px; font-weight:700; list-style-type:none }
div.floatleft { float: left;margin: 0.5em;padding: 0.5em;border: 1px solid #00CC66;
border-style:solid; width: 400px;}
div.floatleft p {text-align: left;font-style: normal;text-indent: 0;}
	 .form-fields {
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CED0D0;
	border-right-color: #CED0D0;
	border-bottom-color: #CED0D0;
	border-left-color: #CED0D0;
}
.redalert {
	color: #F00;
}