@charset "utf-8";
/* This will ensure that hover effects work on Internet Explorer 6 on tabe row
   page elements and the rest that use the hover css rule properly will ignore
   this anyhow, conveniently. */
@media screen {
	* html tr {
		behavior: expression(
			this.onmouseover = new Function("this.className += ' hover'"),
			this.onmouseout =
			   new Function("this.className = this.className.replace(' hover','')"),
			this.style.behavior = null
		);
	}
	body {
		background-image: url(../images/IslandTop.gif);
		background-repeat: no-repeat;
		background-color: #FFFFFF;
		background-position: left top;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: small;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 2em;
		margin-left: 0px;
		padding: 0px;
	}
	#scheduleTable tr  {
		background-color: #FF8635;
	}

	#scheduleTable td {
		margin: 4px;
		padding-top: 4px;
		padding-right: 8px;
		padding-bottom: 4px;
		padding-left: 8px;
	}
	h2 {
		color: #FF6600;
		font-size: x-large;
		font-style: italic;
		text-indent: 1em;
	}

	h1 {
		font-family: "Monotype Corsiva", "Tempus Sans ITC", "Lucida Handwriting", "Brush Script MT", Impact, cursive;
		font-size: xx-large;
		font-weight: bold;
	}
	h3 {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: medium;
		font-style: italic;
		color: #339933;
		font-weight: bold;
		line-height: 1.3px;
		text-indent: 2em;
	}
#mainContent h4 {
	font-size: medium;
	font-style: italic;
	font-weight: bold;
}
#mainContent  h5  {
	font-size: medium;
	background-color: #EBEBEB;
	color: #333333;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}
#mainContent h6 {
	font-size: medium;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #006633;
	font-style: italic;
	margin: 0px;
	padding-top: 1em;
	padding-right: 0em;
	padding-bottom: 0em;
	padding-left: 0em;
}
	p {
		text-indent: 1em;
		margin: 1em;
	}

	a {
		color: #FF3300;
		text-decoration: none;
		font-weight: bold;
	}
	a:hover {
		color: #FF0000;
		text-decoration: underline;
	}
	a:visited {
		color: #CC0000;
	}
	#scheduleTable tr:hover, tr.hover {
		background-color:     #ffff99;
	}
	#mainContent {
		margin-left: 215px;
		margin-top: 70px;
		margin-right: 2%;
		margin-bottom: 2%;
	}
	/*******************************************************************************/
	#menu ul {
		list-style-type: none;
		padding: 0px;
		width: 170px;
		display: block;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: large;
		font-style: italic;
		font-weight: bold;
		background-position: center center;
		line-height: 2.4em;
		margin: 0px;
		position: absolute;
		left: 0px;
		top: 195px;
		z-index: 1;
		overflow: visible;
		float: left;
	}
	#menu li {
		display: block;
		padding-top: 0px;
		padding-bottom: 5px;
		width: 170px;
		height: 42px;
		margin: 0px;
		padding-left: 0px;
		padding-right: 0px;
		background-repeat: no-repeat;
		background-position: right;
		float: left;
		text-align: center;
		background-image: url(../images/IslandTab.png);
	}
	#menu  a  {
		background-repeat: no-repeat;
		background-position: right top;
		display: block;
		width: 170px;
		border-top-width: 1px;
		border-right-width: 1px;
		border-bottom-width: 1px;
		border-left-width: 1px;
		border-top-color: #FF0000;
		border-right-color: #FF0000;
		border-bottom-color: #FF0000;
		border-left-color: #FF0000;
		height: 42px;
		color: #000000;
		text-decoration: none;
		line-height: 2.4em;
	}
	#menu    a:hover  {
		color: #FFFFFF;
		background-image: url(../images/IslandTabHover.png);
		background-repeat: no-repeat;
		background-position: right top;
		text-align: left;
		text-indent: 2.3em;
		border-top-width: 1px;
		border-right-width: 1px;
		border-bottom-width: 1px;
		border-left-width: 1px;
		border-top-color: #0000FF;
		border-right-color: #0000FF;
		border-bottom-color: #0000FF;
		border-left-color: #0000FF;
		height: 42px;
		width: 170px;
		line-height: 2.4em;
		display: block;
	}

	/*********************** Footer area container div ******************************/
	#footer {
		font-family: 		Geneva, Arial, Helvetica, sans-serif;
		font-size: 			small;
		font-weight: 		bold;
		text-align: 		center;
		background-color: #ECECEC;
		border-top-style: none;
		border-right-style: none;
		border-bottom-style: none;
		border-left-style: none;
		width: 75%;
		padding-bottom: 1em;
		display: block;
		padding-top: 1em;
		background-position: top;
		margin-top: 0em;
		margin-right: auto;
		margin-bottom: 0em;
		margin-left: 20%;
		line-height: 2em;
	}
	/*********************************************************************************/
	#footersurround {
		background-image: url(../images/footerborder.gif);
		background-repeat: repeat-x;
		background-position: top;
		width: 90%;
		padding-top: 1em;
		margin-top: 2em;
		margin-right: auto;
		margin-left: auto;
		padding-bottom: 2em;
		float: left;
		clear: both;
	}
	#tagline {
		margin-top: 5px;
		margin-left: 230px;
	}
	#guestbook tr {
		background-color: #99CCFF;
	}
	#guestbook tr:hover, tr.hover {
		background-color: #99CCFF;
	}
	#contact   {
		font-size: medium;
		line-height: 1.4em;
		font-family: Georgia, "Times New Roman", Times, serif;
		border: 1px dotted #FFFFFF;
		height: 300px;
		width: 220px;
		margin: 0em;
	}
	#IslandCover     {
		margin: 0px;
		padding: 0px;
		border-top-style: none;
		border-right-style: none;
		border-bottom-style: none;
		border-left-style: none;
		height: 300px;
		width: 400px;
		left: 450px;
		display: block;
		position: absolute;
		top: 173px;
	}
	#fans {
		display: block;
		font-style: italic;
		font-size: medium;
		font-family: Geneva, Arial, Helvetica, sans-serif;
		width: 100%;
		float: left;
		clear: both;
		padding: 1em;
	}



	#scheduleTable .even {
		background-color: #E6E6E6;
	}
	#scheduleTable .NoMatches {
		background-color: #CCCCCC;
	}
	#scheduleTable .table_heading {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: medium;
		color: #FFFFFF;
		background-color: #333333;
	}
	/********************* Admin's signature class ***********************************/
	.adminsig
	{
		font-family:         "Monotype Corsiva", "Tempus Sans ITC", "Lucida Handwriting", "Brush Script MT", Impact, cursive;
		font-weight:         bold;
		font-size:         large;
	}
	/******************* Site Wide Outside Link Rules *****************************/
	/***** Place the out of site link image next to outside links on your own *****/
	a[href^="http:"]
	{
		background:         url(../images/outOfSiteLink.gif) no-repeat top right ;
		padding-right:        14px
	}
	/**************** But take it off if it goes to our site ***********************/
	a[href^="http://www.theenvironmentsite.org"]
	{
		background-image:    none;
		padding-right:        0
	}
	.booking {
	display: block;
	text-indent: 0px;
	margin-top: 1em;
	margin-right: 2em;
	margin-bottom: 2em;
	margin-left: 6em;
	padding: 1em;
	width: 21em;
	background-color: #FFFFCC;
	font-weight: bold;
	font-size: medium;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.5em;
	}
	.fullpage {
		width: 100%;
		margin: 0px;
		padding: 0px;
		height: 300px;
	}
	.indented {
	display: block;
	padding: 1em;
	}
	/* These are for the gallery area */
	.galleryWrapper {
		background: 		#B8CFE5;
		color:			    black;
		border: 		    none
		margin-top:		    1em;
		margin-bottom:		1em;
		margin-left: 		2em;
		margin-right:		2em;
		padding:		    1em;
	}
	.galleryCover {
		border:			    none;
		float:			    right;
	}
	.galleryTitle {
		font-family:        "Monotype Corsiva", "Tempus Sans ITC", "Lucida Handwriting", "Brush Script MT", Impact, cursive;
		font:               large;
	}
	.gallerySummary {
		font:			    xx-small;
	}
    .bold {
        font-weight: bold;
    }

}

@media print {
	body {
		color : #000000;
		background : #ffffff;
		font-family : "Times New Roman", Times, serif;
		font-size : 12pt;
	}
	a, ul, li {
		display : none;
	}
	tr  {
		background-color: #CCCCCC;;
		border-bottom: 1px solid black;
	}

	td {
		margin: 4px;
		padding-top: 4px;
		padding-right: 8px;
		padding-bottom: 4px;
		padding-left: 8px;
	}
	.even {
		background: #FFFFFF;
	}
	.NoMatches {
		background: #FFFFFF;
	}
	#menu, #footersurround, #footer, #tagline {
	  display : none;
	}
}