/* This global style sheet contains custom id and class definitions. For basic html tag definitions see styles_basic.css */



#wrapper { width: 940px; margin: 10px auto 5px auto; background: #CCC /*url(/includes/images/random_textures/rotate.php)*/ 0px 100px repeat-y; }

#header { width: 940px; height: 90px; position: relative; background: #0E2B8D url(/includes/images/header_rounded_top.gif) top left no-repeat; }

#header img { margin: 0px 0 0 0px; }

#casaddress { position: absolute; left: 795px; top: 25px; color: #FFF; font: normal 11px/15px Lucida grande, arial; text-align: right; }


/* Top nav styles */ 

#topnav { height: 25px; width: 940px; background: #666 url(/includes/images/topnav_bg.jpg) top left no-repeat; font: bold 10px Lucida Grande, Lucida Sans Unicode, arial; }

#topnav ul { list-style: none; margin: 0; padding: 0; }

#topnav li { float: left; margin: 0; padding: 0; text-align: center; }

#topnav li a { color: #FFF; background: #666 url(/includes/images/topnav_bg.jpg) top left no-repeat; padding: 5px 0px 5px 0px; border-right: 1px solid #999; text-decoration: none; display: block; font: bold 10px Lucida Grande, arial; border-bottom: 0; overflow: visible; }

#topnav li a:hover { color: #FFF; background: #333; }

#topnav li#generalinfo { width: 94px; }

#topnav li#events { width: 60px; }

#topnav li#lectures { width: 76px; }

#topnav li#exhibits { width: 68px; }

#topnav li#aquarium { width: 150px; }

#topnav li#planetarium { width: 130px; }

#topnav li#education { width: 86px; }

#topnav li#research { width: 77px; }

#topnav li#membership { width: 93px; }

#topnav li#newacademy { width: 106px; }


#leftnav { width: 158px; float: left; padding: 0; }

.buttonmenu { list-style-type: none; margin: 0; padding: 0; font: normal 12px Lucida Grande, arial; text-align: left; }

.buttonmenu ul { margin: 0; padding: 0; }

.buttonmenu li { margin: 0; padding: 0; }

.buttonmenu li a { color: #222; background: #B6B6B6; display: block; width: auto; margin: 0; padding: 4px 4px 4px 6px ; text-decoration: none; border-bottom: 1px solid #999;  text-decoration: none; }

.buttonmenu li a:hover { color: #111; background: #CCC; text-decoration: none; border-bottom: 1px solid #999; }

.buttonmenu li a:visited { color: #222; }



/* Field style */

#content { float: right; width: 742px; background: #FFF; border-left: 0px solid #999; margin: 0; padding: 20px; font-size: 0.8em; line-height: 1.6em; }

#content a { color: #369; text-decoration: none; /*border-bottom: 1px dotted #00C;*/ }

#content a:hover { color: #00f; }

#homepagecontent { float: right; width: 782px; background: #FFF; border-left: 0px solid #999; margin: 0; padding: 0; }

#homepagebreadcrumbsearchcontainer { width: 730px; float: left; background: #FFF; margin: 10px 0 10px 20px;}

/* fruitless attempts to defeat borders on linked images

#content a img { border: 1px solid #FFF; } 

#content img a { border: 0; }

#content a img { border: 0; }

#content a:link img { border: 0; }

#content a:hover img { border: 0; }

#content img a:link  { border: 0; }

#content img a:hover  { border: 0; }*/



#breadcrumbsearchcontainer { width: 740px; float: left; background: #FFF; margin: 0 0 10px 0; padding: 0; }

#breadcrumb { float: left; color: #333; font: normal 11px Lucida grande, arial; margin: 0; padding: 0; }

#breadcrumb a { color: #333; text-decoration: none; border-bottom: 1px dotted #666; }

#breadcrumb a:hover { color: #111;  background: #CCC; border-bottom: 1px solid #333; }


#search { float: right; margin: 0; padding: 0; }

#search form { margin: 0; padding: 0; }

#search input { margin: 1px 0 0 0; padding: 0; font: normal 11px Lucida grande, arial; border: 1px solid #999; }

#search .padded { padding: 1px 0 1px 0; }


#dinobox { /*width: 730px; height: 200px; float: left;*/ border: 0px solid #CCC; padding: 0; margin: 18px 0 18px 20px; }



/* custom cas home page styles */

div#leftcolumn { width: auto; float: left; background: #FFF; margin: 0; padding: 0 20px 0 20px; }

div#rightcolumn { width: auto; float: left; background: #FFF; margin: 0; padding: 0; }

#columnbox { width: 335px; height:auto; background: #EEE url(images/columnbox_bottom.gif) bottom no-repeat; margin: 0 0px 20px 0; padding: 10px 10px 0px 10px; font: normal 12px/18px lucida grande, arial; }

#columnboxheader { color: #FFF; background: #888; font-weight: bold; letter-spacing: 1px; font-size: 12px; margin: -10px -10px 8px -10px; text-transform: uppercase; }

#columnboxheader a { color: #FFF; background: #888 url(images/columnboxheader_top.gif) top left no-repeat; padding: 3px 3px 2px 6px; display: block; }

#columnboxheader a:hover { color: #FFF; background: #666 url(images/columnboxheader_top_hover.gif) top no-repeat; text-decoration: none; }

#columnbox object { float: left; margin: 4px 9px 5px 0; }

#columnbox img { float: left; margin: 4px 9px 5px 0; }

#columnboxfooter {width:345px;height:24px;padding-left:10px;padding-top:5px;margin-left:-10px;background:#cccccc;}

#footer { clear: both; width: 920px; padding: 10px; background: #777 url(/includes/images/footer_rounded_bottom.gif) bottom no-repeat; color: #FFF; font: normal 12px/22px Lucida grande, arial; text-align: center; }

#footer a { color: #FFF; padding: 1px 2px 1px 2px; margin: 1px 2px 1px 2px; border-bottom: 1px dotted #CCC; }

#footer a:hover { text-decoration: none; border-bottom: 1px solid #CCC; }

#copyright { text-align: center; color: #333; font: normal 11px/15px Lucida grande, arial; }

#copyright a { color: #333; text-decoration: none; border: 0; }

#copyright a:hover { text-decoration: underline; border: 0; }



/* NEW NAV STYLES THAT GIVE US BACK OUR NORMAL UL/LI */
/* =buttonmenu 
.buttonmenu { list-style-type: none; margin: 0; padding: 0; width: 158px; font: normal 11px verdana, arial; text-align: left; }
.buttonmenu li a { color: #FFF; display: block; width: 100%; padding: 6px 6px; text-decoration: none; font-weight: bold; border-bottom: 1px solid #EEE;
	background-color: #999; text-decoration: none; }
.buttonmenu li a:visited { color: #FFF; }
.buttonmenu li a:hover, .buttonmenu li a:active { color: #FFF; background-color: #666; }
 END NEW NAV STYLES */


a:link#moreinfo { color: #369; text-decoration: none; /*color: #0000ff;*/ } 
a:visited#moreinfo { color: #396/*text-decoration: none; color: #0000ff;*/ }
a:hover#moreinfo { color: #FFF; background: #369; /*text-decoration: none; color: #ffffff; background-color: #333333;*/ }
/*a:active#moreinfo { text-decoration: none; color: #ffff00;}*/



/* =header */
.headergraphic { float: left; margin: 0px; padding: 0px; }
.headerinfographic { float: right; margin: 0px; padding: 0px; }
.headerinfo { float: right; margin: 0px; padding-right: 0px; }
.headerlinks { color:#FFF; font-size: 11px; line-height: 11px; text-align: right; margin-right: 9px; margin-left: 0px; margin-bottom: 0px; margin-top: 8px; padding-right: 0px; }
.headerlinks a { color: #FFF; text-decoration: none; padding: 1px; }
.headerlinks a:hover { background: #FFF; color: #0E2B8D; }
.headeraddress { color:#FFF;font-size: 11px; line-height: 15px; text-align: right; margin-right: 10px; margin-left: 0px;	margin-bottom: 0px;	margin-top: 35px; padding-right: 0px; }
.headermission { color:#FFF; font-size: 12px; line-height: 12px; text-align: right;	margin-right: 9px; margin-left: 0px; margin-bottom: 0px; margin-top: 34px; padding-right: 0px; letter-spacing: 1px; }
.headermission a { color:#FFF; text-decoration: none; padding: 1px; }
.headermission a:hover { background: #FFF;color: #0E2B8D; }


/* =breadcrumb */

.breadcrumb { float: left; margin-left: 3px; margin-right: 0px; margin-top: 5px; margin-bottom: 4px; padding-left: 0px; padding-right: 0px; padding-top: 0px;
	padding-bottom: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #333; text-decoration: none;
	border: 0px solid #F66; }
.breadcrumb a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #333; text-decoration: none; }
.breadcrumb a:hover { text-decoration: underline; }
.breadcrumbhome { float: left; margin-left: 3px; margin-right: 0px; margin-top: 5px; margin-bottom: 4px; font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; font-weight: bold; color: #333; text-decoration: none; }
.breadcrumbhome a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #333; text-decoration: none; }
.breadcrumbhome a:hover { text-decoration: underline; }

/* =search */
.search { float: right; margin: 1px; padding: 0px; border: 0px solid #F66; }
.search input { font: normal 11px Verdana, Arial, Helvetica, sans-serif; padding: 0px; }


.wideheader {padding-right: 270px; margin-bottom: 8px; background: #999; }


/* =sectionheader */
.sectionheader { padding-right: 4px; padding-left: 6px; padding-top: 2px; padding-bottom: 2px; font-weight: bold; margin-bottom: 2px; color: #FFF; background: #999; }
.sectionheader a { color: #FFF; text-decoration: none; }
.sectionheader a:hover { text-decoration: underline; }


/* =articleheader */
.articleheader { padding-right: 4px; padding-left: 4px; padding-top: 4px; padding-bottom: 4px; font-weight: bold; margin-bottom: 0px; color: #FFF; background: #0E2B8D; }
p.articleheader a { padding-right: 0px; padding-left: 0px; padding-top: 0px; padding-bottom: 0px; color: #FFF; text-decoration: underline; border-bottom: 0px solid #FFF; }
.articleheader a:hover { text-decoration: underline; background: #0E2B8D; }


/* =contentheader */
.contentheader { font: bold 14px Verdana, Arial, Helvetica, sans-serif; }
.content { width: 730px; font: normal 12px/20px Verdana, Arial, Helvetica, sans-serif; margin-top: 20px; margin-bottom: 20px; margin-left: 20px;margin-right: 20px; }

.content2 { width: 760px; font: normal 12px/20px Lucida Grande, Arial, Helvetica, sans-serif; border: 0px solid #999; margin: 0; padding: 0 0 0 20px; background: #FFF; }

.content table { font: normal 12px/20px Verdana, Arial, Helvetica, sans-serif; }

/* =geninfocontent */
.geninfocontent { width: 730px; font: normal 12px/20px Verdana, Arial, Helvetica, sans-serif; margin-top: 20px; margin-bottom: 20px; margin-left: 20px; margin-right: 20px; padding: 0px; border: 0px solid #F66; }
.geninfocontent a { text-decoration: none; }
.geninfocontent a:hover { color: #DEF; background: #333; padding: 0px; }
.geninfocontent a:hover img { color: #DEF; background: #FFF; padding: 0px; }
.geninfocontent table { font: normal 12px/20px Verdana, Arial, Helvetica, sans-serif; }
.geninfocontent p li { margin-left: 15px; padding-left: 0px; }


/* =aquariumcontent */
.aquariumcontent { width: 750px; font: normal 12px/20px Verdana, Arial, Helvetica, sans-serif; margin-top: 20px; margin-bottom: 20px; margin-left: 20px;margin-right: 20px; padding: 0px; border: 0px solid #F66; }
.aquariumcontent a { text-decoration: none; }
.aquariumcontent a:hover { color: #DEF; background: #333; padding: 0px; }
.aquariumcontent a:hover img { color: #DEF; background: #FFF; padding: 0px; }

/* =footer */
.footer { padding: 10px; margin: 2px; text-align: center; color: #DDD; background: #666; font: normal 11px/18px Verdana, Arial, Helvetica, sans-serif; }
.footer a:link, .footer a:visited { color: #EEE; text-decoration: none; padding-top: 1px; padding-bottom: 2px; padding-left: 3px; padding-right: 3px; }

.footer a:hover { color: #333; background: #CCC; padding-top: 1px; padding-bottom: 2px; padding-left: 3px; padding-right: 3px; }



.shadow { background-image: url(/images/shadow_bg_for_940w.jpg); background-repeat: repeat-y; background-position: center; }

/* =maincontent */
table#maincontent{ margin-left: 20px; margin-top: 16px; }
tr#maincontent { vertical-align: top; }
td.maincontent { vertical-align: top; font-size: 12px; line-height: 18px; color: #333333; }

/* =tablecell */

.blacktablecell{background: #000000; color: #ffffff; font-weight: bold;	vertical-align:top;}
.greytablecell{background: #e0e0e0; color:#000000;	vertical-align:top;}

/* =img */
img.header{ padding-top:5px; padding-bottom:5px; }
img.floatleft{float: left; margin: 0 10px 0 0; }
img.floatright{float: right; margin: 0 0 0 10px; }
.picturecaption{color:#999999;font-style: italic;line-height:1em;}


/* =border */
.lightborder{border:1px #cccccc solid;}
.mediumborder{border:1px #999999 solid;}
.darkerborder{border:1px #666666 solid;}
.darkborder{border:1px #333333 solid;}
.blackborder{border:1px #000000 solid;}

/* =ul =li */

ul#regular{ list-style-type: disc; display: list-item; font-weight: normal; font-size: 12px; font-family: Verdana, Helvetica, Arial, sans-serif; color:000000; width: 400px; padding-left: 30px; padding-bottom: 5px; }

li#regular{ list-style-type: disc; display: list-item; font-weight: normal; font-size: 12px; font-family: Verdana, Helvetica, Arial, sans-serif;	color:000000; width: 400px; padding-left: 50px; padding-bottom: 5px; }

.nobullets { list-style-type: none; }

.arrow { list-style-image: url(/images/arrow_li.png); margin: 0; padding: 0; }

/* NAV STYLES */

.aquariumnav a { font: normal 11px verdana,arial; color: #EEE; background: #999; padding: 7px; margin:7px; text-decoration: none; width: 150px; }

.aquariumnav a:hover { font: normal 11px verdana,arial; color: #FFF; background: #666; padding: 7px; }

/* RSS Subscriptions */

.rsssubscribe { background: #CCC; padding: 6px; font: bold 11px verdana; }

.rsssubscribe a { color: #333; text-decoration: none; }

.rsssubscribe a:hover { color: #FFF; background: #666; }

.rsssubscribe img { margin-right: 3px; padding: 0px; }