﻿
body {font-family: verdana, Arial, Helvetica, "Sans serif"; color:#2f4f4f; margin:40px 0; padding:0; text-align:center;  font-size: 0.8em;  background-color: #f9fbe8; }
h1 { font-family: Arial, Helvetica, "Sans serif"; font-size: 1.8em; font-weight: bolder; margin-bottom: 10px; margin-top: 4px; letter-spacing: 1px; }
h2 {font-family: Arial, Helvetica, "Sans serif"; font-size: 1.4em; margin-top: 10px; letter-spacing: 1px; }
h3 {font-family: Helvetica, "Sans serif"; font-size: 1.7em; letter-spacing: 0px; font-weight: bold; color:#999999; }
h4 {font-family: Arial, Helvetica, "Sans serif"; font-size: 1.1em;letter-spacing: 1px; }
h5 {font-family: Arial, Helvetica, "Sans serif"; font-size: 1em;letter-spacing: 1px; }
h6 {font-family: Arial, Helvetica, "Sans serif"; font-size: 1em;letter-spacing: 1px; }
p { line-height: 18px; }
img { border: 0; }
li { line-height: 16px; }
a:link { color:#003366; text-decoration: underline; font-weight: bold; }
a:visited { color:#000033;  font-weight: bold; }
a:hover {color:#FF9900; }
a:active {color:#FF9900; }
input { border: 1px solid #7F9DB9; }
a.skip {position: absolute; left: -1000em; width: 20em;}

#wrapper { width:959px; margin:0px auto; text-align:left; background-color:#fff;   }
#content { border:1px solid #000; margin: 0; font-size: 85%; }
#header { padding-top: 17px; padding-right: 26px; padding-left: 26px; }
#maincontent { padding-left: 26px; padding-right: 26px; }
#maincontentcoll { padding-left: 26px; padding-right: 0px; }
#footer { font-size: 0.7em; margin: 0px auto; text-align: center; }

#nav { height: 100%; vertical-align: top; float: middle; padding-top: 20px; width: 100%; text-align: center;}
#nav ul { margin: 0px; padding: 0px; list-style: none; }
#nav ul li { float: left; font-weight: bold; border-right: #; border-top: #; width:90px;}
#nav ul li a { display: block; text-decoration: none; height: 70%; padding: 0.4em 0.7em 0.4em 0.7em; }
#nav ul li a:hover { color: #000000; text-decoration: underline; }
#nav ul li a:focus { color: #000000; text-decoration: underline; }
#nav ul li a:active { color: #000000; text-decoration: underline; }

#secnav { height: 21px;  background-color : #000; border-bottom: 3px solid #FF9900;  }
#secnav ul { margin: 0px; padding: 0px; list-style: none; }
#secnav ul li { float: left; color: #fff; vertical-align : middle;  padding-left: 20px; }
#secnav ul li a { color: #fff; line-height: 20px; text-decoration: none; font-weight: normal; }
#secnav ul li a:hover { color : #ff9900; }
#secnav ul li a:focus { color : #ff9900; }
#secnav ul li a:active { color : #fff; }

#secnavoth { height: 21px;  background-color : #000;  }
#secnavoth ul { margin: 0px; padding: 0px; list-style: none; }
#secnavoth ul li { float: left; color: #fff; vertical-align : middle;  padding-left: 20px; }
#secnavoth ul li a { color: #fff; line-height: 20px; text-decoration: none; font-weight: normal; }
#secnavoth ul li a:hover { color : #ff9900; }
#secnavoth ul li a:focus { color : #ff9900; }
#secnavoth ul li a:active { color : #fff; }

#thirdnav{ height: 20px; vertical-align: top; }
#thirdnav ul { margin: 0px; padding: 0px; list-style: none;  }
#thirdnav ul li { float: left; padding-right: 5px; }
#thirdnav ul li a { color: #000; font-weight: bold; text-decoration: none;  }
#thirdnav ul li a:hover { color : #ff9900; }
#thirdnav ul li a:focus { color : #ff9900; }
#thirdnav ul li a:active { color : #000; }

.hr { border: 0; height: 4px; color: #ccc; background-color: blue; }


#thirdnavmus { height: 40px; vertical-align: top; }
#thirdnavmus ul { margin: 0px; padding: 0px; list-style: none;  }
#thirdnavmus ul li { float: left; padding-right: 5px; }
#thirdnavmus ul li a { color: #000; font-weight: bold; text-decoration: none;  }
#thirdnavmus ul li a:hover { color : #ff9900; }
#thirdnavmus ul li a:focus { color : #ff9900; }
#thirdnavmus ul li a:active { color : #000; }

#ednav{ height: 20px; vertical-align: top; }
#ednav ul { margin: 0px; padding: 0px; list-style: none; }
#ednav ul li { float: left; padding-right: 5px; }
#ednav ul li a { color: #000; font-weight: bold; text-decoration: none;  }
#ednav ul li a:hover { color : #ff9900; }
#ednav ul li a:focus { color : #ff9900; }
#ednav ul li a:active { color : #000; }

#musicnav{ vertical-align: top; }
#musicnav ul { margin: 0px; padding: 0px; list-style: none; line-height: 20px; }
#musicnav ul li { border-bottom: 1px dashed #000; }
#musicnav ul li a { color: #000; font-weight: bold; text-decoration: none;  }
#musicnav ul li a:hover { color : #ff9900; }
#musicnav ul li a:focus { color : #ff9900; }
#musicnav ul li a:active { color : #000; }

#forthnav{ margin-top: 0px; }
#forthnav ul { margin-top: 0px;  }
#forthnav ul li { padding-right: 5px; }
#forthnav ul li a { color: #000; font-weight: bold; text-decoration: none;  }
#forthnav ul li a:hover { color : #ff9900; }
#forthnav ul li a:focus { color : #ff9900; }
#forthnav ul li a:active { color : #000; }

#afnav{ margin-top: 0px; }
#afnav ul { margin: 0px; padding: 0px; list-style: none;   }
#afnav ul li { border-bottom: 1px dashed #666; line-height: 19px; }
#afnav ul li a { color: #000; font-weight: bold; text-decoration: none;  }
#afnav ul li a:hover { color : #ff9900; }
#afnav ul li a:focus { color : #ff9900; }
#afnav ul li a:active { color : #000; }

#picklist {  }
#picklist ul { margin-top: 2px;  }
#picklist ul li { line-height: 18px; }

#sitetools { padding-top: 6px; }
#sitetools a:link { text-decoration: none; }
#sitetools a:visited {color: #003366; text-decoration: none; }
#sitetools a:hover {color: #FF9900; }
#sitetools a:active {color: #FF9900;}

#copy { padding-top: 6px; color: #999999;  }

#print { padding-top: 3px; }
#print ul  { margin: 0px; padding: 0px; list-style: none; }
#print ul li { font-size: 75%; float: right; padding: 2px; vertical-align: bottom; }
#print ul li  a:link { color: #999999;text-decoration: none; font-weight: bold; }
#print ul li  a:visited {color: #999999;text-decoration: none;}
#print ul li a:hover {color: #FF9900; }
#print ul li  a:active {color: #FF9900;}

#pressimg { color: #666; font-size: 0.75em; text-align: center; }

#email { font-size: 0.85em; }

#imgholder { width: 100%;  float: left;  }

#hpwrapper { width: 751px; float: left; border-left: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #000;}
#columnswrapper { width: 751px; height: 150px; float: left; background: #ff9900 url(../homepage_images/explore.gif) no-repeat 28px 10px;  }
#columnone, #columntwo, #columnthree {  margin: 0;  margin-top: 50px; padding: 0;  float: left; width: 225px;  height: 90px; background-color: #FFFFCC;  }
#columnone img, #columntwo img, #columnthree img { padding: 0; margin: 5px; float: left; border: 1px solid #FF9900; }
#columnone h2, #columntwo h2, #columnthree h2 { margin: 3px 0 0 91px; padding: 0; font-size: 0.9em; font-weight: bold; text-transform: capitalize; letter-spacing: 0; }
#columnone p, #columntwo p, #columnthree p { margin: 2px 0 0 91px; padding: 0; font-size: 0.75em; }

#columnone { display: inline; margin-left: 26px; }
#columntwo { margin-left: 19px;  }
#columnthree {  float: right; margin-right: 17px;  display: inline;  }  

#caterers td { margin: 0px; padding-top: 7px; padding-bottom: 7px; vertical-align: middle; border-bottom: 1px solid #CCCCCC; }
.nosee { display: none; }

.venuehireborder td { padding: 7px 0px; vertical-align: top; margin: 0px; border-bottom: 1px solid #CCCCCC; }
.venuehire td { vertical-align: top; margin: 0px; padding-top: 7px; padding-bottom: 7px; }
.venuehiresmalltext { font-size: 11px; }
.imgleft { float: left; margin-right: 8px; margin-bottom: 6px; }
.imageborder { border: 1px solid #00827B; margin-right: 10px; margin-top: 10px; margin-bottom: 10px; }
.small { font-size: 0.9em; line-height: 12px; }
.nobox {border: 0px; }
.htext {line-height: 14px; }

.corpdoc h2 {font-family: Arial, Helvetica, "Sans serif"; font-size: 1em; margin-bottom: 0; letter-spacing: 1px; font-weight: bold; }

.activity { background-color: #808080; }
.activity th { background-color: #ccc; }
.activity td { background-color: #fff; }

.greyback { background-color: #F2F2F2; width: 650px; padding: 4px; font-weight: bold;  }

#secnavhp { height: 21px;  background-color : #000; border-bottom: 5px solid #FF9900;   }

#header2 { border:1px solid #000; margin: 0; font-size: 85%; }

#main1 { margin:0; padding:0; }
#main2 { margin:0; padding:0; background-color: #ffffff; }

.column-in { margin:0; padding: 10px; }
.cleaner { clear:both; height:1px; font-size:1px; border:none; margin:0; padding:0; background:transparent; }
.hometext { color: #333; font-size: 95%; text-align: justify; }
.xlinks { height: 75px; }
.noorange:hover { color: #000066; text-decoration: none; }

/* HOMEPAGE COLUMNS */

#left { float: left; width: 320px; border: 1px solid #fff; min-height: 450px; margin-top: 0; padding: 12px; }
#middle { float: left; width: 280px; border: 1px solid #fff; min-height: 450px; margin-top: 0; border-left: 2px solid #; padding: 0px; }
#right { float: left; width: 280px; border: 1px solid #fff; min-height: 450px; margin-top: 0;  border-left: 2px solid #; padding: 12px; }

.whatsonhead {font-family: Helvetica, "Sans serif"; font-size: 1.7em; letter-spacing: 0px; font-weight: bold; border:4px solid #000000; color:#ff9900; background-color: #000000; width: 270px; }

.newshead {font-family: Helvetica, "Sans serif"; font-size: 1.7em; width: 270px; letter-spacing: 0px; font-weight: bold; border:4px solid #000000; color:#ff9900; background-color: #000000; }

.evohead {font-family: Helvetica, "Sans serif"; font-size: 1.7em; width: 270px; letter-spacing: 0px; font-weight: bold; border:4px solid #8ca629; color:#4c4379; background-color: #8ca629; }

.whaton_img { position:relative; float:left; /* optional */}

.whaton_img .whaton_text { color:#; text-decoration: none; position:absolute; top:70px; /* in conjunction with left property, decides the text position */ left:105px; width:300px; /* optional, though better have one */ }

.news {
	float: left;
	width: 270px;
	border: 1px solid #949694;
	min-height: #;
	margin-top: 3px;
	line-height: 1.5;
	padding: 5px;
	background: #fcc36c;
	color: #000000;
}

.networking { 
    float: left;
	width: 270px;
	border: #;
	min-height: #;
	margin-top: 4px;
	padding: 0px;
	background: #ffffff;
	color: #000000;
}

/* HOMEPAGE HEADINGS */

.hphead {font-family: Helvetica, "Sans serif"; font-size: 1.7em; letter-spacing: 0px; font-weight: bold; border:5px solid #000000; color:#ff9900; background-color: #000000; }

.hpheadDAR {font-family: Helvetica, "Sans serif"; font-size: 1.7em; letter-spacing: 0px; font-weight: bold; border:5px solid #18160e; border-bottom:7px solid #18160e; color:#ff9900; background-color: #18160e; }

.hpheadFP {font-family: Helvetica, "Sans serif"; font-size: 1.7em; letter-spacing: 0px; font-weight: bold; border:5px solid #524d84; color:#ff9900; background-color: #524d84; }

.hpheadFN {font-family: Helvetica, "Sans serif"; font-size: 1.7em; letter-spacing: 0px; font-weight: bold; border:5px solid #4c3c30; border-bottom:7px solid #4c3c30; color:#ff9900; background-color: #4c3c30; }

.hpheadMM {font-family: Helvetica, "Sans serif"; font-size: 1.7em; letter-spacing: 0px; font-weight: bold; border:5px solid #040602; color:#ff9900; border-bottom:7px solid #040602; background-color: #040602; }

.hphead2 {font-family: Helvetica, "Sans serif"; font-size: 1.7em; letter-spacing: 0px; font-weight: bold; border:6px solid #000099; color:#ff9900; background-color: #000099; }

.hpheadNB {font-family: Helvetica, "Sans serif"; font-size: 1.7em; letter-spacing: 0px; font-weight: bold; border:6px solid #393c31; border-bottom:7px solid #393c31; color:#ff9900; background-color: #393c31; }

/* HOMEPAGE IMAGE CSS - PLACES TEXT RELATIVE TO IMAGES */

.hpimage { position:relative; float:left; /* optional */}

.hpimage .hptext {color:#; text-decoration: none; position:absolute; top:40px; /* in conjunction with left property, decides the text position */ left:105px; width:300px; /* optional, though better have one */ }
.hpimage .hptext a:link { color:#cc9999; text-decoration: none; font-weight: normal; }
.hpimage .hptext a:visited { color:#cc9999;  font-weight: normal; text-decoration: none; }
.hpimage .hptext a:hover {color:#cc9999; text-decoration: underline; }
.hpimage .hptext a:active {color:#FF9900; }

/* HOMEPAGE IMAGE CSS VERSION2 WITH BLACK BG - PLACES TEXT RELATIVE TO IMAGES */

.hpimage2 { position:relative; float:left; /* optional */}

.hpimage2 .hptext2 {
color:#999999; text-decoration: none; position:absolute; top:10px; /* in conjunction with left property, decides the text position */ left:80px; width:300px; /* optional, though better have one */ 
}
.hpimage2 .hptext2 a:link { color:#999999; background-color: #000000; text-decoration: none; font-weight: normal; }
.hpimage2 .hptext2 a:visited { color:#999999; background-color: #000000; font-weight: normal; text-decoration: none; }
.hpimage2 .hptext2 a:hover {color:#ffffff; background-color: #000000; text-decoration: none; }
.hpimage2 .hptext2 a:active {color:#FF9900; background-color: #000000; }

.hpimage2 .hptextnb {
color:#999999; text-decoration: none; position:absolute; top:10px; /* in conjunction with left property, decides the text position */ left:110px; width:300px; /* optional, though better have one */ 
}

.hpimage2 .hptextDar {
color:#999999; text-decoration: none; position:absolute; top:10px; /* in conjunction with left property, decides the text position */ left:125px; width:300px; /* optional, though better have one */ 
}

.hpimage2 .hptextMM {
color:#999999; text-decoration: none; position:absolute; top:50px; /* in conjunction with left property, decides the text position */ left:150px; width:300px; /* optional, though better have one */ 
}

.hpimage2 .hptextFN {
color:#999999; text-decoration: none; position:absolute; top:10px; /* in conjunction with left property, decides the text position */ left:148px; width:300px; /* optional, though better have one */ 
}

.hpimage2 .hptext_evo {
color:#999999; text-decoration: none; position:absolute; top:50px; /* in conjunction with left property, decides the text position */ left:95px; width:160px; /* optional, though better have one */ 
}

.hpimage2 .hptextFP {
color:#999999; text-decoration: none; position:absolute; top:55px; /* in conjunction with left property, decides the text position */ left:98px; width:300px; /* optional, though better have one */ 
}

#gardenpop {
border: 1px solid; width:520px; background-color:#ffffff; padding: 10px;
}

.hpimage2 a:link { color:#999999; background-color: #000000; text-decoration: none; font-weight: normal; }
.hpimage2 a:visited { color:#999999; background-color: #000000; font-weight: normal; text-decoration: none; }
.hpimage2 a:hover {color:#ffffff; background-color: #000000; text-decoration: none; }
.hpimage2 .hptextnb a:active {color:#FF9900; background-color: #000000; }


#red { color: #ff0000; font-weight: bold; }

#pleft { float: left; margin: 0; padding: 0; }
#pright { float: right; margin: 0; padding: 0; }

.musicnav  { border: 1px solid #666; }
.musicnav td { border-bottom: 1px dashed #666; display: block; padding-left: 5px;  }

.montage { float: left; width: 44px; border: 2px solid #fff; height: 44px; margin-top: 0; }

#nobullet  {  margin: 0px; padding: 0px; list-style: none; }
#nobullet li { line-height: 18px; }
#nounderline { text-decoration: none; font-weight: normal; color: #000; font-size: 85%; }

.nobullet  {  margin: 0px; padding: 0px; list-style: none; }
.nobullet li { line-height: 18px; }
.nounderline { text-decoration: none; font-weight: normal; color: #000; font-size: 85%; }

.imgleftschool { float: left; margin-right: 8px;}

#evthirdnav {   }
#evthirdnav ul { margin: 0px; padding: 0px; list-style: none; }
#evthirdnav ul li { color: #fff; border-bottom: 1px dashed #fff;  height: 20px; background-color: #fadcaf; padding-left: 15px;  }
#evthirdnav ul li a { text-decoration: none; color : #000; font-weight: normal; }
#evthirdnav ul li a:hover { color : #9b6a21; }
#evthirdnav ul li a:focus { color : #000; }
#evthirdnav ul li a:active { color : #000; }

.evsecnav {   }
.evsecnav ul { margin: 0px; padding: 0px; list-style: none; }
.evsecnav ul li { color: #fff; border-bottom: 1px dashed #fff; background-color: #ff9900; height: 20px;  }
.evsecnav ul li a { text-decoration: none; color : #000; padding-left: 5px; font-weight: normal;  }
.evsecnav ul li a:hover { color : #fff; background-color : #fadcaf; display: block; height: 20px; color: #000;  }
.evsecnav ul li a:focus { color : #fff; }
.evsecnav ul li a:active { color : #fff; }

/* AQUARIUM STYLES */

.aqhome {background-image: url(../images/new_uploads/aq_bg.jpg); }

.aqsecnav { float:left; width:180px; background-color :; font-size: 1.2em;}/* opacity:0.4; filter:alpha(opacity=40); */
.aqsecnav ul { margin: 0px; padding: 0px; list-style: none; }
.aqsecnav ul li { color: #fff; border-bottom: 1px dashed #fff; height: ;  }
.aqsecnav ul li a { text-decoration: none; color : #fff; padding-left: 5px; font-weight: normal;  }
.aqsecnav ul li a:hover { color : #FF0; display: block; height: 20px; }
.aqsecnav ul li a:focus { color : #fff; }
.aqsecnav ul li a:active { color : #fff; }

.aqhomecopy {position:absolute; left: 200px; width: 400px; background-color:; border:3px; margin:5px; padding:6px;}
.aqtextbox {color:#FFF; background-color :#000; opacity:0.7; filter:alpha(opacity=70); padding:6px;}
.aqtextbox p {color:#FFF; font-size: 1.2em;}


/* IMG RIGHT */
.imgright { float: right; margin-left: 8px; margin-bottom: 6px; }
span.imgright { clear: all; float: right; margin-left: 8px; margin-top: 0; }