/* marvet.org stylesheet											 */
/* Properties beginning with "_" are hacks that only IE will read    				*/

/* *** Universals ***  */
html, body {
	margin: 0;
	padding: 0;
} 
 
body {
	background: #0292a7 url(../images/wavyness.jpg) repeat-x top center;
	color: #362401;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

#outer img {border: 1px solid #006277; padding: 3px;}
body a {text-decoration: none; color: #c5002e;}
body a img {border: none;}

h2 {
	color: #006277;
	font-family: Times Sans Serif;
	font-size: 2.7em;
	font-weight: normal;
	text-align: right;
	margin: 0 10px 0 0;
	padding: 20px 0 0 0;
}

p.error {
	margin: 70px 0 0 0;
	color: #c5002e;
	font-size: 1.5em;
	text-align: center;
}

p {
	padding: 0 10px 0 20px;
	font-size: 0.95em;
	letter-spacing: 0.05em;
	text-indent: 5px;
	line-height: 1.15em;
}

#outer {
	width: 800px;
	margin: 0 auto 0 auto;
	padding: 0;
}

#header {
	width: 810px;
	height: 125px;
	margin: 0 0 35px 0;
}

/* *** Specifics *** */
#sectionLeft, #sectionRight {
	width: 387px;
	margin: 0 0 20px 0;
	position: relative;
}

#sectionLeft {float: left;}
#sectionRight {float: right;}

#sectionWide {
	width: 799px;
	margin: 0 0 20px 0;
	float: left;
	position: relative;
}

/* *** Content divs *** */
#whoIs {
	background: #80c7cc url(../images/microscopeHeader.jpg) no-repeat top center;
}

#aboutSlides {
	width: 320px;
	height: 260px;
	border: solid 1px #006277;
	margin: 0 auto 0 auto;
	padding: 3px;
}

#aboutVideo {
	width: 320px;
	height:370px;
	border: solid 1px #006277;
	margin: 0 auto 0 auto;
	padding: 3px;
}
	
#whatDo {
	background: #80c7cc url(../images/dolphinHeader.jpg) no-repeat top center;
}

#past {
	background: #80c7cc url(../images/manateeHeader.jpg) no-repeat top center;
}
	
.pastWorkshop {
	width: 355px;
}
	.pastWorkshop p img  			{float: left;} 
	.pastWorkshop h3				{margin: 0;}
	.pastWorkshop span.locDate 	{font-size: 0.8em; line-height: 1.3em;}			

#current {
	background: #80c7cc url(../images/turtleHeader.jpg) no-repeat top center;
	min-height: 400px;
}

#history, #other {
    background: #80c7cc url(../images/whaleHeader.jpg) no-repeat top center;
	min-height: 400px;
}

#contact, #focus {
    background: #80c7cc url(../images/instructorHeader.jpg) no-repeat top center;
}

#links {
    background: #80c7cc url(../images/instructor2Header.jpg) no-repeat top center;
}
	#links dl 	{margin: 20px 0 100px 50px;}
	#links dl dt	{font-size: 1.1em; font-weight: bold; color: #006277; background: url(../images/bubble.gif) no-repeat top left; padding: 15px 0 10px 10px;}
	#links dl dd	{margin: 0 0 20px 40px; font-weight: bold;}

#history #content, 
#contact #content, 
#links #content,
#focus #content {
	width: 500px; 
	padding: 15px 0 0 0;
	position: relative;
	z-index: 10;
}

	#focus span.locDate 		{display: block; width: auto; margin: 27px 0 0 20px; font-size: 0.85em;}
	#focus span.locDate a img	{border: 1px solid #0292A7;}
	
#feesList {
	width: 150px;
	float: right;
	margin: 15px 0 15px 0;
	border: 1px solid #0192A7;
	padding: 5px;
}
	#feesList p		 		{padding: 0; margin: 10px 0 5px 0; font-size: 0.75em; text-align: center;}
	
#sideGallery {
	float: right;
	width: 250px;
	margin: 60px 25px 0 0;
	position: relative;
	z-index: 10;
}
	#sideGallery img {margin: 0 0 15px 0;}

#facultyList {
	position: relative;
	float: right;
	width: 250px;
	margin: 10px 25px 0 0;
	text-align: center;
	z-index: 10;
}
	#facultyList h3 	{font-weight: normal; text-align: center; margin: 15px 0 0 0; color: #006277; font-size: 1.3em; border-bottom: 1px solid #38A9B7;}
	#facultyList dl	{}
	#facultyList dt	{color: #006277; font-weight: bold; font-size: 0.95em;} 
	#facultyList dd	{margin: 0 0 15px 0; padding: 0 ; font-size: 0.7em;}
	
.workshopInfo {
	margin: 15px 0 0 0;
	padding: 10px;
	width: 365px;
}
	.workshopInfo h3 {width: auto; font-weight: bold; font-size: 1.2em; text-align: center; margin: 0 20px 5px 20px; padding: 10px 0 10px 0; border-bottom: dashed 1px #000;}
	.workshopInfo span {display: block; float: left; font-size: 0.8em; line-height: 1.3em;}
	.workshopInfo span.locDate {width: 275px;}
	.workshopInfo span.apply {width: auto; float: right;}
	
.news {
	margin: 0 0 30px 0;
	position: relative;
	z-index: 10;
}	
	.news h3 			{margin: 20px 0 3px 20px; color: #BE0F3E; font-size: 1.5em; border-bottom: 1px dashed #BE0F3E; text-align: center;}
	.news img 		{display: block; margin: 10px auto 10px auto;}
	.news p			{line-height: 1.3em; font-size: 0.9em; margin: 30px 0 0 0; text-align: justify;}
	.news .postedOn	{font-size: 0.8em; float: right;}

/* *** Forms and Admin*** */	
form#email {
	margin: 15px 0 0 50px;
}
	#email fieldset 		{border: none;}
	#email h3 			{font-weight: normal; margin: 15px 0 -15px 0; color: #006277; font-size: 1.1em;}
	#email input.text		{margin: 0; width: 200px; background: #38A9B7; border: 2px solid #fff; color: #fff;}
	#email input.button	{float: right; margin: 10px 25px 0 0; background: #38A9B7; border: 2px solid #fff; color: #fff; font-weight: bold;}
	#email textarea		{width: 400px; background: #38A9B7; border: 2px solid #fff; color: #fff;}
	
form.application {
	position: relative;
	z-index: 2;
	float: left;
	width: 355px;
	margin: 0 0 0 15px;
}
	.application fieldset			{border: none; width: 350px;}
	.application h3 				{font-weight: normal; text-align: center; margin: 15px 0 0 0; color: #006277; font-size: 1.5em; border-bottom: 1px solid #38A9B7;}
	.application label			{float: left; width: 120px; margin: 23px 0 0 0; text-align: right;}	
	.application input.text		{margin: 20px 20px 0 0; width: 180px; float: right; background: #38A9B7; border: 2px solid #fff; color: #fff;}
	.application input.button		{float: right; margin: 20px 20px 0 0; background: #38A9B7; border: 2px solid #fff; color: #fff; font-weight: bold;}
	.application select			{margin: 20px 20px 0 0; width: 184px; float: right; background: #38A9B7; border: 2px solid #fff; color: #fff;}
	
form.admin {
	width: 550px;
	margin: 0 auto 0 auto;
	min-height: 350px;
	position: relative;
	z-index: 2;
}
	.admin fieldset				{border: none; width: 550px;}
	.admin h3 					{width: auto; font-weight: normal; text-align: center; margin: 30px 0 0 0; color: #006277; font-size: 1.5em; border-bottom: 1px solid #38A9B7;}
	.admin h4 					{width: 50%; font-weight: normal; text-align: center; margin: 30px 0 0 0; color: #006277; font-size: 1.1em; border-bottom: 1px solid #38A9B7;}
	.admin label					{float: left; width: 180px; margin: 23px 0 0 0; text-align: right;}	
	.admin input.text				{float: right; margin: 20px 70px 0 0; width: 250px; background: #38A9B7; border: 2px solid #fff; color: #fff;}
	.admin input.inlineText		{margin: 0; width: 145px; background: #38A9B7; border: 2px solid #fff; color: #fff;}
	.admin input.inlineTextBig	{margin: 0; width: 200px; background: #38A9B7; border: 2px solid #fff; color: #fff;}
	.admin input.inlineTextBad	{margin: 0; width: 145px; background: #D60033; border: 2px solid #fff; color: #fff;}
	.admin input.button			{margin: 20px auto 0 auto; display: block; background: #38A9B7; border: 2px solid #fff; color: #fff; font-weight: bold;}
	.admin input.inlineButton		{margin: 0; display: inline; background: #38A9B7; border: 2px solid #fff; color: #fff; font-weight: bold;}
	.admin input.bigButton		{margin: 20px auto 0 auto; display: block; background: #D60033; border: 2px solid #fff; padding: 5px; color: #fff; font-weight: bold;}
	.admin select					{float: right; margin: 20px 140px 0 0; width: 184px; background: #38A9B7; border: 2px solid #fff; color: #fff;}
	.admin select.inline			{float: none; display: inline; margin: 20px 0 0 0; width: 184px; background: #38A9B7; border: 2px solid #fff; color: #fff;}
	.admin select.small			{float: right; margin: 0; background: #38A9B7; border: 2px solid #fff; color: #fff;}
	.admin textarea				{float: right; margin: 20px 0 0 0; width: 500px; height: 300px; background: #38A9B7; border: 2px solid #fff; color: #fff;}
	.admin th					{font-weight: normal; color: #006277;}
	.admin input.deleteButton		{float: right; background: #D60033; border: 2px solid #fff; color: #fff; font-weight: bold; margin: -23px 0 0 0;}
	.admin input.file				{margin: 0 23px 0 0; width: 200px; background: #38A9B7; border: 2px solid #fff; color: #fff;}
	.admin a.button				{padding: 0 5px; display: block; background: #38A9B7; border: 2px solid #fff; color: #fff; font-weight: bold; font-size: 0.9em; text-align: center;}
	
form.workshopSelect {
	width: 500px;
	min-height: 350px;
	margin: 0 auto 0 auto;
	position: relative;
	z-index: 2;
}
	.workshopSelect fieldset					{border: none;}
	.workshopSelect input.button				{margin: 20px 10px 0 0; float: right; background: #38A9B7; border: 2px solid #fff; color: #fff; font-weight: bold;}
	.workshopSelect table						{width: 100%; margin: 15px 0 0 0;}
	.workshopSelect td, .workshopSelect th		{text-align: center; padding: 5px;}
	.workshopSelect h3 						{font-weight: normal; text-align: center; margin: 15px 0 0 0; color: #006277; font-size: 1.5em; border-bottom: 1px solid #38A9B7;}
	
table#faculty,
table#fees {
	margin: 0 0 0 -95px;
}

table#addLinks {
	margin: 0 auto 0 auto;
}
	
ul#adminMenu {
	float: right;
	margin: -5px 15px 0 0;
	position: relative;
	z-index: 5;
}
	ul#adminMenu li 	{display: inline; font-weight: bold; font-size: 0.8em; margin: 0 0 0 10px;}

table.applicants {
	position: relative;
	margin: 20px auto 0 auto;
	width: 75%;
	display: block;
	text-align: center; 
	z-index: 10;
	background: #80C7CC;
}
	table.applicants tr {border-bottom: 2px solid #fff;}
	table.applicants td {padding: 5px 10px; border-top: 2px solid #fff;}
	
table.images {
	position: relative;
	margin: 20px auto 0 auto;
	width: 300px;
	display: block;
	text-align: center;	
	z-index: 10;
	background: #80C7CC;
}
	table.images tr {border-bottom: 2px solid #fff;}
	table.images td {padding: 5px 10px; border-top: 2px solid #fff;}

/* *** Style divs *** */
.sectionFoot {
	width: 387px;
	height: 143px;
	margin: -120px 0 0 0;
	background: url(../images/sectionFootbg.gif) no-repeat;
}

#sectionWideFoot {
	position: relative;
	width: 800px;
	height: 146px;
    margin: -120px 0 0 0;
	background: url(../images/bigSectionFoot.gif) no-repeat;
	z-index: 1;
}

#pageFoot {
	width: 100%;
	height: 120px;
	margin: 10px 0 0 0;
	background: url(../images/bottomgrad2.jpg) repeat-x;
	text-align: center;
}
	#pageFoot span {font-size: 0.85em; color: #fff;}
	
h3.category {
	width: 50%; 
	font-weight: normal; 
	text-align: center; 
	margin: 10px 0 0 100px; 
	color: #006277; 
	font-size: 1.1em; 
	border-bottom: 1px solid #38A9B7;
}
	

.clear {
	clear: both;
}

.fright {
	float: right;
}

.fleft {
	float: left;
}