/* Start of CMSMS style sheet 'Main' */
/* Start of CMSMS style sheet 'Main' */
/* CSS Document */

A:link {text-decoration: underline; color:#215b33;}
A:visited {text-decoration: underline; color:#215b33}
A:active {text-decoration: underline; color:#215b33}
A:hover {text-decoration: underline; color:#9bb08e;}

#adventure{position:absolute; left:156px; top:61px; width:620px; height:45px; overflow:hidden; margin:0px; z-index:2;}
		
body {background-image:url(uploads/images/bgpat3.jpg); background-repeat:repeat; margin: 0px auto 0px; padding:0px;font-family:arial,helevetica,sans-serif}


/* used on several pages my be resized as needed */
.box{border-color:#215b33; background-color:#ffffff; color:#141414}
.box{ border-width:1px; border-style:solid; width:190px; margin:5px; padding:0px; text-align:left;}
.box p{clear:left; margin:0px 5px 5px;}
.box-head p{clear:left; margin:0px 5px 5px;}
.box-head p{color:#EBEBEB}
.box-head{height:25px; width:165px; float:left; text-align:left; margin:0px 0px 5px 0px !important; overflow:hidden;}
.box-head{background-color:#215b33; color:#EBEBEB !important;}
.box-head h1{margin: 3px 5px !important; font-size:10pt; padding:0px; text-decoration:none}
.box-head h1{background-color:#215b33; color:#EBEBEB !important;}
.box-head h1 a{margin:0px !important; text-decoration:none}
.box-head-end {width:25px; height:25px; float:left !important; margin:0px !important; padding:0px !important; border-style:none !important; }
td .box-head h1 a{color:#ffffff !important; text-decoration:none !important;}
/* --------- USE THIS TEMPLATE TO MAKE A BOX ------------
<div style="" class="box">
	<div class="box-head">
		<h1>box header</h1>
	</div>
	<img class="box-head-end" src="images/box-head-end.gif" width="25" height="25" alt="">
	<p>body text and images go here</p>
</div>
------------------END BOX TEMPLATE---------------------*/


.buttons{background-image:url(../images/compose_button.gif);}

/*clear classes */
.clear{clear:both;height:1px;overflow:hidden;}
.clear-right{clear:right; margin:0px}
.clear-left{clear:left; margin:0px}

.discoveryCenterSpan { color:#000000; margin-left:-10px; font-size:11pt; font-weight:bold; }

/*used to display animal exhibits on zoo page */
.exhibit-index-box{ float:right; margin:5px; padding:0px;}
.exhibit-index-column {float:left; width:152px; margin-right:5px;}
.exhibit-index-column a{border:0px;}
.exhibit-image{border-width:1px; border-style:solid; margin:0px 0px 5px !important;}
.exhibit-image{border-color:#215b33;}

/* controls style of footer on all pages */
#footer {margin: 0px auto 0px; height:100px; width:775px;}
#footer p{margin: 3px 6px; font-size:10px;}
#footer{ background-color:#215b33; color:#EBEBEB; border:1px solid #215b33; border-bottom-width: 0px}
#footer a:link {color:#FFFFFF; text-decoration:none; font-size:10pt;}  
#footer a:visited {color:#FFFFFF; text-decoration:none; font-size:10pt;}
#footer a:hover{color:#aaaaaa; text-decoration:none; font-size:10pt;}
#footer a:active {color:#FFFFFF; text-decoration:none; font-size:10pt;}

#header{background-color:#215b33; border:1px solid #215b33; border-bottom-width: 0px}
#header_logo{height:59px;}
#header{ position:relative;	width:775px; height:160px; text-align:left;	margin: 0px auto 0px; padding:0px; background-image:url(/uploads/images/museum_header.jpg); background-position: right top; background-repeat:repeat-x;}

#header_adventure{ position:relative; width:775px; height:125px; text-align:left; margin: 0px auto 0px; padding:0px; background-image:url(/uploads/images/museum_header.jpg); background-position: right top; background-repeat:repeat-x;}

h1 {margin: 10px; padding:3px; text-align:left; font-size:14pt;  font-weight:bold;}
h1.center{margin: 10px; padding:3px; text-align:center; font-size:14pt;  font-weight:bold;}
h2 {margin: 3px 10px 3px; text-align:left; font-size:11pt; font-weight:bold; font-style:italic; padding:4px;}
h2.regular {margin: 3px 10px 3px; text-align:left; font-size:11pt; font-weight:bold; padding:4px; font-style:normal}
h3 {margin: 3px 10px 3px; text-align:left; font-size:10pt; font-weight:normal; font-style:italic; padding:4px;}

.inline-box-img{border:1px solid #215b33}
.inline-box-img{float:right; width:75px; height:75px; margin:3px 0px 3px 3px;}

li {font-size:10pt; }

#logo {position:absolute; margin:0px; left:0px; top:0px; z-index:1}

#menu{background-color:#215b33;}
#menu{position:absolute; left:156px; top:61px; width:775px; height:25px; overflow:hidden; margin:0px; z-index:99;}

#myframe { height: 600px; }

p { margin:11px; padding:3px; font-size:10pt; }
p.center{text-align:center; margin:11px; padding:3px; font-size:17; font-weight:bold;}
p.error{ text-align:center; margin:11px; padding:3px; font-size:17; font-weight:bold; color:#FF0000;}
p.type1 { text-align:center; font:Arial, Helvetica, sans-serif; color:#FF0000;}

#page{ background-color:#fff; border:1px solid #215b33; border-top-width: 0px; border-bottom-width: 0px}


.page-head{margin:10px; float:left;}



.portal_view{border-width:1px; border-style:solid; width:190px; margin:5px; padding:0px; text-align:left;}
.prop{width:1px; height:500px; float:left; margin:0px; padding:0px;}

/*zoo exhibit pics*/
.slide-show-box {display: table; vertical-align:middle; width:300px; height:250px; margin:0px; background-color:#999966;}
.slide-show-box img {margin:auto auto auto}
.slide-show-end {width:300px; height:25px; margin:0px; background-color:#336633;}
.slide-show-end p{color:white;}
.slide-show-end p a:{color:#FFFFFF !important}
.slide-show-end p a:hover{color:#cccccc !important}
.slide-show-end p a:active{color:#AAAAAA !important}
.slide-show-end p a:follow{color:#000000 !important}

.sSummary { width: 100%; }
.sSummary th { width: 40%; font-weight: bold; text-align: left;}
.sSummary td { width: 60%; }

table.adminIF{right:50%}
table.center{text-align:center; font-family: Arial, Helvetica, sans-serif; font-size:11pt;}

td {text-align:left; font-family: Arial, Helvetica, sans-serif; font-size:11pt; }
td.center {text-align:center; font-family: Arial, Helvetica, sans-serif; font-size:11pt; }

th {font-family: Arial, Helvetica, sans-serif;}
th.board{background-color: #FFFFFF; font-weight: bold; text-align:center;}
td.board{background-color:#215b33; color:#FFFFFF;}

ul {margin:5px 5px 5px 5px;}

.zoo-foot{color:#EBEBEB}
.zoo-foot{text-align:center; }
.zoo-foot a{text-decoration:none}



/*--------------------GOOGLE SEARCH TOOL ----------------*/

  .gsc-control-cse {
    font-family: "Trebuchet MS", sans-serif;
    border-color: #215b33;
    background-color: #FFFFFF;
  }
  input.gsc-input {
    border-color: #215b33;
  }
  input.gsc-search-button {
    border-color: #215b33;
    background-color: #9bb08e;
  }
  .gsc-tabHeader.gsc-tabhInactive {
    border-color: #E9E9E9;
    background-color: #E9E9E9;
  }
  .gsc-tabHeader.gsc-tabhActive {
    border-top-color: #ff6600;
    border-left-color: #E9E9E9;
    border-right-color: #E9E9E9;
    background-color: #FFFFFF;
  }
  .gsc-tabsArea {
    border-color: #E9E9E9;
  }
  .gsc-webResult.gsc-result {
    border-color: #FFFFFF;
    background-color: #FFFFFF;
  }
  .gsc-webResult.gsc-result:hover {
    border-color: #215b33;
    background-color: #f5f5f5;
  }
  .gs-webResult.gs-result a.gs-title:link,
  .gs-webResult.gs-result a.gs-title:link b {
    color: #215b33;
  }
  .gs-webResult.gs-result a.gs-title:visited,
  .gs-webResult.gs-result a.gs-title:visited b {
    color: #9bb08e;
  }
  .gs-webResult.gs-result a.gs-title:hover,
  .gs-webResult.gs-result a.gs-title:hover b {
    color: #215b33;
  }
  .gs-webResult.gs-result a.gs-title:active,
  .gs-webResult.gs-result a.gs-title:active b {
    color: #9bb08e;
  }
  .gsc-cursor-page {
    color: #215b33;
  }
  a.gsc-trailing-more-results:link {
    color: #215b33;
  }
  .gs-webResult.gs-result .gs-snippet {
    color: #000000;
  }
  .gs-webResult.gs-result .gs-visibleUrl {
    color: #008000;
  }
  .gs-webResult.gs-result .gs-visibleUrl-short {
    color: #008000;
  }
  .gsc-cursor-box {
    border-color: #FFFFFF;
  }
  .gsc-results .gsc-cursor-page {
    border-color: #E9E9E9;
    background-color: #FFFFFF;
  }
  .gsc-results .gsc-cursor-page.gsc-cursor-current-page {
    border-color: #ff6600;
    background-color: #FFFFFF;
  }
  .gs-promotion.gs-result {
    border-color: #336699;
    background-color: #FFFFFF;
  }
  .gs-promotion.gs-result a.gs-title:link {
    color: #0000CC;
  }
  .gs-promotion.gs-result a.gs-title:visited {
    color: #0000CC;
  }
  .gs-promotion.gs-result a.gs-title:hover {
    color: #0000CC;
  }
  .gs-promotion.gs-result a.gs-title:active {
    color: #0000CC;
  }
  .gs-promotion.gs-result .gs-snippet {
    color: #000000;
  }
  .gs-promotion.gs-result .gs-visibleUrl,
  .gs-promotion.gs-result .gs-visibleUrl-short {
    color: #008000;
  }

/*----------------------------------------------------------------*/

/* Mozilla / safari min-height hack */
#page {
	width:775px;
	margin: 0px auto 0px;
	background-image:url(images/Cypress.jpg);
	background-repeat: repeat-x;
	min-height:400px;
	_height:400px; /*ie hack for min-hieght */
}

#page_comic{
	width:775px;
	text-align:center;
	margin: 0px auto 0px;
	background-image:url(images/Cypress.jpg);
	background-repeat: repeat-x;
	min-height:400px;
	_height:400px; /*ie hack for min-hieght */
}
/* End of 'Main' */


/* End of 'Main' */

