body {
	margin: 0;
	padding: 0;
	background: #FFF url(../images/ground.gif) repeat-y top;
	font: 62.5% Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	}


/* CONTAINER */

#container {
	margin: 0px auto 0px auto;
	width:800px;
	}

#container img {
	border:0;
	}
	

/* HEADER */

#header {
	background: #FFFFFF url(../images/header.jpg) no-repeat top;
	height: 100px;
	width: 800px;
	} 
	

/* TIME */

#time {
	text-align: right;
	background:#009933;
	padding: 5px 5px 5px 0px;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	}
	

/* SIDEBAR */

#sidebar {
	float: left;
	width: 172px;
	background: #006633;
	padding: 0px;
}

#sidebar ul {
	margin: 0;
	padding-left: 0;
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	}

#sidebar a {
	display: block;
	padding: 6px;
	width: 160px;
	background-color: #006633;
	border-bottom: 1px solid #EEEEEE;
	}

#sidebar a:link, #navlist a:visited {
	color: #FFFFFF;
	text-decoration: none;
	}

#sidebar a:hover {
	background-color: #009933;
	color: #FFFFFF;
	}



/* MAINCONTENT */

#maincontent {
	float: right;
	width: 587px;
	padding: 0px 20px 0px 20px;
	background: #FFF url(../images/contentbg.jpg) no-repeat top center;
	overflow: hidden;
	font-size: 1.1em;
	line-height: 1.6em;
	}
	
#maincontent h1, #maincontent h2, #maincontent h3, #maincontent h4 {
	margin: 1em 0px .5em 0px;
	font-size: 1.4em;
	color: #006633;
	}
	
#maincontent ul.mailing {
	width: 547px;
	list-style:none;
	margin:0;
	padding:0;
	font-size: .9em;
	}
	
#maincontent ul.mailing li {
	width:33%;
	float:left;
	}

#maincontent a:link, #maincontent a:visited, #maincontent a:active {
	color: #006633;
	text-decoration: none;
	}

#maincontent a:hover {
	text-decoration: underline;
	color: #006633;
	}
	
#maincontent ul {
	margin: .125em 0 0 0;
	list-style: disk;
	padding: 0 0 0 25px;
	}
		
#maincontent ul li {
	margin: 0;
	padding: 0 0 0 1px;
	}
	
#maincontent p {
	position: relative;
	margin: 0;
	padding: 0px;
	}
	
#maincontent p.sponsor {
	font-weight: bold;
	text-align: center;
	margin: 150px 0px 50px 0px;
	}  
	
#maincontent p.break {
	padding-bottom: 15px;
	}
	
#maincontent p.strong {
	font-weight: bold;
	}
	
#maincontent table td {
	padding:0 30px 30px 0;
	}
		


/* library list */
#playlist {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	}

#playlist tbody tr td {
	text-align: left;
	padding: 4px 12px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	}

#playlist tbody tr.green td {
	background-color: #006633;
	color: #fff;
	font-weight: bold;
	text-align: left;
	vertical-align: bottom;
	}

#playlist tbody tr.gray td {
	background-color: #999;
	color: #fff;
	font-weight: bold;
	}



/* FORM STYLES */

.recaptcha_only_if_incorrect_sol, .recaptcha_only_if_image, .recaptcha_only_if_audio, .recaptcha_other, .errormsg {
	font: 1.0em Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 10px 0;
	padding: 0;
	}
	
.preField {
	display:block;
	margin: 0;
	padding: 0;
	}
	
.postField {
	margin: 0;
	padding: 0;
	}
	
.errormsg {
	color:#F00;
	font-weight:bold;
	margin: 0;
	padding: 0 0 10px 0;
	}
	
.textField, .textArea, .smallField, #recaptcha_response_field {
	text-align:left;
	margin: 0;
	padding:1px 4px;
	font: 1.0em Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #666;
	color:#666;
	} 
	
.textField, #recaptcha_response_field {
	width:300px;
	height:20px;
	}  
	
.textArea {
	width:300px;
	height:70px;
	}  
	
.smallField {
	width:120px;
	height:20px;
	}
	
#recaptcha_image {
	margin:0 0 10px 0;
	padding:0;
	border: 1px solid #666;
	width:300px;
	}
	
#recaptcha_widget a:link, #recaptcha_widget a:visited, #recaptcha_widget a:hover, #recaptcha_widget a:active, #recaptcha_widget a:focus {
	color: #000;
	text-decoration: underline;
	}
