/* 
Created By:   Tom Freeman
Style Sheet:  Universal site styles
Description:  Leet CSS for my web page!
*/

body{
	font-family:"Tahoma", sans-serif;
	font-size:13px;
	color:#000000;
	background-color: #ffffff;
	background-image: url('pic/bg.jpg');
	background-repeat: no-repeat;
	background-position: top center;

}

.emailOut{
	font-size:10px;
	color:#FF0000;
	font-weight:bold;
}

A:link {text-decoration:none; color: #000000;}
A:visited {text-decoration:none; color: #000000;}
A:hover {text-decoration:none; color: #FF0000;}
A:active {text-decoration:none; color: #000000;}
A img {border: none; }

* :focus { outline: 0; }

#loadContent{
	visibility:hidden;
}

#loading{
	visibility:visible;
	color:#000000;
	position:absolute;
	text-align:center; 
	left:50%;
	top:50%;
	margin-left:-63px;
}

#banner{
	z-index:2;
	position:absolute;
	background:url('pic/banner.gif');
	width:400px;
	height:150px;
	left:50%;
	top:30px;
	margin-left:-400px;
	cursor:pointer;
}

#banner:hover{
	background:url('pic/banner_hover.gif');
}

#bannerFiller{
	z-index:1;
	position:absolute;
	background:url('pic/banner_filler.png');
	width:400px;
	height:150px;
	left:50%;
	top:30px;
	margin-left:-400px;
	cursor:pointer;
}

#homeBox{
	z-index:2;
	position:absolute;
	background:url('pic/button_home.png');
	width:100px;
	height:150px;
	left:50%;
	top:30px;
	margin-left:0px;
	text-align:center;
	cursor:pointer;
}

#homeBox:hover{
	background:url('pic/button_home_hover.png');
}

#homeBox_active{
	z-index:2;
	position:absolute;
	background:url('pic/button_home_active.png');
	width:100px;
	height:150px;
	left:50%;
	top:30px;
	margin-left:0px;
	text-align:center;
	cursor:pointer;
	visibility:hidden;
}

#musicBox{
	z-index:2;
	position:absolute;
	background:url('pic/button_music.png');
	width:100px;
	height:150px;
	left:50%;
	top:30px;
	margin-left:100px;
	text-align:center;
	cursor:pointer;
}

#musicBox:hover{
	background:url('pic/button_music_hover.png');
}

#musicBox_active{
	z-index:2;
	position:absolute;
	background:url('pic/button_music_active.png');
	width:100px;
	height:150px;
	left:50%;
	top:30px;
	margin-left:100px;
	text-align:center;
	cursor:pointer;
	visibility:hidden;
}

#infoBox{
	z-index:2;
	position:absolute;
	background:url('pic/button_info.png');
	width:100px;
	height:150px;
	left:50%;
	top:30px;
	margin-left:200px;
	text-align:center;
	cursor:pointer;
}

#infoBox:hover{
	background:url('pic/button_info_hover.png');
}

#infoBox_active{
	z-index:2;
	position:absolute;
	background:url('pic/button_info_active.png');
	width:100px;
	height:150px;
	left:50%;
	top:30px;
	margin-left:200px;
	text-align:center;
	cursor:pointer;
	visibility:hidden;
}

#top10Box{
	z-index:2;
	position:absolute;
	background:url('pic/button_top10.png');
	width:100px;
	height:150px;
	left:50%;
	top:30px;
	margin-left:300px;
	text-align:center;
	cursor:pointer;
}

#top10Box:hover{
	background:url('pic/button_top10_hover.png');
}

#top10Box_active{
	z-index:2;
	position:absolute;
	background:url('pic/button_top10_active.png');
	width:100px;
	height:150px;
	left:50%;
	top:30px;
	margin-left:300px;
	text-align:center;
	cursor:pointer;
	visibility:hidden;
}

#bigBox{
	z-index:2;
	position:absolute;
	background:url('pic/bigbox.png');
	width:800px;
	height:410px;
	left:50%;
	top:180px;
	margin-left:-400px;
	text-align:left;
	overflow:hidden;
}

#newsArea{
	z-index:2;
	position:absolute;
	width:425px;
	height:400px;
	left:50%;
	top:200px;
	margin-left:-380px;
	text-align:left;
	overflow:hidden;
}

#newsArea h6{
	font-size:10px;
	padding:0px;
	margin-left:10px;
	margin-right:10px;
	margin-top:0px;
	margin-bottom:0px;
}

#newsArea h2{
	font-size:10px;
	background:url('pic/dot.png');
	text-align:left;
	padding-left:4px;
	padding-right:4px;
	padding-top:4px;
	padding-bottom:4px;
	margin-left:10px;
	margin-right:10px;
	margin-top:8px;
	margin-bottom:0px;
}

#newsArea p{
	text-align:justify;
	font-size:11px;
	background:url('pic/dot.png');
	padding-left:14px;
	padding-right:4px;
	padding-bottom:4px;
	margin-left:10px;
	margin-right:10px;
	margin-top:0px;
	margin-bottom:0px;
}

table.newsTable{
	height:380px;
	width:425px;
	border:0px;
	border-spacing:0px;
	background: url('pic/home_news_title.png') no-repeat top center;
}

table.newsTable td{
	padding:0px;
}

.newsHeader{height:20px;}
.newsTitle{text-align:left;}
.newsText{background: url('pic/home_news_content.png') repeat top center;}
.newsBottom{height:2px; background: url('pic/home_news_bottom.png') repeat top center;}
.newsArrows{height:33px; text-align:right; background: url('pic/home_news_content.png') repeat top center;}

#newsNav {
	list-style: none;
	display: block;
}

#newsNav li{
	display:inline;
}

.arrows{
	padding:4px;
}

#extrasArea{
	z-index:2;
	position:absolute;
	width:300px;
	height:400px;
	left:50%;
	top:200px;
	margin-left:80px;
	text-align:left;
	overflow:hidden;
}

#extrasArea h6{
	font-size:10px;
	padding:0px;
	margin-left:10px;
	margin-right:10px;
	margin-top:0px;
	margin-bottom:0px;
}

#extrasArea p{
	text-align:center;
	font-size:11px;
	padding:0px;
	margin-left:10px;
	margin-right:10px;
	margin-top:10px;
}


table.extrasTableMailinglist{
	width:300px;
	border:0px;
	border-spacing:0px;
	background: url('pic/home_extras_title_mailinglist.png') no-repeat top center;
}

table.extrasTableLinks{
	width:300px;
	border:0px;
	border-spacing:0px;
	background: url('pic/home_extras_title_links.png') no-repeat top center;
}

table.extrasTableLinks td{
	padding:0px;
}

table.extrasTableMailinglist td{
	padding:0px;
}

.extrasHeader{height:20px;}
.extrasTitle{text-align:right;}
.extrasText{background: url('pic/home_extras_content.png') repeat top center;line-height:200%;}
.extrasBottom{height:2px; background: url('pic/home_extras_bottom.jpg') repeat top center;}

#musicArea{
	z-index:2;
	position:absolute;
	width:800px;
	height:400px;
	left:50%;
	top:200px;
	margin-left:-380px;
	text-align:left;
	overflow:hidden;
}

#musicArea h6{
	font-size:10px;
	padding:0px;
	margin-left:10px;
	margin-right:10px;
	margin-top:0px;
	margin-bottom:0px;
}

#musicArea h2{
	font-size:10px;
	padding:0px;
	margin-left:20px;
	margin-right:10px;
	margin-top:10px;
	margin-bottom:0px;
}

#musicArea p{
	text-align:center;
	font-size:11px;
	padding:0px;
	margin-left:10px;
	margin-right:10px;
	margin-top:0px;
	margin-bottom:6px;
}



table.musicTable{
	width:760px;
	border:0px;
	border-spacing:0px;
	background: url('pic/music_title.png') no-repeat top center;
}

table.musicTable td{
	padding:0px;
}

.musicHeader{height:20px;}
.musicTitle{text-align:left;}
.musicText{ background: url('pic/music_content.png') repeat top center;}
.musicBottom{height:2px; background: url('pic/music_bottom.png') repeat top center;}

#top10Area{
	z-index:2;
	position:absolute;
	width:800px;
	height:400px;
	left:50%;
	top:200px;
	margin-left:-380px;
	text-align:left;
	overflow:hidden;
}

#top10Area h6{
	font-size:10px;
	padding:0px;
	margin-left:10px;
	margin-right:10px;
	margin-top:0px;
	margin-bottom:0px;
}

#top10Area p{
	text-align:justify;
	font-size:11px;
	padding:0px;
	margin-left:10px;
	margin-right:10px;
	margin-top:8px;
	margin-bottom:8px;
}

#infoArea{
	z-index:2;
	position:absolute;
	width:425px;
	height:400px;
	left:50%;
	top:200px;
	margin-left:-380px;
	text-align:left;
	overflow:hidden;
}

#infoArea h6{
	font-size:10px;
	padding:0px;
	margin-left:10px;
	margin-right:10px;
	margin-top:0px;
	margin-bottom:0px;
}

#infoArea h2{
	font-size:11px;
	text-align:left;
	padding-left:4px;
	padding-right:4px;
	padding-bottom:2px;
	margin-left:10px;
	margin-right:10px;
	margin-top:2px;
	margin-bottom:0px;
}

#infoArea p{
	text-align:left;
	font-size:11px;
	padding-left:4px;
	padding-right:4px;
	padding-bottom:2px;
	margin-left:10px;
	margin-right:10px;
	margin-top:2px;
	margin-bottom:0px;
}

table.infoTable{
	width:425px;
	border:0px;
	border-spacing:0px;
	background: url('pic/home_news_title.png') no-repeat top center;
}

table.infoTable td{
	padding:0px;
}

.infoBits{width:50px; vertical-align:top;}
.infoHeader{height:20px;}
.infoTitle{text-align:left;}
.infoText{background: url('pic/home_news_content.png') repeat top center;}
.infoBottom{height:2px; background: url('pic/home_news_bottom.png') repeat top center;}

#home{
	visibility:hidden;
}

#music{
	visibility:hidden;
}

#info{
	visibility:hidden;
}

#top10{
	visibility:hidden;
}

input, button, textarea, select, option {
	background: #FF0000;
	color: #000000;
	font-family: Verdana, Tahoma;
	font-size: 12px;
	text-decoration: none;
	border: 2px solid #000000;
}

#copyright{
	z-index:3;
	position:absolute;
	background:url('pic/copyright.png');
	width:800px;
	height:24px;
	left:50%;
	top:590px;
	margin-left:-400px;
	text-align:center;
}