/* -----------------------------------
Site:       Coastal Discovery
CSS author: Catlin Barnes 
Updated:	March 10 2011
Updated by: Catlin Barnes
----------------------------------- */



/* -----------------------------------
elements
----------------------------------- */

body {
	background-color: #fbde97;
	margin: 0;
	}

body, td, th {	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 100%;
	letter-spacing: 0.02em;
	color: #333;
	}	

hr {
	margin: 25px 0;
	color: #CCC;
	}

p {
	font-size: .90em;
	line-height: 1.4em;
	margin: .65em 0 1.2em 0;
	padding: 0 0 0 10px;
	}
p.programs {
	font-size: .90em;
	line-height: 1.4em;
	margin: .65em 0 1.2em 0;
	padding: 0 0 10px 10px;
	}

h1 {
	font-size: 1.2em;
	}

h2 {
	font-size: .90em;
	line-height: 1.4em;
	margin: .2em 0 .4em 0;
	padding: 0 0 0 10px;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #333;
	display: block;
}

h3 {
	font-size: .85em;
	}
	
h4 {}
	
h5 {
	font-size: .8em;
	line-height: 1.4em;
	font-weight: normal;
	color: #009;
	margin-bottom: 25px;
	font-family: Verdana, Geneva, sans-serif;
	font-style: italic;
	}
h6 {
	font-size: 0.85em;
	line-height: 1.6em;
	font-weight: normal;
	color: #251F89;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	font-style: italic;
	margin: 25px 0 10 0;
	}

small {
	font-size: 0.8em;
	color: #666;
	}

/* anchor tags in necessary order (LVHA) */
a:link {
	font-weight: normal;
	text-decoration: none;
	color: #281B80;
	}

a:visited {
	font-weight: normal;
	color: #281B80;
	text-decoration: none;
	}

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

a:link {
	font-weight: normal;
	text-decoration: none;
	color: #281B80;
	}

/* anchor style secondary */
a.one:link {
	color: #251F89;
	text-decoration: none;
	}
a.one:visited {
	text-decoration: none;
	color: #251F89;
	}
a.one:hover, a.one:active {
	color: #251F89;
	background-color: #F9EDB8;
	text-decoration: none;
	}

/* anchor style secondary */
a.two:link {
	color: #251F89;
	border-bottom: 1px dotted #251F89;
	text-decoration: none;
	}
a.two:visited {
	text-decoration: none;
	color: #251F89;
	border-bottom: 1px dotted #251F89;
	}
a.two:hover, a.one:active {
	color: #251F89;
	background-color: #F9EDB8;
	text-decoration: none;
	}
	
	
/* -----------------------------------
header
----------------------------------- */	
	
#mast {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	background: url(../images/mast.jpg) no-repeat center;
	height: 360px;
	}

/* -----------------------------------
layout
----------------------------------- */

#container {
	padding: 0 0 15px;
	color: #333;
	background: #ffffff url(../images/cntr_faux_bg.gif) repeat-y left top;
	margin: 0 auto;
	width: 865px;
	position: relative;
	left: -15px;
	}

#intro {
	position: relative;
	margin: 0 50px 2px 230px;
	padding: 0 10px;
	border: 1px dashed #333;
/*	background: url(../images/faux_bg.gif) repeat-y 	left bottom;*/
	clear: both;
	float: left;
	width: 560px;
	}
	
#intro h3 {
	background-color: transparent;
	font-weight: normal;
	text-align: left;
	color: #333;
	font-size: 1.2em;
	margin: 0 0 20px;
	padding: 1px 0 3px;
	}
	
#quickSummary {
	width: 157px;
	float: left;
	margin: .85em 0 0;
	background-color: #F9EDB8;
	padding: 0.33em;
	}
	
#quickSummary p{
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	line-height: 1.4em;
	font-style: normal;
	display: block;
	margin: 0 0 .90em 0;
	}

#mainContent ul li {
	margin: 0 0 .3em 0;
	font-size: .90em;
	line-height: 1.3em;
	color: #333;
	list-style: square outside;
	}
#mainContent {
	padding: 0;
	margin: 0 50px 10px 225px;
	}
	
#mainContent object {
	margin: 0;
}

#mainContent h1 {
	color: #333;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	font-size: 1.2em;
	margin: 14px 0 20px 0;
	padding: 10px 0 10px 10px;
	font-weight: lighter;
	text-shadow: 2px 2px 2px #bbb; 
	}

#photoFloatL {
	float: left;
	margin-right: 30px;
	width: 175px;
	font-size: 1em;
	line-height: 1.2em;
	color: #666;
	text-align: center;
	font-style: italic;
	padding: 10px 10px 10px 0;
	border-width: 0;
	border-style: none;
	}
	
#photoFloatR {
	float: right;
	width: 250px;
	font-size: 1.2em;
	line-height: 1.4em;
	color: #666;
	text-align: center;
	padding-bottom: 15px;
	font-style: italic;
	font-weight: lighter;
	}
	
#preamble {
	padding: 10px 5px 0 15px;
	width: 560px;
	float: right;
	/*border-left: 1px dashed #666;*/
	margin: 5px 0 0;
	}
	
#preamble h2 {
	font-size: 18px;
	color: #251F89;
	margin: 0 0 .5em 0;
	font-weight: lighter;
	}
	
#statement {
	clear: right;
	padding: 5px 5px 0;
	}
	
#statement ul  {
	margin: -8px 0 20px 0;
	}


/* -----------------------------------
global navigation
----------------------------------- */
#linkList {
	width: 165px;
	height: 490px;
	position: absolute;
	background: url('../images/lupin.jpg') no-repeat bottom;
	margin: 0;
	padding: 0;
	left: 45px;
	text-align: left;
	font-size: 102%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: lighter; 
	}
	
#linkList ul {
	margin: .5em 0 .85em 10px;
	list-style-type: none;
	padding: 0;
	}
	
#linkList li {
	text-decoration: none;
	display: block;
	margin: 0 0 .65em 0;
	padding:0;
	}
	
#linkList a:link, a:visited {
	font-weight: normal;
	text-decoration: none;
	color: #281B80;
	}

#linkList a:hover, a:active {
	text-decoration: underline;
	color: #000099;
	}


/* -----------------------------------
footer
----------------------------------- */	
#footer {
	font-size: .85em;
	text-align: center;
	background-color: #fff;
	color: #333;
	margin: 5px 0 10px 0;
	line-height: 1.6em;
	}
	
#footer a:link, #footer a:visited {
	margin:0 15px 0 0;
	}
	
#footer a:hover, #footer a:active {
	text-decoration: underline;
	color: #000099;	
	}
	
	
/* -----------------------------------
jQuery accordian classes
----------------------------------- */
.accordion {
	width: 580px;
	border-bottom: solid 1px #c4c4c4;
	margin: 0 0 0 3px;
}

.accordion h3 {
	background: #E0EBFF url(../images/arrow-square.gif) no-repeat right -51px;
	padding: 15px;
	margin: 0 auto;
	border: solid 1px #c4c4c4;
	border-bottom: none;
	cursor: pointer;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	font-weight: normal;
	}

.accordion h3:hover {
	background: #FFF7B9
	url(../images/arrow-square.gif) no-repeat right -51px;
	}
	
.accordion h3.active {
	background-position: right 5px;
	}
	
.accordion p {
	background: #f7f7f7;
	margin: 0;
	padding: 10px 15px 20px;
	border-left: solid 1px #c4c4c4;
	border-right: solid 1px #c4c4c4;
	}

/* -----------------------------------
classes
----------------------------------- */
.alert {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;;
	font-size: .80em;
	line-height: 1.3em;
	font-style: italic;
	color: #903;
	font-weight: bold;
padding: 0 0 0 10px;}

.caption {
	font-size: 0.85em;
	text-align: left;
	line-height: 1.4em;
	color: #333;
	padding-left: 40px;
	padding-right: 30px;
	font-family: Georgia, "Times New Roman", Times, serif;
	}
	
.credits {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #999;
	text-align: right;
	margin: -.5em 0 0;
	padding: 0;
	}

.caps {
	text-transform: uppercase;
	}

.dates {
	font-size: .85em;
	font-family: Helvetica, Arial, sans-serif;
	color: #292182;
	letter-spacing: -.02em;
	padding:0 0 0 10px;
}
	
.floatL {
	float: left;
	vertical-align: top;
	border-style: none;
	margin: 0 12px 3px 10px;
	}
	
.floatR {
	float: right;
	vertical-align: top;
	border-width: 1px;
	border-style: none;
	margin: 0 0 5px 10px;
	}

.inherit {
	float: left;
	vertical-align: top;
	border-width: 1px;
	border-style: solid;
	border-color: #000;
	margin: 5px 15px 5px 0;
	}
	
.inherit2 {
	vertical-align: top;
	padding-bottom: 20px;
	}


/*-------------------------------
Video styling
-------------------------------*/

.videoBox {
width: 540px;
margin: .65em 0 ;
padding: 2em  20px 0;
border: 1px #c1c1c1 solid;
float: left;
background-color: #f9f5e3;
border: 1px solid #c1c1c1;
}

.videoBox iframe {
width: 380px;
float: right;
margin: 0 0 2em 0;
border: 0;
}

.videoBox p {
margin: 0 0 1em 0;
line-height: 1.6em;
}
.vid_pfloat {
width: 135px;
float: left;
}