/* CSS Document */
/*default setting for navigation*/
ul.trails{display:none;}
ul.sites{display:none;}
li{list-style-type:none;}
ul a{color:black; 
	text-decoration:none;}
	
/* ul styles below are requested by client to make lists easiet to read*/
ul.trails li, ul.regions li {margin: 0 0 5px 0;}
ul.sites li {margin: 0 0 3px 0;
			list-style-type:circle;}

/*contains all map site navigation*/
div#mapnav{width:150px;
	float:left;
	margin: 0 0 0 -25px;}
li ul{padding: 0;
	margin: 1px 0 0 10px;
	font-size:.9em;}

/*contains image for map site*/	
div#map_container{
	width: 415px;
	float:left;
	margin:20px 0 0 5px;
	/margin-top: 0;}		/*IE Hack*/
div#map_image{
	
	width: 400px;
	margin: 0 auto 0 auto;}
div#caption{margin:0;
	padding:0;}
div#caption h4{font-size:.9em;
	text-align:center;
	margin:0;
	padding:0;
	text-indent:0;}	
.map{border: 2px solid #000;}
/*page navigation at left of page*/
div#context_navigation{width: 121px;
	float:left;
	margin: 0 0 0 20px;}
/*page navigation categories*/
	/*all categories have the following styles*/
div#context_navigation h3{
	text-align:center;
	font-size:1.1em;}
div#context_navigation ul{
	font-size: .8em;
	text-align:center;}
div#context_navigation a:hover {
	background-color: #364B72;
	color:#ffffff;
	display:block;}
div#context_navigation h3 span{
	height: 23px;
	width: 121px;
	background-repeat:no-repeat;
	display:block;
	position:absolute;}
		/*to add categories, simply add them as a h3 into the html and give them a bg image here*/	
div#context_navigation h3 span#category1{background-image:url();}
div#context_navigation h3 span#category2{background-image:url(../gifs/slices/maps/slices/category.jpg);}

/*these are the actual links in the context navigation and change for each site*/
div#context_navigation ul{padding:0;
	margin:0;}
div#context_navigation ul li{padding:0;
	margin:0;
	text-align:center;
	width:130px;}
div#mapcontent{	
	position:relative;
	margin-top:-350px;
	width:665px;
	clear:both;}	
div[id="mapcontent"] {
	margin:0!important;
}
/************THE NEWSLETTER LOOK************/
/**the left column**/
div#mapcontent div#column1 {
	width:275px;
	float:left;
	margin:100px 0 0 35px;
}
div[id="column1"] {
	margin:-200px 0 0 100px!important;
}

/**the additional caption - optional region!**/
div#additional_caption {
	background:url(../gifs/slices/maps/slices/gradient.jpg) repeat-x;
	height:200px;
	width: 95%;
	margin: 0 auto 20px auto;}
	
div#additional_caption2 {
	background:url(../gifs/slices/maps/slices/gradient.jpg) repeat-x;
	height:160px;
	width: 95%;
	margin: 0 auto 20px auto;
	
	}	
	
	
div#ac_flash {
	float:left;
	height: 200px;
	width: 150px;
	padding: .5em .5em 1em .5em;
	background:#ffffff;}
	
div#ac_flash2 {
	float:left;
	height: 160px;
	width: 150px;
	padding: .5em .5em 1em .5em;
	background:#ffffff;}	
	
	
div#ac_text {
	margin: 0 0 0 160px;
	padding: 1em}

/**styles the species list when used on pages**/
ul.species {
	margin:0;
	padding: 0 0 .5em 1.5em;}
ul.species li {
	list-style-image:url(../gifs/slices/maps/slices/li_checkbox.jpg);
	margin: 0 0 0 1.5em;}

/**styles the images, which are all 200x150**/
p.image {
	text-align:center;
	font-style:italic;
	padding-top:150px;
}
/**individual rules for images*/
p#lolovisitor {/*so these pictures can show through*/
	background:url(../gifs/maps/r1/t2/s1/lolovisitor.jpg) no-repeat 50% 0;
}
p#camas {
	background:url(../gifs/maps/r1/t2/s1/camas.jpg) no-repeat 50% 0;
}
p#whitesparrow {
	background:url(../gifs/maps/r1/t2/s1/whitesparrow.jpg) no-repeat 50% 0;
}
p#packer {
	background:url(../gifs/maps/r1/t2/s1/packermeadow.jpg) no-repeat 50% 0;
}
/**the right column**/
div#mapcontent div#column2 {
	width:275px;
	float:left;
	margin:100px 0 0 10px;
}
div[id="column2"] {
	margin:-200px 0 0 10px!important;
}
/*the intro paragraph with purple text**/
p.intro {
	font-style:italic;
	color:#9999FF;
}
div#map_image h3 {
	margin: 10px 0;
	color:#669933;
	font-size: 1.3em;
}
div#mapcontent p {
	margin:15px;
}
/**creates the checkboxes for the list of animals**/
div#mapcontent ul.specieslist li{
	list-style-image:url(../gifs/slices/maps/slices/li_checkbox.jpg);
}
/**the wide column at the bottom**/
div#fullcolumn {
	width:575px;
	margin:0 0 0 70px;
}