/*  ------------------------------------------------------
BASIC ENTITY STYLES
--------------------------------------------------------*/
body {
	margin: 0;
	padding: 0;
	font: 11px/18px "verdana",Helvetica,Arial,sans-serif;
	color: #000000;
	background-color: #4C074E;
	text-align: left;
	}
.menu {
	margin: -12px 10px 10px 0;
	font: 11px/20px Arial,sans-serif;
	text-decoration: underline;
	color: #FFFFFF;
	}			
img {
	border: 0;
	}
p {
	padding: -50;
	font: 11px/18px "Helvetica",Arial,sans-serif;
	color: #FFFFFF;
	}
.header {	
	font: 30px/38px "Helvetica",Arial,sans-serif;
	color: #FFFFFF;	
	}	
h2 {	
	font: 18px/18px "Helvetica",Arial,sans-serif;
	color: #FFCC00;	
	margin: -18px 15px 15px 0;
	padding: 0;	
	}
.special {
	margin: 12px 10px 10px 0;
	font: 13px/18px "Helvetica",Arial,sans-serif;
	weight: bold;
	color: #FFFFFF;
	}	
.footer {
	margin: 12px 10px 10px 0;
	font: 11px/15px "Helvetica",Arial,sans-serif;
	text-decoration: none;
	color: #FFFFFF;
}		
------------

#container {
	padding: 5 5 5 5px;
	text-align: left;
	align: left;
	margin: -3 auto;
	font: 12px/19px Trebuchet MS, Georgia, Times New Roman, serif;
	}
	
#border1 {
	text-align: left;
	border: 1px solid #FFFFFF;
	width: 719px;
	background: #FFFFFF url(images/bg.gif) repeat-y;
	font: 13px/19px Trebuchet MS, Georgia, Times New Roman, serif;
	}

#add {
	padding: 10 1 1 15px;
	text-align: left;
	align: left
	border: 1px solid #ffffff;
	font: 10px/11px Verdana, Arial, Helvetica, sans-serif;
	}	
	
	
#quickSummary {
	clear:both; 
	margin: 10px 10px 10px 10px; 
	width: 200px; 
	float: left;
	}
#quickSummary p {
	font: italic 8pt/22pt georgia; 
	text-align:center;
	}		

#base  {
		color: #000000;
		font: 10px/11px Verdana, Arial, Helvetica, sans-serif;
		padding: -20 0 10 10 px;
		}	
		
.menu  {
		color: #FFFFFF; 
		font-weight: bold; 
		text-decoration: underline;
		padding: -20px;
		font: 10px/11px Verdana, Arial, Helvetica, sans-serif;
		}			

.links  {
		color: #FFCC00; 
		font-weight: bold; 
		text-decoration: underline;
		padding: -20px;
		font: 10px/11px Verdana, Arial, Helvetica, sans-serif;
		}			
			
	
#gallery 
	{position: relative; 
	width:300px; 
	height:330px; 
	background:#79457A; 
	solid #00000;}
	
a.gallery, 
	a.gallery:visited {
	display:block; 
	color:#000; 
	text-decoration:none; 
	border:1px solid #000; 
	width:75px; 
	height:47px; 
	float:left; 
	margin:10px;}
a.slidea {background:url("../gallery/thumb2.gif");}
a.slideb {background:url("../gallery/thumb3.gif");}
a.slidec {background:url("../gallery/thumb4.gif");}
a.slided {background:url("../gallery/thumb5.gif");}
a.slidee {background:url("../gallery/thumb6.gif");}

a.slidef {background:url("../gallery/thumb7.gif");}
a.slideg {background:url("../gallery/thumb8.gif");}
a.slideh {background:url("../gallery/thumb9.gif");}
a.slidei {background:url("../gallery/thumb10.gif");}
a.slidej {background:url("../gallery/thumb11.gif");}


a.slidek {background:url("../gallery/thumb20.gif");}
a.slidel {background:url("../gallery/thumb21.gif");}


a.gallery span {display:block; position:absolute; width:1px; height:1px; top:1px; left:1px; overflow:hidden; background:#79457A url(back1.gif);}
.slidek {display:block; position:absolute; width:300px; height:250px; top:140px; left:1px; padding:0; border:1px solid #000;}
a.gallery:hover {white-space:normal; border:1px solid #fff;}
a.gallery:hover img, a.gallery:active img, a.gallery:focus img {border:1px solid #000;}
a.gallery:hover span, a.gallery:active span, a.gallery:focus span {display:block; position:absolute; width:300px; height:250px; top:140px; left:1px; padding:1px; font-style:italic; color:#000; background:#79457A url(back1.gif);}





#img {
		border: 1px solid #828282;
		padding: 2px;
		float: right;
		margin: 13px;
}

#membership, 
#sightings {
	float: left;
	width: 208px;
	padding: 5px;
	margin: 2 2px 2 2;
	border: 0px solid #828282;
	}

	#sightings img {
		border: 1px solid #828282;
		padding: 3px;
		float: right;
		margin: 8px;
		}