/* CSS Document */



/*general styles for entire document*/

html{



background-color: #8EC63A;



}





body{margin:0;

	padding:0;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 100%;}

div#container {

	margin:0 auto;

	width:780px;

	background-image:url(../gifs/slices/background.jpg);

	background-repeat:repeat-y;

}

/*contains top banner image*/

div#top h1{position:relative;

	display:inline;}

div#top h1 span{background-image:url(../gifs/slices/top.jpg);

	position:absolute;

	background-repeat:no-repeat;}



div#top h1, div#top h1 span{height: 161px;

	width:780px;

	display:block;

	margin:0;

	padding:0;}



/*contains tab menu navigation*/











ul#links {margin:0 0 0 26px;

	padding:0;}

	

ul[id="links"] {

	margin: 0 0 0 22px !important;

	}



	

	

	

ul#links li{

	display:inline;

	list-style-type:none;

	float:left;

	margin:0 0 0 -2px;

	padding:0;

	awidth:114px;

	position:relative;

	az-index: 10;}



ul[id="links"] li {

	margin: 0 !important;

	}



	

ul#links li a {position:relative;}



ul#links li a span {

	display: block;

	height: 0;

	width: 0;

	overflow: hidden;

	}

ul#links li a {

	background-repeat:no-repeat;

	border:1px solid #8EC63A;;

	}

	

ul#links li a, ul#links li a {

	awidth:104px;

	height: 17px;

	display:block;

	}

		

ul#links a.home {background-image:url(../gifs/slices/links/home.jpg); width:100px;}

ul#links a.about {background-image:url(../gifs/slices/links/about.jpg); width:120px;}

ul#links a.events {background-image:url(../gifs/slices/links/birding.jpg); width:100px;}

ul#links a.maps {background-image:url(../gifs/slices/links/maps.jpg); width:100px;}

ul#links a.search {background-image:url(../gifs/slices/links/sightings.jpg); width:100px;}

ul#links a.sitemap {background-image:url(../gifs/slices/links/site.jpg); width:100px;}

ul#links a.sponsors {background-image:url(../gifs/slices/links/sponsors.jpg); width:100px;}

ul#links a.contact {background-image:url(../gifs/slices/links/contact.jpg); width:99px;}













/*contains page content*/

div.content{width:700px;

	margin: 0 0 0 25px;

	padding: 10px;

	font-size:.9em;

	line-height: 1.3em;

	color: #003366;

	clear: both;}



/*contains bottom graphic*/

div#footer{background-image:url(../gifs/slices/bottom.gif);

	margin:0;

	padding:0;

	height:30px;

	width:780px;}



/*p#copyright contains author information*/

p#copyright{background-color:#8EC63A;

	font-family:Arial, Helvetica, sans-serif;

	font-size:0.8em;

	padding:10px;

	margin:0;

	text-align:center;

	color: #27476f;}

p#copyright img{border: 0;}

p#copyright a{color:#27476f;

	font-weight:bold;}



/*general styles for headers & text */

/*do not use h1, it is used in the top header of the page...page titles should be h2*/

h2{font-size: 1.1em;

	color: #5372ac;}

h2.sitehead{

	font-size:1.1em;

	letter-spacing:normal;

	color: #364B72;

	margin:0;

	padding:0;}

h3{font-size: 1em;}

h3.subhead{

	font-size:0.8em;

	line-height: 1.5em;

	letter-spacing: .1em;

	color: #5372ac;

	font-style: italic;

	padding: 0;

	margin: 0;}

h3.blue_bold{

	font-size:.95em;

	letter-spacing: .1em;

	color: #5372ac;

	padding: 0 0 1em 0;

	margin: 0;}



p{}

li{list-style-type:none;}



ul.regularlist li {

	list-style-type: disc !important;

	}



li a{color:#000; 

	text-decoration:none;}	

a:hover{}



/*for accessibility and print styles*/

.hidden{position:absolute;

	margin: -500px 0 0 -1000px;}

.nostyles{display:none;}	



/*for centering page elements*/

.centered { text-align:center;}



/*to add left and right columns (left floated, right margined) - used on default page flash by request-*/

.leftcolumn {

	width: 200px;

	float: left;}

.rightcolumn {

	margin: 0 0 0 230px;

	}



/*to clear floats */

.clear {clear:both;}