* {
margin:0;
padding:0;
}

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

/*  =HACK 
Rutter's 62.5% font-size hack  
1.0 em is 10px
0.8 em is 8 px
1.4 em is 14 px
etc  */

p {
	font-size:1.2em;
	line-height:1.3em;
	margin-bottom:16px;
}

h1 {
	color:#1D3863;
	font-size:1.7em;
	line-height:1.5em;
	margin-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

h2 {
	color:#1844AD;
	font-size:1.3em;
	line-height:1.6em;
	margin-bottom:2px;
	margin-top: 20px;
}

h3 {
	color:#1d3863;
	font-size:1.2em;
	line-height:1.5em;
	margin-bottom:2px;
}

h4 {
	color:#1d3863;
	font-size:1em;
	font-weight:bold;
	line-height:1.4em;
	margin-bottom:2px;
}

a:link,a:visited,a:active {
color:#1d3863;
text-decoration:underline;
}

a:hover {
color:#16364b;
text-decoration:underline;
}

/* wraps all content*/
#mainwrap {
background-color:#FFF;
padding-bottom:20px;
margin:20px auto 0;
width:800px;
}

#banner {
width:800px;
}

#banner img {
margin:10px;
}

#menu {
font: arial, helvetica, sans-serif;
margin:0 auto;
position:relative;
z-index: 100;
}


/*wraps both columns*/
#contentwrap {
margin-top: 20px;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
width:800px;
}

/*END Alsett Clearing Method */


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

/* START donate */
#donate p {
color:#1D3863;
font-size:1.2em;
font-weight:bold;
}

#donate a:hover,#donate a:active {
color:#1844AD;
text-decoration:none;
}

#donate a:link,#donate a:visited,#leftnav a:link,#leftnav a:visited,#leftnav_2 a:link,#leftnav_2 a:visited{
color:#1D3863;
text-decoration:none;
}

#leftcol_home  a:link, #leftcol_home  a:visited{
color:#1D3863;
}

#leftcol {
background-color:#DFDFDF;
border:solid 1px #1e4662;
float:left;
height:700px;
margin:-5px 10px 0;
width:150px;
}

#leftcol_home {
background-color:#DFDFDF;
border:solid 1px #1e4662;
float:left;
margin:-5px 10px 0;
width:150px;
}

#leftnav {
	background-color:#ccced1;
	border:solid 1px #1e4662;
	float:left;
	margin:-5px 10px 0;
	width:150px;
}

#leftnav p {
	margin-bottom:0;
}

#leftcol{
color:#1D3863;
display:block;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:1.4em;
font-weight:bold;
margin: 10px 10px 0 10px;
}

#leftcol p #leftcol ul, #leftcol_home ul{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:1.2em;
line-height:1.6em;
margin: 0 10px 10px 10px;
}

#leftcol h3 {
font-size:1.3em;
line-height:1.5em;
margin:14px 10px -14px;
}

#leftcol_home h3 {
color:#1844AD;
font-size:0.9em;
font-weight:bold;
line-height:1.3em;
margin:5px 5px 10px 8px;
}

#leftcol,#leftcol_home {
color:#1d3863;
}

#leftcol_home{
display:block;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:1.4em;
font-weight:bold;
margin: 10px 10px 0 10px;
}

#leftcol_homel p {
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:1.2em;
line-height:1.4em;
margin-right:0;
margin-left:0;
}

#leftnav_home{
color:#1844AD;
display:block;
font-size:1.4em;
font-weight:bold;
margin:10px 10px 0 10px;
}

#leftnav_2 {
background-color:#ccced1;
border:solid 1px #1e4662;
float:left;
margin:-5px 10px 0;
width:150px;
}

#leftnav,#leftnav_2{
	color:#1D3863;
	display:block;
	font-size:1.4em;
	min-height: 450px;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
	font-weight: bold;
}

#leftnav p,#leftnav_2 p {
	color:#1844AD;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:0.9em;
	line-height:1.4em;
	margin:10px 10px 0 10px;
	padding-bottom:5px;
	text-decoration:none;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}

#leftnav ul li,#leftnav_2 ul li {
	color:#1844AD;
	font-size:0.9em;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	line-height:1.4em;
	list-style-type:none;
	padding-bottom:5px;
	text-decoration:none;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 10px;
	padding-left: 15px;
	font-weight: normal;
}

#leftnav a:hover,#leftnav a:active,#leftnav_2 a:hover,#leftnav_2 a:active,#leftcol_home a:hover, #leftcol_home a:active, .blue_type {
color:#1844AD;
}

#leftcol #title_new, #leftnav #title_new, #leftcol_home #title_new, #leftnav_home #title_new, #leftnav_2 #title_new {
	color: #1D3863;
	display:block;
	font-family: Arial, Verdana, Helvetica,  sans-serif;
	font-size:1.2em;
	font-weight:bold;
	margin-top:10px;
	margin-left:10px;
	margin-right:10px;
	}	

#rightcol {
background-color:white;
float:right;
margin: 0px 10px 0px 0px;
width:618px;
}	
	
#rightcol h3 {
color:#1d3863;
font-size:1.1em;
font-style:italic;
line-height:1.5em;
margin-bottom:5px;
margin-top:5px;
}

#rightcol #byline {
font-size:1.2em;
margin-top:-10px;
}

#rightcol a:link,#rightcol a:visited {
color:#1844AD;
text-decoration:underline;
}

#rightcol a:hover,#rightcol a:active {
color:#999;
text-decoration:underline;
}

#rightcol ul {
margin-left:3.5em;
margin-bottom:15px;
}

#rightcol ul li {
font-size:1.3em;
line-height:1.5em;
margin-bottom:6px;
}

#rightcol #slideshow {
	border: 1px solid #1844AD;
	float:right;
	margin-left:10px;
	margin-bottom:0;
	margin-right:0;
	padding: 5px;
	position:static;
	width:300px;
	margin-top: 5px;
}

#rightcol #slideshow2 {
float:right;
margin-left:10px;
margin-bottom:0;
position:static;
width:240px;
}

#rightcol #whales1 {
float:right;
margin-left: 10px;
position: relative;
}
	
#rightcol #whales2 {
	float:right;
	margin-left:10px;
	position:relative;
	width:300px;
}

#rightcol #whales3 {
float:right;
height:350px;
margin-left:10px;
position:relative;
width:200px;
}

#rightcol #whales4 {
float:right;
margin-left:10px;
position:relative;
width:200px;
}

#rightcol #methods1 {
float:left;
margin-right:10px;
position:relative;
}

#rightcol #methods2 {
float:right;
margin-left: 10px;
position: relative;
}
	
#rightcol #methods3 {
float:right;
margin-left:10px;
position:relative;
width:150px;
}

#rightcol #data1 {
float:right;
height:310px;
margin-right:0;
margin-left:10px;
position:relative;
width:209px;
}

#rightcol #sitemap {
float:right;
margin-top:40px;
margin-left:10px;
position:relative;
width:300px;
}

#rightcol #whales1,#rightcol #methods2 {
float:right;
margin-left:10px;
position:relative;
}

#slideshow p {
color:#1D3863;
font-size:1.2em;
line-height:1.5em;
margin-left:10px;
}

#buy_book {
	background-color: #FFCC00;
	border: 1px dashed #1844BB;
	color: #1844BB;
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 10px;
	text-align: center;
	width: 180px;
	margin-left: 20px;
	padding-right: 3px;
	padding-left: 3px;
	padding-top: 5px;
}

#bluebox,#bluebox2 {
background-color:#BDF;
border:1px solid #1844AD;
margin:0 0 15px;
padding:10px 10px 0;
}
#gray_box {
	background-color:#DCDDDF;
	border:5px solid #B2B2B2;
	width: 294px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}


#kid-korner_bluebox {
background-color: #BBDDFF;
border: 1px solid #1844AD;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 10px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 15px;
margin-left: 330px;
}

#yellowbox {
	background-color:#FC3;
	border:1px solid #F90;
	width: 500px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#quote p {
color:#1d3863;
font-size:1.4em;
font-style:italic;
line-height:1.8em;
}

#quote .textup {
vertical-align:text-top;
}

#quote {
color:#1D3863;
margin-right:10px;
text-align:left;
}

#byline {
color:#1D3863;
margin-right:10px;
margin-top:10px;
text-align:right;
}

/*START footer */
#footer {
color:#fff;
font-size:1.0em;
padding:0 0 20px;
position:relative;
margin:20px 0 20px 170px;
text-align:center;
width:630px;
}

#footer a:visited,#footer a:link,#footer #pipemenu {
color:#1D3863;
}

#footer #pipemenu a,#footer #pipemenu .showlink {
text-decoration:underline;
}

/*=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 layout */
#footwrap {
margin-left:auto;
margin-right:auto;
margin-bottom:0;
width:800px;
}

#footer .moveright,* html div#banner img {
margin-left:20px;
}
#ngs {
	background-color:#FFF;
	border:3px solid #FC3;
	display:block;
	font-weight:bold;
	padding:10px;
}

.back-to-top {
color:#1d3863;
font-size:1.2em;
margin-top:10px;
margin-bottom:-10px;
text-align:center;
}

.buy_book {
	background-color: #FFCC00;
	border: 1px dashed #1844BB;
	color: #1844BB;
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 3px;
	padding: 3px;
	text-align: center;
	width: 180px;
}

.caption {
	color:#1844AD;
	font-style:italic;
	margin-top:5px;
}

.intro_text {
line-height:1.6em;
}

.floatleft {
float:left;
padding-right:25px;
}

.floatright {
float:right;
padding-left:20px;
}

.left_indent {
margin-left:50px;
}

.left_layout {
clear:right;
color:#1844AD;
float:left;
font-size:1.2em;
font-style:italic;
margin-right:10px;
margin-top:5px;
margin-bottom:0;
padding:0;
position:relative;
width:170px;
}

.left_layout_behavior {
clear:right;
color:#1844AD;
float:left;
font-size:1.2em;
font-style:italic;
margin-right:10px;
margin-top:5px;
margin-bottom:0;
padding:0;
position:relative;
width:150px;
}

.ngs {
background-color:#FFF;
border:3px solid #FC3;
display:block;
font-weight:bold;
padding:10px;
}

.publications {
margin-left:20px;
}

.publications_divider {
color: #1844AD;
font-size: 1.6em;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #1844AD;
margin-bottom: 10px;
padding-bottom: 2px;
}

.right_layout {
color:#1844AD;
float:right;
font-size:1.2em;
font-style:italic;
padding:0 10px 5px;
position:relative;
margin:5px 0 0 10px;
width:150px;
}

.right_layout2 {
color:#1844AD;
float:right;
font-size:1.2em;
font-style:italic;
margin:5px 0 0 10px;
padding:0 10px 5px;
position:relative;
}

.spotlight {
color: #1844AD;
font-size: 1.6em;
font-weight: normal;
line-height: 1.8em;
text-align: center;
}

.sitemap1 {
color:#1D3863;
font-size:1.2em;
font-weight:bold;
line-height:1.4em;
list-style-type:disc;
margin-left:0;
margin-bottom:5px;
text-align:left;
text-indent:0;
}

.sitemap2 {
color:#1D3863;
font-size:1.2em;
font-weight:bold;
line-height:1.4em;
list-style-type:none;
margin-left:25px;
margin-bottom:5px;
padding:0;
text-align:left;
text-indent:0;
}

.sitemap3 {
color:#1D3863;
font-size:1.2em;
line-height:1.4em;
list-style-type:none;
margin-left:50px;
margin-bottom:5px;
text-align:left;
}

.sitemap4 {
color:#1D3863;
font-size:1.2em;
line-height:1.4em;
list-style-type:none;
margin-left:75px;
margin-bottom:5px;
text-align:left;
text-indent:0;
}

.thankyou {
	font-size: 1.2em;
	line-height: 1.1em;
	margin-bottom: 3px;
}

.table_text {
	font-size: 1.2em;
	color: #1844AD;
}


.whats_new {
	color:#1844AD;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-weight:bold;
	margin-top:10px;
	text-align:center;
}

/* IE6 only styles */
* html div#rightcol {
width:600px;
}

* html #menu {
width:840px;
}

/* 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;
}

iframe {
margin-bottom:10px;
}

/* IE7 only styles 
these two lines are to prevent the showcase from getting clipped in ie*/

* html div#leftnav,* html div#leftcol {
height:700px;
}

* html .showcase,.showcase {
height:46px;
}
#center {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}