/* CSS Document */


* {margin: 0px; padding: 0px;}

body {
	background-color: #ccced1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
}

/*wraps all content*/
div#mainwrap {
	width:800px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:20px;
	margin-top:20px;
	background-color:#FFF;
	margin-bottom: 0px;
	/*border: 1px solid #1D3863*/
	}	

div#banner {
	width:800px;
	}	
		
div#banner img {
	margin: 10px 10px 10px 10px;
	}
		
/*menu div is on: wt_menu.css*/	
	
	

/*wraps both columns*/	
div#contentwrap {
	width:800px;
	margin: 34px 0px 0px 0px;
	}
	
div#footer {
	width:800px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	margin-bottom:20px;
	}
	
	
/* BEGIN Alsett Clearing Method */	
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}		

/*with a fix for ie mac*/	
.clearfix {display:inline-block;}

/*plus the holly hack for ie6 windows*/		
.clearfix {display:block;}

/*END Alsett Clearing Method */	

#donate {
	width:149px;
	height:16px;
	background-color:#ffcc4c;
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #1D3863;
	margin-top: 0px;
	margin-bottom: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #E88B00;
	border-right-color: #E88B00;
	border-bottom-color: #FE9900;
	border-left-color: #FE9900;
	text-align: center;
	padding-bottom: 2px;
	margin-right: 10px;
	margin-left: 10px;
	padding-top: 2px;
	}

div#leftcol {
	width:150px;
	height:650px;
	background-color:#DFDFDF;
	border: solid 1px #1e4662;
	float:left;
	margin-top: -5px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	}
	
div#leftcol_home {
	width:150px;
	background-color:#DFDFDF;
	border: solid 1px #1e4662;
	float:left;
	margin-top: -5px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}

	
div#leftnav {
	width:150px;
	height:525px;
	background-color:#ccced1;
	border: solid 1px #1e4662;
	float:left;
	margin-top: -5px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	}
div#leftnav p{
	margin-bottom: 0px;
	}

div#rightcol {
	width:618px;
	background-color:white;
	float:right;
	margin: 0px 10px 0px 0px;
	}	
	
	
div#rightcol #slideshow {
	float:right;
	margin-left:10px;
	position: static;
	width: 300px;
	margin-bottom: 0px;
	margin-right: 0px;
	}			
	
div#rightcol #slideshow2 {
	float:right;
	margin-left:10px;
	position: static;
	width: 240px;
	margin-bottom: 0px;
}

div#rightcol #whales1 {
	float:right;
	position: relative;
	margin-left: 10px;
	}			
	
div#rightcol #whales2 {
	float:right;
	position: relative;
	margin-left: 10px;
	width: 300px;
	}
	
div#rightcol #whales3 {
	float:right;
	position: relative;
	width: 200px;
	height: 350px;
	margin-left: 10px;
	}
	
div#rightcol #whales4 {
	float:right;
	position: relative;
	margin-left: 10px;
	width: 200px;
	}
	
div#rightcol #methods1 {
	float:left;
	position: relative;
	margin-right: 10px;
	}	
	
div#rightcol #methods2 {
	float:right;
	position: relative;
	margin-left: 10px;
	}
	
div#rightcol #methods3 {
	float:right;
	position: relative;
	margin-left: 10px;
	width: 150px;
	}
	
div#rightcol #data1 {
	float:right;
	position: relative;
	margin-right: 0px;
	width: 209px;
	height: 310px;
	margin-left: 10px;
	}
	
div#rightcol #sitemap {
	float:right;
	margin-top:40px;
	margin-left:10px;
	position: relative;
	width: 300px;
	}
	
#quote .textup {
	vertical-align:text-top;
	}	
	
#quote{
	text-align: left;
	margin-right: 10px;
	color: #1D3863;
	}	
	
#byline 	{
	text-align: right;
	margin-right: 10px;
	margin-top: 10px;
	color: #1D3863;
	}
	
	/* =FOOTER layout */	
	
#footwrap {
	width:800px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 0px;
	}
	
div#footer {
	position:relative;
	margin-left:160px;
	width:618px;
	margin-left:170px;
	margin-right:0px;
	margin-top: 10px;
	text-align: center;
	}				
	
/*=BUG if inline display of these uls gets buggy, change to float left*/	
#footer ul, ul#pipemenu li {
	display:inline;
	}		
	
#footer li {
	padding-left: 2px;
	}	
	
#footer .moveright {
	margin-left: 20px
	}	
	
.floatleft {
	float: left;
	padding-right: 25px;
	}

.floatright {
	float: right;
	padding-left: 20px;
	padding-bottom: 10px;
	}
	
.left_layout {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	color: #1844AD;
	float:left;
	position: relative;
	margin-right: 10px;
	width: 170px;
	margin-top: 5px;
	padding: 0px;
	margin-bottom: 0px;
	clear: right;
	}
.right_layout {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	color: #1844AD;
	float:right;
	position: relative;
	margin-left: 10px;
	width: 150px;
	margin-top: 5px;
	margin-bottom: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	}
	
.left_layout_behavior {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	color: #1844AD;
	float:left;
	position: relative;
	margin-right: 10px;
	width: 150px;
	margin-top: 5px;
	padding: 0px;
	margin-bottom: 0px;
	clear: right;
}
div#leftnav_2 {
	width:150px;
	background-color:#ccced1;
	border: solid 1px #1e4662;
	float:left;
	margin-top: -5px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}
.right_layout2 {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	color: #1844AD;
	float:right;
	position: relative;
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

/* IE6 only styles */
* html div#rightcol {width:600px;} 
* html #menu {width:840px;} 
* html div#banner img {margin-left: 20px;}
* html div#leftnav {height:700px;}
/*these two lines are to prevent the showcase from getting clipped in ie*/
* html div#leftcol {height:700px;}
* html .showcase  {height:46px;}
 
/* IE7 only styles */
/*these two lines are to prevent the showcase from getting clipped in ie*/
div#leftcol {*height:700px;}
.showcase  {*height:46px;}