/* CSS Document */

body { 
	text-align:center;
	font-weight: normal;
	background:url(graphics/topHOME.jpg) 0 0 repeat-x;
	}

#container { 
	margin:0 auto 0 auto; 
	width:800px; 
	background-color: #FFFFFF;	font-family: Arial, Helvetica, sans-serif; font-size: 15px;
	font-weight: normal;
	color:#000000;
	text-decoration:none;
	position:relative;
	z-index:1; 
}

#header{
	position:absolute;
	top: 0px;
	left: 0px;
	z-index:1;	
	}
	
#pageheader{
	position:absolute;
	top: 94px;
	left: 215px;
	z-index:2;	
	}

#logo{
	position:absolute;
	top: 120px;
	left: 0px;
	z-index:1;	
	}
	

#facebook{
	position:absolute;
	top: 580px;
	left: 0px;
	z-index:10;	
	}
	

#poster{
	position:absolute;
	top: 145px;
	left:680px;
	z-index:1;	
	}
	

#posterB{
	position:absolute;
	top: 340px;
	left:690px;
	z-index:1;	
	}
	
#posterC{
	position:absolute;
	top: 450px;
	left:515px;
	z-index:6;	
	}
	
	
#floatright {
	float: right;
	padding-top:6px;
	padding-bottom:5px;
	padding-left: 6px; 
	z-index: 6;
	}
	
	
#floatleft {
	float: left;
	padding-top:6px;
	padding-bottom:5px;
	padding-right: 6px; 
	z-index: 6;
	}

/* to get rid of borders on image links */
a img {border: none; }

/* handy text spans */			
	
.bold {
	font-weight:bold;
	}

.header {
	font-weight:bold;
	color:#339900;
	font-size:large;
	}
.italic{
	font-style:italic;
	}
	
.bolditalic {
	font-weight:bold;
	font-style:italic;
	}
	
.blockquote {
	margin-left: 15px;
	margin-right: 15px; 
	}

.indextext {
	position: absolute;
	top: 165px;
	left:225px;
	width: 450px;
	color: #000000;	font-family: Arial, Helvetica, sans-serif; text-decoration:none;
	font-size:16px;
	text-align:left;
	line-height:20px;
	font-weight:normal;
	z-index: 4;
	}
	
#greenline{
	position:absolute;
	top: 555px;
	left: 0px;
	z-index:1;	
	}
		
.footernavindex {
	position: absolute;
	top: 575px;
	left:215px;	
	z-index: 3;
	}
	
#greenlineabout{
	position:absolute;
	top: 630px;
	left: 0px;
	z-index:1;	
	}
.grey {
	color: #666666;	
	font-family: Arial, Helvetica, sans-serif; 
	text-decoration:none;
	font-size:12px;
}
	
/* FOOTER LINKS */		
a.footernav:link {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif; 
	text-decoration:none;
	font-size:12px;
	text-align:left;
	}

a.footernav:active {
	color: #000000;	
	font-family: Arial, Helvetica, sans-serif; 
	text-decoration:underline;
	font-size:12px;
	text-align:left;
	}

a.footernav:hover {
	color: #000000;	
	font-family: Arial, Helvetica, sans-serif; 
	text-decoration:underline;
	font-size:12px;
	text-align:left;
	}

a.footernav:visited {
	color: #666666;	
	font-family: Arial, Helvetica, sans-serif; 
	text-decoration:none;
	font-size:12px;
	text-align:left;
	}

/* ROLLOVERS */		
#homenav {
	position: absolute;
	top: 320px;
	left: 0px;
	background:url(rollovers/index.gif) 0 0;
	height: 24px;
	width: 167px;
	z-index: 4;
	cursor:pointer; 
	}
	
#homenav:hover {
	position: absolute;
	top: 320px;
	left: 0px;
	background:url(rollovers/index2.gif) 0 24px;
	height: 24px;
	width: 167px;
	z-index: 4;
	cursor:pointer; 
	}
	
#aboutnav {
	position: absolute;
	top: 350px;
	left: 0px;
	background:url(rollovers/about.gif) 0 0;
	height: 24px;
	width: 167px;
	z-index: 4;
	cursor:pointer; 
	}
	
#aboutnav:hover {
	position: absolute;
	top:350px;
	left: 0px;
	background:url(rollovers/about2.gif) 0 24px;
	height: 24px;
	width: 167px;
	z-index: 4;
	cursor:pointer; 
	}
	
#eventsnav {
	position: absolute;
	top: 380px;
	left: 0px;
	background:url(rollovers/events.gif) 0 0;
	height: 24px;
	width: 167px;
	z-index: 4;
	cursor:pointer; 
	}
	
#eventsnav:hover {
	position: absolute;
	top: 380px;
	left: 0px;
	background:url(rollovers/events2.gif) 0 24px;
	height: 24px;
	width: 167px;
	z-index: 4;
	cursor:pointer; 
	}
	
#membersnav {
	position: absolute;
	top: 410px;
	left: 0px;
	background:url(rollovers/members.gif) 0 0;
	height: 24px;
	width: 167px;
	z-index: 4;
	cursor:pointer; 
	}
	
#membersnav:hover {
	position: absolute;
	top: 410px;
	left: 0px;
	background:url(rollovers/members2.gif) 0 24px;
	height: 24px;
	width: 167px;
	z-index: 4;
	cursor:pointer; 
	}
	
#boardnav {
	position: absolute;
	top: 440px;
	left: 0px;
	background:url(rollovers/board.gif) 0 0;
	height: 24px;
	width: 167px;
	z-index: 4;
	cursor:pointer; 
	}
	
#boardnav:hover {
	position: absolute;
	top: 440px;
	left: 0px;
	background:url(rollovers/board2.gif) 0 24px;
	height: 24px;
	width: 167px;
	z-index: 4;
	cursor:pointer; 
	}
	
#OPALnav {
	position: absolute;
	top: 470px;
	left: 0px;
	background:url(rollovers/OPAL.gif) 0 0;
	height: 24px;
	width: 167px;
	z-index: 4;
	cursor:pointer; 
	}
	
#OPALnav:hover {
	position: absolute;
	top: 470px;
	left: 0px;
	background:url(rollovers/OPAL2.gif) 0 24px;
	height: 24px;
	width: 167px;
	z-index: 4;
	cursor:pointer; 
	}
	
#linksnav {
	position: absolute;
	top: 500px;
	left: 0px;
	background:url(rollovers/links.gif) 0 0px;
	height: 24px;
	width: 168px;
	z-index: 4;
	cursor:pointer;
	}
	
#linksnav:hover {
	position: absolute;
	top: 500px;
	left: 0px;
	background:url(rollovers/links2.gif) 0 24px;
	height: 24px;
	width: 168px;
	z-index: 4;
	cursor:pointer; 
	}
	
	#newsnav {
	position: absolute;
	top: 530px;
	left: 0px;
	background:url(rollovers/news.gif) 0 0px;
	height: 24px;
	width: 168px;
	z-index: 4;
	cursor:pointer;
	}
	
#newsnav:hover {
	position: absolute;
	top: 530px;
	left: 0px;
	background:url(rollovers/news2.gif) 0 24px;
	height: 24px;
	width: 168px;
	z-index: 4;
	cursor:pointer; 
	}
/* END ROLLOVERS */