/* DO NOT EDIT TOP CODE */
html,body{
	margin:0px;
	padding:0px;
}
* {
	margin:0px;
	padding:0px;
}
/* CONTROLS FONT SIZE, PAGE BACKGROUND IMAGE AND COLOR */
body{
	background: #000 url(../img/bg.jpg) repeat-x fixed;
	font: 95% tahoma, verdana, arial, helvatica, sans-serif;
	text-align:center
}
/* BACKGROUND COLOR AND IMAGE FOR HEADER */
#header {
	background: #000 url(../img/logo_sm.jpg) no-repeat bottom left;
	height:220px;
	text-align: right;
	margin: 0px auto 0px auto;
	clear: left;
}
#header img {
	float: right;
}
/* CONTROLS MENU BG COLOR */
#topnav {
	background: #000;
	margin: 0px auto 0px auto;
	width: 800px;
	text-align: center;
	clear: left;
}
/* CONTROLS MENU DO NOT EDIT */
#navlist {
	margin: 0px;
	padding: 0px 0px 20px 10px;
}
/* CONTROLS MENU DO NOT EDIT */
#navlist ul, #navlist li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}
/* CONTROLS MENU LINKS - COLOR CAN BE EDITED */
#navlist a:link, #navlist a:visited {
	font: 80% tahoma, verdana, arial, helvatica, sans-serif;
	line-height: 14px;
	margin: 0px 10px 4px 10px;
	text-decoration: none;
	color: #888;
	letter-spacing: 1px;
}
/* CONTROLS MENU HOVER LINKS - COLORS CAN BE EDITED */
#navlist a:link#current, #navlist a:visited#current {
	border-bottom: 4px solid #78df5a;
	padding-bottom: 2px;
	background: transparent;
	color: #fff;
	letter-spacing: 1px;
}
/* CONTROLS MENU HOVER LINKS - COLORS CAN BE EDITED */
#navlist a:hover {
	border-bottom: 4px solid #f00;
	padding-bottom: 2px;
	background: transparent;
	color: #ff0;
}
/* CONTAINER SIZE AND IMAGE */
#container{
	background: #fff url(../img/container.gif) repeat-y;
	width:800px;
	margin: 0px auto 0px auto;
	text-align:left;
}
/* MP3 BOX SIZE, BG COLOR, FONT AND IMAGE */
#mp3{
	background: #999 url(../img/mp3_top.gif) repeat-x;
	font: 80% tahoma, verdana, arial, helvatica, sans-serif;
	color: #fff;
	float:left;
	width:200px;
	height:200px;
	text-align: center;
	padding-top: 40px;
}
/* CONTENT SIZE AND IMAGE - NO BG COLOR SO CONTAINER IMAGE SHOWS */
#content{
	background: url(../img/content.gif) no-repeat top left;
	padding-top: 15px;
	float:right;
	width:599px
}
/* CONTROLS CONTENT PARAGRAPHS */
#content p{
	padding: 10px 5px 0px 10px;
	width: 95%;
}
/* CONTROLS CONTENT LINKS - COLOR CAN BE EDITED */
#content a {
	text-decoration: underline;
	color: #444;
}
/* CONTROLS CONTENT HOVER LINKS - COLOR CAN BE EDITED */
#content a:hover {
	text-decoration: underline;
	color: #888;
}
/* CONTROLS EXTRA BOX SIZE - NO BG COLOR SO CONTAINER IMAGE SHOWS */
#extra{
	font: 80% tahoma, verdana, arial, helvatica, sans-serif;
	text-align: center;
	float:left;
	clear:left;
	width:200px
}
/* CONTROLS EXTRA BOX PARAGRAPHS */
#extra p{
	padding: 5px;
}
#footer{
	background: url(../img/content_bottom.gif) no-repeat bottom right;
	margin: 25px auto 0px auto;
	clear: both;
	height: 50px;
	width:800px;
	text-align: center;
}
/* CONTROLS FOOTER LINKS - COLOR CAN BE EDITED */
#footer a {
	text-decoration: underline;
	color: #222;
}
/* CONTROLS FOOTER HOVER LINKS - COLOR CAN BE EDITED */
#footer a:hover {
	text-decoration: underline;
	color: #888;
}
/* CONTROLS SUBFOOTER DO NOT EDIT */
#subfooter {
	background-color: #000;
	font: 70% tahoma, verdana, arial, helvatica, sans-serif;
	margin: 0px auto 0px auto;
	padding: 10px 0px 10px 0px;
	clear: both;
	width: 800px;
	color: #888;
	text-align: right;
	letter-spacing: 3px;
}
/* CONTROLS SUBFOOTER LINKS - COLOR CAN BE EDITED */
#subfooter a {
	text-decoration: underline;
	color: #888;
}
/* CONTROLS SUBFOOTER HOVER LINKS - COLOR CAN BE EDITED */
#subfooter a:hover {
	text-decoration: underline;
	color: #fff;
}
h1 {
	font: 150% tahoma, verdana, arial, helvatica, sans-serif;
	padding: 0px 10px 20px 0px;
	color:#f00;
}
h2 {
	font: 120% tahoma, verdana, arial, helvatica, sans-serif;
	padding: 10px 0px 0px 10px;
	color:#008000;
}
h3 {
	font: 110% tahoma, verdana, arial, helvatica, sans-serif;
	padding: 10px 0px 0px 10px;
	color:#008000;
}
.c {
	text-align: center;
}
.r {
	text-align: right;
}
.j {
	text-align: justify;
}
img {
	border: 0px;
}


#content form {
	padding-left: 50px;
}

#content input, #content textarea {
	
	padding: 2px;
		
	margin-bottom: 5px;

	border: 1px solid #ccc;

}



#content input.submit-button {

	text-align: center;
	width: 75px;

	color:#444;
}
#extra input.submit-button {

	text-align: center;
	border: 1px solid #888;

	width: 75px;


	color:#000;
}
.datatable {
	font: 75% tahoma, verdana, arial, helvatica, sans-serif;
	margin: 0px auto 0px auto;
	border: 1px solid #888;
	border-collapse: collapse;
	width: 90%;
	text-align: center;
}
.datatable td {
	border: 1px solid #888;
	padding: 4px;
}
.datatable tr.altrow {
	background-color: #ccc;
	color: #000;
}
hr { 
	border: 0 none;
	border-top: 1px solid #f0f0f0;
	width: 75%;
	height: 1px;
	text-align: center;
	clear: both;
	padding: 10px;
	margin: 0 auto 0 auto;
}
.smallfont {
	font: 60% tahoma, verdana, arial, helvatica, sans-serif;
}
blockquote {
	margin: 0px auto 0px auto;
	padding-bottom: 10px;
	width: 75%;
}
#quotes {
	background: url(../img/talk-r.gif) no-repeat bottom center;
	font: italic 100% "Times New Roman", serif;
	text-align: center;
	margin: 0px auto 0px auto;
	padding: 5px 0px 10px 0px;
	height: 50px;
	width: 550px;
}
#soiley {
	text-align: left;
	margin: 0px auto 0px auto;
	padding: 5px 0px 10px 0px;
	height: 244px;
	width: 550px;
	border: 1px dashed #09f;
	color: #09f;
}
#soiley img {
	float: left;
	border: 0px;
}
#videoBar-bar {
	color: #000;
	width: 110px;
	text-align: center;
	margin: 0 auto 0 auto;
	padding: 0px;
}
.red {
	color: #f00;
}
#search {
	text-align: center;
	margin: 0px auto 0px auto;
	padding: 5px;
	height: 100px;
	width: 500px;
	border: 1px solid #ccc;
}