* {margin:0; padding:0;}

body {
	margin-top: 50px;
	margin-bottom: 50px;
    text-align: center;
	line-height:0;
	background: rgb(195,170,128);
}

#container {
     margin:0 auto; 
     text-align:left;
     width: 704px;  
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*top row of images*/

#header {
	font-size: 0;
	height: 104px; width:704px;
	}

#header ul {
	display:inline;
	}

#header ul li {
	margin:0px;
	padding:0px;
	display: block;
	float: left;
	}

/*primary navigation*/

#nav {
	position:absolute;
	width:700px;
	height:25px;
	z-index:2;
	text-align:right;
	}
	
#nav ul {
	list-style: none;
	display:inline;
	}
	
#nav ul li {
	font: bold 11px/30px Arial, Helvetica, sans-serif;
	display: inline;
	padding-right: 20px;
	color: #FFFFFF;
	}

#nav ul li a {
	text-decoration:none;
	color: #FFFFFF;
	}

#nav ul li a:hover {
	text-decoration:none;
	color:rgb(190,205,158);
	}

	
/*primary page divisions*/
		
#contentarea {
	background:#FFFFFF;
	height:340px; width:704px;
	/*margin-top:-25px; */
	padding:0px;
	text-align: left;
	z-index:1;
}

#contentarea p {
	font: normal 11px/20px Arial, Helvetica, sans-serif;
	color: #333333;
	padding-bottom:12px;
	padding-left:40px;
	padding-right:40px;
	}
	
/* page divisions */

#left {
	position:relative;
	float:left;
	width:398px; height:342px;
	background-image:url(img/maprollovers/map_bground.gif);
	background-position:left;
	background-repeat:no-repeat;
	/*border-top:1px solid #FFFFFF;*/
	border-left:3px solid #FFFFFF;
	}
	
#right {
	position:relative;
	float:left;
	width:300px; height:341px;
	background-image:url(img/speciesrollovers/species_bground.gif);
	background-repeat:repeat-x;
	border-top: 1px solid #FFFFFF;
	border-right:3px solid #FFFFFF;
	}
	
#left ul, #right ul {
	list-style:none;
	padding-left:60px;
	}
	
#left ul a, #right ul a {
	position:absolute;
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	}
	
#left ul li, #right ul li {
	list-style:none;
	}
	
/* network buttons */

#members {
	top:25px; left:0px;
	width:120px; height:24px;
	background-image:url(img/header-footer/network_mem.gif);
	}
	
#join {
	top:25px; left:130px;
	width:120px; height:24px;
	background-image:url(img/header-footer/network_join.gif);
	}

/* locations */

#select_area {
	top:90px; left:15px;
	width:88px; height:67px;
	background-image:url(img/maprollovers/select_area.gif);
	}

#atlin {
	top:25px; left:57px;
	width:92px; height:33px;
	background:url(img/maprollovers/atlin.gif) 0 0;
	}
#atlin:hover {
	background-position: -92px 0;
	}
	
	
#dease {
	top:58px; left:152px;
	width:79px; height:25px;
	background:url(img/maprollovers/dease.gif) 0 0;
	}
#dease:hover {
	background-position: -79px 0;
	}
	
#ftnelson {
	top:84px; left:228px;
	width:109px; height:19px;
	background:url(img/maprollovers/ftnelson.gif) 0 0;
	}
#ftnelson:hover {
	background-position: -109px 0;
	}
	
#flathead {
    top:283px; left:336px;
    width:57px; height:32px;
    background:url(img/maprollovers/flathead.gif) 0 0;
    }
#flathead:hover {
    background-position: -57px 0;
    }
	
#muskwa {
	top:105px; left:228px;
	width:109px; height:34px;
	background:url(img/maprollovers/muskwa.gif) 0 0;
	}
#muskwa:hover {
	background-position: -109px 0;
	}
	
#iskut {
	top:84px; left:148px;
	width:79px; height:34px;
	background:url(img/maprollovers/iskut.gif) 0 0;
	}
#iskut:hover {
	background-position: -79px 0;
	}
	
#ncoast {
	top:140px; left:147px;
	width:79px; height:18px;
	background:url(img/maprollovers/ncoast.gif) 0 0;
	}
#ncoast:hover {
	background-position: -79px 0;
	}
	
#bulkley {
	top:156px; left:147px;
	width:79px; height:17px;
	background:url(img/maprollovers/bulkley.gif) 0 0;
	}
#bulkley:hover {
	background-position: -79px 0;
	}
	
#vanderhoof {
	top:175px; left:147px;
	width:79px; height:22px;
	background:url(img/maprollovers/vanderhoof.gif) 0 0;
	}
#vanderhoof:hover {
	background-position: -79px 0;
	}
	
#mckenz {
	top:156px; left:228px;
	width:109px; height:18px;
	background:url(img/maprollovers/mackenzie.gif) 0 0;
	}
#mckenz:hover {
	background-position: -109px 0;
	}

#pg {
	top:175px; left:228px;
	width:109px; height:22px;
	background:url(img/maprollovers/princegeorge.gif) 0 0;
	}
#pg:hover {
	background-position: -109px 0;
	}
	
#robson {
	top:197px; left:228px;
	width:109px; height:18px;
	background:url(img/maprollovers/robson.gif) 0 0;
	}
#robson:hover {
	background-position: -109px 0;
	}
	
#haida {
	top:212px; left:57px;
	width:92px; height:23px;
	background:url(img/maprollovers/haida.gif) 0 0;
	}
#haida:hover {
	background-position: -92px 0;
	}
	
#cariboo {
	top:212px; left:228px;
	width:47px; height:23px;
	background:url(img/maprollovers/cariboo.gif) 0 0;
	}
#cariboo:hover {
	background-position: -47px 0;
	}
	
#columbia {
	top:212px; left:275px;
	width:62px; height:23px;
	background:url(img/maprollovers/columbia.gif) 0 0;
	}
#columbia:hover {
	background-position: -62px 0;
	}
	
#kamloops {
	top:235px; left:228px;
	width:109px; height:24px;
	background:url(img/maprollovers/kamloops.gif) 0 0;
	}
#kamloops:hover {
	background-position: -109px 0;
	}
	
#scoast {
	top:255px; left:147px;
	width:79px; height:25px;
	background:url(img/maprollovers/scoast.gif) 0 0;
	}
#scoast:hover {
	background-position: -79px 0;
	}
	
#okanogan {
	top:259px; left:228px;
	width:109px; height:25px;
	background:url(img/maprollovers/okanogan.gif) 0 0;
	}
#okanogan:hover {
	background-position: -109px 0;
	}
	
#kootenay {
	top:283px; left:226px;
	width:109px; height:16px;
	background:url(img/maprollovers/kootenay.gif) 0 0;
	}
#kootenay:hover {
	background-position: -109px 0;
	}
	
#vancouver {
	top:298px; left:228px;
	width:109px; height:16px;
	background:url(img/maprollovers/vancouver.gif) 0 0;
	}
#vancouver:hover {
	background-position: -109px 0;
	}
	
#victoria {
	top:316px; left:147px;
	width:79px; height:25px;
	background:url(img/maprollovers/victoria.gif) 0 0;
	}
#victoria:hover {
	background-position: -79px 0;
	}
	
/* species */

#select_species {
	top:70px; left:0px;
	width:166px; height:34px;
	background-image:url(img/speciesrollovers/select_species.gif);
	}

#murrelet {
	top:100px; left:0px;
	width:70px; height:70px;
	background:url(img/speciesrollovers/murrelet.gif) 0 0;
	}
#murrelet:hover {
	background-position: -70px 0;
	}
	
	
#owl {
	top:100px; left:70px;
	width:70px; height:70px;
	background:url(img/speciesrollovers/owl.gif) 0 0;
	}
#owl:hover {
	background-position: -70px 0;
	}
	
#other {
	top:100px; left:140px;
	width:70px; height:70px;
	background:url(img/speciesrollovers/other.gif) 0 0;
	}
#other:hover {
	background-position: -70px 0;
	}
	
#coarse {
	top:100px; left:210px;
	width:70px; height:70px;
	background:url(img/speciesrollovers/coarse.gif) 0 0;
	}
#coarse:hover {
	background-position: -70px 0;
	}
	
#caribou {
	top:170px; left:0px;
	width:70px; height:70px;
	background:url(img/speciesrollovers/caribou.gif) 0 0;
	}
#caribou:hover {
	background-position: -70px 0;
	}
	
#goat {
	top:170px; left:70px;
	width:70px; height:70px;
	background:url(img/speciesrollovers/goat.gif) 0 0;
	}
#goat:hover {
	background-position: -70px 0;
	}
	
#ungulates {
	top:170px; left:140px;
	width:70px; height:70px;
	background:url(img/speciesrollovers/ungulates.gif) 0 0;
	}
#ungulates:hover {
	background-position: -70px 0;
	}
	
#fish {
	top:170px; left:210px;
	width:70px; height:70px;
	background:url(img/speciesrollovers/fish.gif) 0 0;
	}
#fish:hover {
	background-position: -70px 0;
	}
	
#bear {
	top:240px; left:0px;
	width:70px; height:70px;
	background:url(img/speciesrollovers/bear.gif) 0 0;
	}
#bear:hover {
	background-position: -70px 0;
	}
	
#wolf {
	top:240px; left:70px;
	width:70px; height:70px;
	background:url(img/speciesrollovers/wolf.gif) 0 0;
	}
#wolf:hover {
	background-position: -70px 0;
	}	
	
#cats {
	top:240px; left:140px;
	width:70px; height:70px;
	background:url(img/speciesrollovers/cats.gif) 0 0;
	}
#cats:hover {
	background-position: -70px 0;
	}
	
#goshawk {
	top:240px; left:210px;
	width:70px; height:70px;
	background:url(img/speciesrollovers/goshawk.gif) 0 0;
	}
#goshawk:hover {
	background-position: -70px 0;
	}	



/*footer */

#footer {
	width:704px;
	height:56px;
	background: url(img/header-footer/footer.gif) no-repeat top center;
	text-align:right;
	}
	
#footer p {
	font:normal 10px/14px Arial, Helvetica, sans-serif;
	padding: 20px 40px;
	color:#FFFFFF;
	}