body {
	background: #ffffff;
	font: 80% Arial, Helvetica, Verdana;
	text-align: center;
	margin: 10px;
}

A:link  { color: #A81A32; }
A:visited  { color: #A81A32; }
A:active, A:hover   { color: #DC1432; }

/*-- Footer links --*/
#footer a:link, #footer a:visited {color: #306741;}
#footer a:active, #footer a:hover {color: #00AA4F;}

/*-- Admin links --*/
#SignupForm a:link, #SignupForm a:visited, #SignupForm td a:link, #SignupForm td a:visited {color: #2d7626;}
#SignupForm a:active, #SignupForm a:hover, #SignupForm td a:active, #SignupForm td a:hover {color: #4AA600;}

p {margin: 0 0 10px 0;}

h1, .title  { 
	color: #333;
	font: 19px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	text-transform: lowercase;
	color: #333;
	margin: 0;
	padding: 3px 0 0 30px;
	background: transparent url("images/PageTitleIcon.gif") no-repeat 0 0;
}

h2{ 
	color: #378450;
	font: bold 15px Arial, Helvetica, Verdana;
}

.infobox h2 {
	font: bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
	margin: 0;
	padding: 3px 12px;
	background: #378450 url();
	text-align:center;
}

h3 {
	color: #378450;
	font: bold italic 120% Arial, Helvetica, Verdana;	
}

h4 {
	color: #000;
	text-transform: uppercase;
	font: bold 110% Arial, Helvetica, Verdana;	
}

h5 {
	color: #378450;
	text-transform: uppercase;
	font: bold italic 100% Arial, Helvetica, Verdana;	
}

h6 {
	color: #378450;
	font: bold 100% Arial, Helvetica, Verdana;	
}

#container {
	width: 718px;
	text-align: left;
	margin: 0px auto; /* fix for centering div in firefox */
}
	html>body #container { width: 719px }

#header {
}

#mainpic {
	padding: 5px;
	border: solid 1px #000000;
	clear:both;
}

#body {
	margin: 10px 0px 0px 0px;
}

#body1  { 
	background: transparent url("images/MainContentBg.gif") repeat-x 0 29px; 
	margin-left: 215px; 
	padding: 2px 10px 5px 10px; 
	width: 500px; 
	border:0 }
	html>body #body1 {  margin-left: 220px; width: 480px; } /* fix for firefox */

#body2 {
	width: 207px;
	float: left;
}
	/*html>body #body2 { width: 197px } /* fix for firefox */

#footer {
	margin-top: 10px;
	clear: both;
	border: solid 1px #000000;
	background: #ffffff;
	padding: 5px;
	font: 85% Arial, Verdana, Helvetica
}

.infobox   {margin-bottom: 5px; padding: 5px; width: 207px; border: solid 1px #000000 }
	html>body .infobox { width: 197px }
		
.InfoContent {
	display:block;
	background: transparent url("images/SidebarBg.gif") no-repeat 0 1px;
	padding: 20px 15px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}
.submenu {
	color: #ffffff;
	font-weight: bold;
	line-height: 18px;
}
.submenu A:link, .submenu A:visited  { text-decoration: none; background: url("images/accent2.gif") no-repeat; padding-left: 16px }
.submenu A:active, .submenu A:hover  { text-decoration: none; background: url("images/accent.gif") no-repeat; padding-left: 16px }

.content { font: 80% Arial, Helvetica, Verdana }

#SignupFormBody  { background: #eee url() }

#SignupFormBody td {
	font: 12px Arial, Helvetica, Verdana;}

#SignupForm  { background: #fff url(); margin: 5px auto; padding: 5px; width: 550px; border: solid 1px #aaa }
	
#SignupForm input {
	font: 11px Arial, Helvetica, sans-serif;
	height: 18px;
	color: #333;}
	
#SignupForm select {
	font: 11px Arial, Helvetica, sans-serif;
	height: 18px;
	color: #333;}