body{
background-attachment: scroll;
margin:0;
padding:0;
font:80% Arial, Helvetica, sans-serif;	
background:#666;
line-height:115%;
height:100%;	
overflow:visible;
text-align:left;
}

/* easyscroll */

#easyscroll{
	margin:1em 0;
	/* add additional styling */
	}	

	/* easyscroll navigation buttons */	

	#easyscrollnav, #easyscrollnav li{
		height:15px;
		line-height:15px;
		margin:0;	
		padding:0;
		}	
	#easyscrollnav{
		margin:1em 0;	
		}			
	#easyscrollnav li{
		list-style:none;
		float:right;
		background:#ff00ff;
		margin-right:8px;		
		padding:0 5px;
		color:#fff;
		cursor:pointer;
		font-size: 8pt;
		}					
	#easyscrollnav li.over{
		color:#666;
		text-decoration:none;
		}
	#btnUp{
		color:#666;
		text-decoration:none;
		}
	#btnDown{
		color:#666;
		text-decoration:none;
		}
	#btnReset{
		color:#666;
		text-decoration:none;
		}

	/* // easyscroll navigation buttons */	

/* // end easyscroll */

div.instruct{
position: absolute; top: 705px; left: 335px;
font-size: 7pt;
text-align: right;
}

div.wrap{
position: relative; width: 750px; height: 750px;
background-image: url(background.jpg);
margin: 0px auto;
}

div.head{
position: absolute; top: 287px; left: 100px;
}

div.copy{
position: absolute; top: 287px; left: 100px;
width: 555px; height: 100px;
line-height: 1.5;
}

div.wrapadmin{
position: relative; width: 750px;
margin: 0px auto;
border: thin solid #ffffff;
border-top: none;
border-bottom: none;
}

div.movie{
position: relative; width: 750px; height: 220px;
width: 750px;
top: 20px;
z-index: 1;
}

div.menu{
position: absolute; top: 238px; width: 750px; height: 29px;
background-color: #ff00ff;
font-family: "arial", "verdana", sans-serif;
color: #ffffff;
}

div.menucopy{
position: absolute; top: 236px; width: 750px; height: 30px;
background-color: #ff00ff;
font-family: "arial", "verdana", sans-serif;
color: #ffffff;
}

div.joinlink{
position: absolute; top: 300px; left: 100px;
width: 260px; height: 80px;
font-family: "arial", "verdana", sans-serif;
}

div.form{
position: absolute; top: 435px; left: 100px;
}

div.photos{
position: absolute; top: 350px; left: 100px;
width: 570px; height: 100px;
}

div.join{
position: absolute; top: 340px; left: 100px;
width: 570px; height: 100px;
}

div.newshead{
position: absolute; top: 405px; left: 100px;
}

div.newscopy{
position: absolute; top: 445px; left: 100px;
width: 260px; height: 100px;
}

div.gigshead{
position: absolute; top: 285px; left: 400px;
}

div.gigscopy{
position: absolute; top: 325px; left: 400px;
width: 270px; height: 30px;
}

p{
margin: 5px;
}

p.menu{
font-size: 9pt;
color: #fff;
margin: 6px;
}

p.join{
padding: 10px;
font-size: 9pt;
color: #ffffff;
}

p.cright{
font-size: 7pt;
color: #ffffff;
align: center;
}

h1{
font-family: "arial", "verdana", sans-serif;
font-size: 15pt;
color: #ff00ff;
}

h2{
font-family: "arial", "verdana", sans-serif;
font-size: 10pt;
color: #666666;
}

a:link {
color: #fff;
text-decoration: none;
border: none;
}

a:visited {
color: #fff;
text-decoration: none;
border: none;	
}

a:hover {
color: #fff;
border: 0px;
}

a:active {
color: #fff;
text-decoration: none;
border: none;
}

a.more:link {
color: #666;
text-decoration: none;
border: none;
}

a.more:visited {
color: #666;
text-decoration: none;
border: none;	
}

a.more:hover {
color: #666;
border: 0px;
}

a.more:active {
color: #666;
text-decoration: none;
border: none;
}

hr {
border: none 0;
border-top: 1px dashed #666;
width: 100%;
height: 1px;
}

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(images/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
}