/*This is the stylesheet for the Stokes Nature Center Website. */
/*Copyright protected 2008 by Isaac Ashby - email: uncleknuckles@gmail.com*/
/*//////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////
/*page-wide styling*/
html {
	}
body {
	margin: 0;
	padding: 10px 0;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 75%;
	background: #6A6439 url(images/bodybackground.gif) repeat left top;
	text-align: center; /* page center hack for IE/Win */
	}
#wrap {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 740px;
	background: #F2F0E3 url(images/fishfossil.gif) no-repeat -40px 275px;
	text-align: left; /* re-aligns text left that was centered by hack */
	}
#disclaimer { /*makes text smaller than usual for use with notes and disclaimers*/
	font-size: .8em;
	}
	
/*/////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////*/

/*header styling*/

#logowrap {
	width: 740px;
	background: url(images/aspen.jpg) no-repeat right top;
	margin: 0;
	padding: 0;
	}
#logo {	
	padding: 0;
	margin: 0;
		}
#content_sidebar_wrap {
	float: left;
	}
#header {
	width: 100%;
	margin: 10px 0 0 0;
	padding: 0;
	text-decoration: none;
	}
#header p {
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", sans-serif;
	color: #6A6439;
	}
.tabs {
	float: left;
	padding: .25em .5em;
	border-right: 1px solid #6A6439;
	}
.tabs a:link{
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", sans-serif;
	color: #6A6439;
	text-decoration: none;				
	}
.tabs a:visited{
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", sans-serif;
	color: #666;
	text-decoration: none;
	}
.tabs a:hover{
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", sans-serif;
	color: #979a18;
	text-decoration: underline;
	}
.tabs a:active{
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", sans-serif;
	color: #979a18;
	text-decoration: none;
	}				
#navigation {
	font-size: small;
	font-style: italic;
	float: left;
	padding: .5em .5em;
	width: 400px;
	}
.navigation a:link {
	text-decoration: none;
	color: #6A6439;
	}
.navigation a:visited {
	text-decoration: none;
	color: #6A6439;
	}
.navigation a:hover {
	text-decoration: underline;
	color: #979a18;
	}
	
/*/////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////*/

/*content styling*/	

#content {
	margin: 0 15px 0 0;
	padding: 0;
	float: right;
	width: 520px;
	background: #cc9 url(images/contentshadow.gif) repeat-y left top;
	clear: both;
	}
#content_main{
	margin: 0 15px 0 25px;
	}
#content a{
	color: #400080;
	text-decoration: none;
	}
#content p{
	margin: 15px 10px 15px 0;
	}
#content a:hover{
	color: #274928;
	text-decoration: underline;
	}
#contenthead {
	margin: 0;
	padding: 0;
	}
h2 {
	margin: 0;
	padding: 0;
	width: 520px;
	height: 95px;
	font-family: "book antiqua";
	font-style: italic;
	font-size: 3em;
	text-align: center;
	background: url(images/contentheader.gif) no-repeat left top;
	}
.grassheader {
	margin: 0 10px 0 0;
	border-top: 1px solid #6A6439;
	border-bottom: 1px solid #6A6439;
	}
.grassheader a{
	float:right;
	text-decoration: none;
	}
#content span {
	font-size: 1.2em;
	color: #804000;
	}
.bio_pics{
	clear:both;
	}
#contentbottom {
	margin: 0;
	padding: 0;
	height: 29px;
	width: 520px;
	background: url(images/contentbottom.gif) no-repeat left top;
	}
	
/*/////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////*/

/*sidebar styling*/

.sidebar1 {
	margin: 30px 0 0 0;
	padding: 1px;
	float: left;
	width: 200px;
	}
.sidebarheader {
	margin: 0;
	padding: 0 10px;
	font-size: 1.2em;
	text-align: right;
	background: url(images/sidebarheader.gif) no-repeat left top;
	border-style: solid;
	border-color: #889944;
	border-width: 1px;
	}
.box ul {
	font-size: 1em;
	list-style-type: none;
	padding: 0;
	margin: 0;
	}
.box li a {
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 24px;
	text-decoration: none;
	}
.box a:link { 
	color: #6A6439;
	display: block;
	background: url(images/trackbuttons.gif) no-repeat;
	padding: 8px 0 0 35px;
	}
.box a:visited {
	color: #6A6439;
	display: block;
	background: url(images/trackbuttons.gif) no-repeat;
	padding: 8px 0 0 35px;
	}
.box a:hover { 
	color: #4f3146;
	background:  url(images/trackbuttons.gif) no-repeat 0 -30px;
	padding: 8px 0 0 42px;
	}
.box #current {
	color: #4f3146;
	font-style: bold;
	padding: 8px 0 0 42px;
	}
.box a:active {
	color: #4f3146;
	background:  url(images/trackbuttons.gif) no-repeat 0 -30px;
	padding: 8px 0 0 42px;
	}
	
/*/////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////*/

/*footer styling*/

#footer {
	padding: 0;
	text-align: center;
	margin: 0;
	width: 740px;
	height: 174px;
	clear: both;
	background: url(images/deerlandscape.gif) no-repeat left top;
	color: #FFFFFF;
	}
#tabcontainer1 {
	margin: 0;
	padding: 0;
	position: relative;
	top: 150px;
	}
#footer p {
	margin: 0;
	padding: 0;
	text-decoration: none;
	}
.footertabs {
	float: left;
	padding: 0 .5em;
	}
.footertabs  a:link {
	color: white;
	text-decoration: none;
	}
.footertabs  a:visited {
	color: white;
	text-decoration: none;
	}
.footertabs  a:hover {
	color: #cac00d;
	text-decoration: underline;
	}	
.footertabs  a:active {
	color: white;
	text-decoration: none;
	}	
#copyright {
	float: right;
	color: white;
	}	

img { border: 0; }	

.clickable {
border-style: solid;
 border-width: 2px;
 border-color: blue;
 }