/* CSS Document */

body { 
	text-align:center;
	font-weight: normal;
	background:url(graphics/top.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: 12px;
	left: 52px;
	z-index:1;	
	}
	
#pageheader{
	position:absolute;
	top: 94px;
	left: 215px;
	z-index:1;	
	}

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

#photopage{
	position:absolute;
	top: 88px;
	left: 530px;
	z-index:1;	
	}

/* 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; 
	}
	
.memberstext {
	position: absolute;
	top: 190px;
	left:215px;
	color: #000000;	font-family: Arial, Helvetica, sans-serif; text-decoration:none;
	font-size:15px;
	text-align:left;
	line-height:18px;
	font-weight:normal;
	z-index: 26;
	}

.columnpuppets {
	position: absolute;
	top: 520px;
	left:0px;
	width: 200px;
	}
	
#greenline{
	position:absolute;
	top: 555px;
	left: 0px;
	z-index:1;	
	}
		
.footernavindex {
	position: absolute;
	top: 575px;
	left:215px;	
	font-family: Arial, Helvetica, sans-serif; 
	font-size:14px;
	text-align:center;
	z-index: 3;
	}
	
.grey {
	color: #666666;	
	font-family: Arial, Helvetica, sans-serif; 
	text-decoration:none;
	font-size:12px;
}
	
/* FOOTER LINKS */		
a.bottom:link {
	color: #666666;	
	font-family: Arial, Helvetica, sans-serif; 
	text-decoration:none;
	font-size:12px;
	}

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

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

a.bottom:visited {
	color: #666666;	
	font-family: Arial, Helvetica, sans-serif; 
	text-decoration:none;
	font-size:12px;
	}
	
/* TEXT LINKS */	
a.text:link {
	color: #000000;	font-family: Arial, Helvetica, sans-serif; text-decoration:none;
	font-size:15px;
	text-align:center;
	font-weight:bold;
	}

a.text:active {
	color:#006600;	font-family: Arial, Helvetica, sans-serif; text-decoration:underline;
	font-size:15px;
	text-align:center;
	font-weight:bold;
	}

a.text:hover {
	color:#006600;	font-family: Arial, Helvetica, sans-serif; text-decoration:underline;
	font-size:15px;
	text-align:center;
	font-weight:bold; 
	}

a.text:visited {
	color: #000000;	font-family: Arial, Helvetica, sans-serif; text-decoration:none;
	font-size:15px;
	text-align:center;
	font-weight:bold;
	}
	
/* BODYCOPY LINKS */		
a.bodycopy:link {
	color: #000000;	font-family: Arial, Helvetica, sans-serif; text-decoration:underline;
	font-size:15px;
	text-align:left;
	color:#006600;
	font-weight:bold;
	}

a.bodycopy:active {
	color: #000000;	font-family: Arial, Helvetica, sans-serif; text-decoration:none;
	font-size:15px;
	color:#000000;
	text-align:left;
	font-weight:bold;
	}

a.bodycopy:hover {
	color: #000000;	font-family: Arial, Helvetica, sans-serif; text-decoration:none;
	font-size:15px;
	color:#000000;
	text-align:left;
	font-weight:bold; 
	}

a.bodycopy:visited {
	color: #000000;	font-family: Arial, Helvetica, sans-serif; text-decoration:underline;
	font-size:15px;
	color:#006600;
	text-align:left;
	font-weight:bold;
	}
	


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