/* @override 
	http://www.myoae.com/css/master.css
	http://myoae.com/css/master.css
*/

/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */


/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,blockquote,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }

/* more varnish stripping as necessary... */

html, body {
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 12px;
	color: #666666;
	background: #ffffff
		url(../images/wave_bckgrnd.gif);
}

body a {
	color: #ffffff;
	text-decoration: none;
}

body a:hover {
	color: #faa21b;
}

h2 {
font-size:1.25em;
color:#22bed4;
}

h3 {
font-size:1.25em;
color:#555555;
}

.hidden {
	display: none;
}

.clear {
	clear: both;
}

#wrapper {
	width: 800px;
	margin: auto;
	margin-top: 0px;
	background: #dddddd
}

#header {
	height: 128px;
	width: 800px;
	overflow: hidden;
	background: #ffffff
		url(../images/header.jpg);
	cursor:pointer;
}

#logoLink {
	display: block;
	height: 128px;
	width: 375px;
	cursor:pointer;
}


#logoLink:hover {
	cursor:pointer;
	}


#navbar {
	background: #ffffff
		url(../images/topnav_bckgrnd.gif);
	height: 27px;
}

#topnav {
	margin: 0px 0px 0px 0px;
	padding: 6px 0px 0px 8px;
}

#topnav a {
	margin-left: 10px;
}

#navbar2 {
	background: #faa21b
	height: 27px;
}

#lownav {
	margin: 0px 0px 0px 0px;
	padding: 6px 0px 0px 8px;
}

#lownav a {
	margin-left: 10px;
}

#tourlinks a {
	margin-left: 10px;
}

#homepagePhoto {
	position:  relative;
	width: 800apx;
	background: #000;
	overflow: hidden;	
}

#homepageCaption {position: absolute; top:425px; width: 300px; background-color: #fff; color: #000; filter: alpha(opacity=80); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); -moz-opacity: 0.80; opacity:0.80; text-align: left; padding: 5px 8px 5px 8px; display: none; font-size: 11px; line-height: 12px;}


#content {
	width: 800apx;
	background: #ffffff;
	overflow: hidden;
}

#player {
	z-index: 1;
	margin:auto;
}

#calendar {
	float: right;
	padding: 15px 15px 15px 15px;
	width: 375px;
	overflow: hidden;
}

#map {
	float: right;
	margin: 15px 15px 15px 15px;
	width: 375px;
	overflow: hidden;
}

#contentLeft {
	float: left;
	overflow: hidden;
	width: 365px;
	padding: 15px;
	text-align: center;
}

#contentLeft div p {
	margin: 5px;
	padding: 0px;
}

#contentLeft div a {
	color: #22bed4 ;
}

#contentLeft div a:hover {
	color: #faa21b ;
}

#contentLeft div {
	padding-bottom:15px;
}

#contentFull {
	float: left;
	overflow: hidden;
	width: 800px;
	padding: 0px;
	text-align: center;
}

#contentFull div p {
	margin: 5px;
	padding: 0px;
}

#contentFull div a {
	color: #22bed4 ;
}

#contentFull div a:hover {
	color: #faa21b ;
}

#contentFull div.staffContainer div.staffPhoto {
	float:left;
	padding: 15px;
}

#contentFull div.staffContainer div.staffText {
	float: left;
	padding: 15px 0px 15px 0px;
	text-align: left;
}

#contentFull div.staffContainer {
	float: left;
	width: 400px;
	height: 205px;
	padding: 0px;
	background-color: #ffffff;
	margin: 0px 0px 0px 0px;	
}

#contentFull div:hover {
	background-color: #dddddd;

}

#contentRight {
	float: left;
	width: 375px;
	padding: 15px;
	overflow: hidden;
	text-align: center;
}

#contentRight div p {
	margin: 5px;
	padding: 0px;
}

#contentRight div a {
	color: #22bed4 ;
}

#contentRight div a:hover {
	color: #faa21b ;
}

#contentRight div {
	padding-bottom:15px;
}



#footer {
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 10px;
	color: #ffffff;
	background: #ffffff
		url(../images/footer_bckgrnd.gif);
	height: 30px;
	clear: both;
}

#footerlegal {
	float:  left;
	padding: 8px 16px 0px 16px;
}

#designcredit {
	float: left;
	padding: 8px 8px 0px 18px;
	color: #faa21b;
}

#footernav {
	float: right;
	padding: 8px 16px 6px 16px;
}

#footernav a {
	margin-left: 10px;
}