/*
-----------------------------------------------
Diversity style sheet
version:  16 February 2005
Author: Lori Dolby
----------------------------------------------- */


body{ 
margin:0; padding:0; 
text-align:center; 
background: #6686A4 url(../img/bg3.gif) repeat-x top;
font-family: Verdana, Arial, Helvetica, sans-serif;
min-width:665px;
} 
 
#wrap{ 
width:665px; 
background: repeat-y center url(../img/bg_edges4.gif) transparent; 
	margin-left: auto;
	margin-right: auto;
border-bottom:3px solid #000;
} 


#header{ 
height:266px; 
background-color: #fff; 
position:relative;
width:653px;
margin: 0 6px 0 6px;
	text-align: left;
} 

#header2
{
	background-color: #fff;
	position:relative;
	width:653px;
	margin: 0 6px 0 6px;
	text-align: left;
	height: 102px;



}

.base  {
width: 653px;
height: 53px;
}

.map span { display: none;}
.map ul,
.map li { 
	position: absolute;
	padding: 0;
	margin: 0;
	list-style: none;
}
#mapEU {
	position: relative;
	width: 653px;
	height: 213px;
	margin: 0;
	background: url("../img/rainbow2.jpg") no-repeat;

}

#mapEU li a {
	position: absolute; 		
	display: block;
	width: 653px; 
	height: 213px; 
	 
}
#mapEU #mbl a {
	top: 93px;
	left: 298px;
	width: 204px; 
	height: 20px;

}

#mapEU #noaa a { 
	top: 113px;
	left: 269px;
	width: 266px; 
	height: 20px; 

}
#mapEU #sea a { 
	top: 136px;
	left: 255px;
	width: 175px; 
	height: 16px;
	}
#mapEU #whoi a { 
	top: 175px;
	left: 233px;
	width: 244px; 
	height: 20px; 
	
}

#mapEU #whrg a { 
	top: 195px;
	left: 221px;
	width: 192px; 
	height: 19px; 
	
}

#mapEU #usgs a { 
	top: 157px;
	left: 241px;
	width: 152px; 
	height: 16px; 
	
}

	

		
.map #mapEU #mbl a:hover { background: url("../img/mbl.gif") 0px 0px no-repeat; }
.map #mapEU #noaa a:hover { background: url("../img/noaa.gif") 0px 0px no-repeat; }
.map #mapEU #sea a:hover { background: url("../img/sea.gif") 0px 0px no-repeat; }
.map #mapEU #whoi a:hover { background: url("../img/whoi.gif") 0px 0px no-repeat; }
.map #mapEU #whrg a:hover { background: url("../img/whrg.gif") 0px 0px no-repeat; }
.map #mapEU #usgs a:hover { background: url("../img/usgs.gif") 0px 0px no-repeat; }
 
 #pagebody	{
	padding: 0;
	margin: 0;
	border: 0;
	text-align: left;
	color: #444;
	background: transparent;
	clear: both;
	}

#pagebody a:hover, #pagebody a:active {
color: #C7201C;
	background-color: #FDF2E7;

}
#pagebody   a:link  {
	color: #29689B; 

}
#pagebody   a:visited  {
	color:#875456; 

}


#rightcol	{
	line-height: 135%;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 0;
	text-align: left;
	}
#rightcol h2 {
 font-family: georgia, "Times New Roman", serif;
font-size: 12px;
margin-bottom: 3px;
color: #666;
margin-top: 5px;
}
#rightcol h3 {
 font-family: georgia, "Times New Roman", serif;
font-size: 11px;
margin: 2px 0px 4px 5px;
color: #fff;
}
#rightcol img {
margin-top: 10px;
margin-bottom: 3px;
margin-right: 3px;
margin-left: 3px;
border: 1px solid #F7F4F4;
}
#rightcol img#pdf {
margin-top: 0px;
margin-bottom: 0px;
margin-right: 3px;
margin-left: 3px;
border: 0px;
}


#rightcol p {
margin: 1px 9px 0  460px;

}

#rightcol .event {
font-size: 11px;
line-height:150%;
margin: 0px 10px 0  460px;
padding: 10px 10px 10px 10px;

color: #8A3333;

}
#rightcol .event2 {
font-size: 10px;
line-height:180%;
margin: 20px 10px 0  460px;
padding: 0px 5px 20px 2px;
 border: 1px solid #B8BEC5;
color: #8A3333;
background: url(../img/side_grade3.gif) #ffffff repeat-x;
}
.event2 ul li {
	font: 11px/16px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color: #555;
	background: url(../img/leftarrow.gif) no-repeat;
	padding-left: 10px;
}

#rightcol .event3 {
font-size: 11px;
line-height:150%;
margin: 20px 10px 0  460px;
padding: 0px 10px 10px 10px;
 border: 1px solid #CFCECB;
color: #8A3333;
background: url(../img/side_grade2.gif) #ffffff repeat-x;

}


.eventtitle {
font-weight:bold;

}
.eventtitle a{
font-weight:bold;
color: #29689B;
}

#rightinner{
margin:5px 20px 5px 5px; padding:0px 0px 0px 0px;
border:1px #ccc solid;
border-bottom:0px;
background:#dfd8da;
}


#outermain{ 
 width: 653px;
padding-left:6px; padding-right:6px;
margin-bottom:-5px;
}
 #maincontent	{
	float: left;
	margin: 0px;
	padding: 0 6px 6px 6px;
	width: 454px;  /* box model hack */	
	
	width: 442px;
	}
#maincontent p	{
	margin: 10px 0 7px  0px;
	}
html>#maincontent 	{
	width: 442px;
	} 
#maincontent h1 {
padding: 0px;
margin: 5px 3px 8px 1px; 
font-family: georgia, "Times New Roman", serif;
font-size: 16px;
text-align:left;
font-weight:bold;
color:#904D4D;
line-height:140%;
}

#maincontent h2 {
margin-top: 5px; margin-bottom: 0px; margin-left:0; margin-right:0;
font-family: georgia, "Times New Roman", serif;
font-size: 11px;
text-align:left;
color:#8A3333;
word-spacing: .4em;
	padding:7px 0px 7px 0px;

	margin:0 3px 0 3px;

	}
h3 {
color:#627C99;
}
h5 {
	color:#444;
	
	margin:5px 3px 0 0px;

}

#maincontent h3 {
padding: 4px 0 0 0;
margin: 5px 3px 2px 1px; 
font-family: georgia, "Times New Roman", serif;

font-size: 16px;
text-align:left;
font-weight:bold;
color:#904D4D;
}


#maincontent h3 a:link {
color:#336699;
}
#maincontent h3 a:visited  {
	color:#904D4D; 

}

#maincol{   
background-color:#fff;
margin:0px 210px 20px 0px;
border: 1px solid #ccc;
padding-left:5px; padding-right:5px;
padding-bottom: 200px;
}
 .entry  {
font-size: 11px;
line-height:140%;
padding: 2px 8px 8px 8px;
margin: 6px 5px 200px 5px;
}
 .entryevent  {
font-size: 11px;
line-height:140%;
padding: 8px;
text-align:left;
margin: 0px 5px 200px 5px;
}
.small  {
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
}
.date  {
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #336699;
margin: 17px 2px 2px 2px;
background-color: #F4F6F8;
padding: 1px 2px 1px 3px;

}
.date2  {
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #336699;
margin: 5px 2px 2px 2px;


}
.entryplain  {
font-size: 11px;
padding:3px;
text-align:justify;
background-color: #F2F4F7;
font-weight:bold;
margin: 12px 10px 12px 0px;
color: #777;
}

.entry h3, .entryplain h3 {
padding: 0px;
margin-top: 14px; margin-bottom: 0px; margin-left:-2px; margin-right:0;
font-family: georgia, "Times New Roman", serif;
font-size: 13px;
text-align:left;
font-weight:bold;
color:#42262D;

}
 
 
 #nav-main {
 font-family: Verdana, Arial, Helvetica, sans-serif;
	display: block;
	height: 33px;
	margin: 0;
	padding: 0 7px;
	list-style: none;
	font-size: 11px;
	background: url(../img/bg.gif) left top repeat-x;
		border-right: 5px solid #fff;
			border-left: 5px solid #fff;
	}
#nav-main li {
	float: left;
	margin: 0 1px 0 0;
	padding: 0;
	}
/* THIS TOTALLY FREAKS OUT IE 5 MAC SO WE'RE HIDING IT \*/
#nav-main li.home { width: 65px } /* */
	
#nav-home			{ width: 55px; }
#nav-school-link		{ width: 55px; }
#nav-about	{ width: 55px; }
#nav-mou		{ width: 207px; }
#nav-members	{ width: 147px; }
#nav-activities	{ width: 67px; }
#nav-resources	{ width: 81px; }

#nav-main li a,
#nav-main li a:visited {
	display: block;
	color: #FFF;
	text-decoration: none;
	line-height: 28px;
	padding: 5px 0 1px;
	margin: 0;
	text-align: center;
	background-image: url(../img/bg.gif);
	}
/* THIS ALSO FREAKS OUT IE 5 MAC SO WE'RE HIDING IT \*/
#nav-main li a, #nav-main li a:visited { background-repeat: repeat-x; } /**/

#nav-main li a.active {
	font-size: 11px;
	font-weight: bold;
	background-position: 0px -66px;

	}

#nav-main li a:hover,
#nav-main li a.active:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #053525 !important;
	background-position: 0px -33px;

	}
#footer{

background:#fff;
border-top:1px solid #999;
margin:0; padding:10px 5px;
width:640px;
margin-left:6px;
margin-bottom:20px;
height:100px;
} 

#linksmain {
padding: 5px 10px;
border:1px solid #ccc;
background-color:#efefef;
}

#footer p{
font-size:65%;
line-height:125%;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.menuSpacer {
	width: 412px;
	 height: 1px;
	 margin-top: 15px;
	 margin-bottom: 10px;
}
.menuSpacer2 {
	width: 412px;
	 height: 1px;
	 margin-top: 5px;
	 margin-bottom: 5px;
}
.menuSpacer3 {
	width: 184px;
	 height: 1px;
	 margin-top: 5px;
	 margin-bottom: 5px;
}

/*content styles */
a {
color:#29689B;

}

a:active {
color:#7a4754;
}

a:visited {
color:#836F74;
}

a:hover {
color: #C7201C;

}

a img {
border-width:0; border-style:none; 
color:#fff;
}





.clear {
clear: both;
height: 10px;
margin:0; padding:0;
}

.entry ul li {
	font: 11px/16px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color: #555;
	background: url(../img/li_bullet.gif) no-repeat;
	padding-left: 10px;
	padding-right: 10px;
}

ul {
	padding:0;
	list-style-type:none;
	margin: 0px;
}

ul li {
	margin:8px 15px 8px 0px ;
	padding: 0px;
}

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




div.clearer {clear: none; line-height: 0; height: 25px;}
#maincontent blockquote.pullquote p.pullquote {

	padding: 1em 1.5em;
	text-align:justify;
	margin: 0;

	background: transparent url(../img/close-quote.gif) 97% 100% no-repeat;

	border-top: none;

}
#maincontent blockquote.pullquote {

	width: 360px;

	wid\th: 360px;

	margin: 1.8em auto;

	padding: 0 0px;

	background: #F7F7F6 url(../img/quote-top2.gif) top left no-repeat;

}
#maincontent blockquote.pullquote p {

	margin: 0;
 font-family: georgia, "Times New Roman", serif;
	background-position: bottom right;

	color: #555;

}
#maincontent blockquote.pullquote p cite {
	color: #666;
	display: block;
	text-align: right;
	padding: 6px;
	margin: 0 0px;
	background: #E5E5E5 url(../img/quote-bottom.gif) bottom left no-repeat;
	border-top: 1px solid #FFF;
	 font-family: georgia, "Times New Roman", serif;
}

#maincontent .quote, p.quote {
	color: #8F9381;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0px 15px 0px 10px;
	letter-spacing: 1px;
	word-spacing: 1px;
	}
	
#maincontent img#eventimage {
margin-top: 2px;
margin-bottom: 3px;
margin-right: 8px;
margin-left: 3px;
border: 1px solid #C2C0BA;
float: left;
padding: 3px;
}

/* Contact form

----------------------------------------------- */
#contact-form {
  padding:  0 0 0 0;
}

/* ---- FORMS ----------------*/

form { margin: 0; padding: 0;}

fieldset { margin: 0; padding: 0; border: none; }
fieldset input { margin-bottom: 1em; }
fieldset.short input { display: block; }

input.textbox { padding: 1px .2em !important;  }

input.textbox, textarea { 
	border: 1px solid #59654D; 
	color: #59654D; 
	font-family: "Courier New", Courier, monospace; 
	font-size: 1em;
	
	
}

textarea { 
padding: .2em 2px .5em 0; 
 margin: .2em 2px .5em 0;
 }

input.textbox:focus, textarea:focus { background-color: #FFFBEB; }

input.button {
	background-color: #719FC5;
	color: white;
	font-size: .9em;
	border: none;
	padding: 2px 5px 2px 5px;
	vertical-align: top;
} 

.required { color: red; }

label { font-weight: bold; font-size: .9em; color: #59654D; } 
/* ---- CONTACT ---------------- */


.contact fieldset.short input.textbox, .contact fieldset.short textarea.textbox { 
width: 100px; }