/* styles for basic template */
/* color scheme somewhat changable to shades of dark blues */
/* background colors may be overwridden by also loading page or section specific styles */

BODY {
	background-color: #336699;
	color: #f0f8ff;
	font-family: Geneva, Verdana,  Arial, Helvetica, sans-serif;
}

.mainbkg {
	background-color: #336699;
	color: White;
}
.bkg2 {
	background-color: #F0F8FF;
	color: Black;
}
.bkg3 {
	background-color: #bcd2ee;
	color: #003366;
}
.bkg3p {
	background-color: #bcd2ee;
	color: #003366;
	font-size: .8em;
	font-family: Arial, Helvetica, sans-serif;
}
A:LINK {color : Blue;}
A:VISITED {color : #006666;}
A:HOVER, A:FOCUS, A:ACTIVE { color : #FF4500;}
a:link.plain, a:visited.plain { text-decoration: none;} 
a:link.plainblk, a:visited.plainblk { color: #003366; text-decoration: none;} 
a:hover.plain, a:focus.plain, a:active.plain, a:hover.plainblk, a:focus.plainblk, a:active.plainblk { text-decoration: underline; color : #FF4500;}

a:link.blklink, a:visited.blklink {	text-decoration: underline; color: Black; }
A:HOVER.blklink, A:FOCUS.blklink, A:ACTIVE.blklink { color : #FF4500;}

a:link.wht, a:visited.wht {color: White; 	text-decoration: none;}
a:hover.wht, a:focus.wht, a:active.wht{ color: #ff9933; text-decoration: underline;} 
a:link.whtinv, a:visited.whtinv, a:link.whtinv-block, a:visited.whtinv-block, a:link.whtinv-blockul, a:visited.whtinv-blockul,a:link.whtinvul, a:visited.whtinvul {color: White; 	font-weight: 600; text-decoration: none; padding: 2px;}
a:link.whtinvul, a:visited.whtinvul {text-decoration: underline;}
a:link.tealinv-block, a:visited.tealinv-block {
	color: #036;
	font-weight: 600;
	text-decoration: none;
	padding: 2px;
}
a:hover.whtinv, a:focus.whtinv, a:active.whtinv, a:hover.whtinvul, a:focus.whtinvul, a:active.whtinvul,a:hover.whtinv-block, a:focus.whtinv-block, a:active.whtinv-block, a:hover.whtinv-blockul, a:focus.whtinv-blockul, a:active.whtinv-blockul, a:hover.tealinv-block, a:focus.tealinv-block, a:active.tealinv-block { color: Black; background: White; text-decoration: none;} 

a.inv-block, a.whtinv-block, a.whtinv-blockul, a.tealinv-block {
	display: block;
}
a:link.whtinv-blockul, a:visited.whtinv-blockul {
text-decoration: underline;}

a:hover.inv-block, a:focus.inv-block { color: #000000; background-color:#ff6600; text-decoration: none;} 

a:active.inv-block {background-color:#ff9933; }

/* none of the following webmaster code works on this object, but I've left it to remind myself to replace it with php or something */

a:link.webmaster, a:visited.webmaster {
	background-color: transparent;
	border: thin solid #336699;
	margin-bottom: 3px;
	padding-left: 3px;
}
a:hover.webmaster, a:active.webmaster, a:focus.webmaster {
	background-color: #ff9933;
	border: thin solid #ff9933;
	margin-bottom: 3px;
	padding-left: 3px;
}
.sm   { font-size : .95em; }
.sm1  { font-size : .85em; }
.sm1a { font-size : .85em; font-family: Arial, Helvetica, sans-serif;}
.sm2  { font-size : .75em; }
.sm2a { font-size : .75em; font-family: Arial, Helvetica, sans-serif;}

.lg   { font-size: 1.2em; }
.lgbold   { font-size: 1.2em; font-weight: 600; }
.lg2   { font-size: 1.4em; }

.litecaps  {color: White;  font-variant: small-caps; font-family: Arial, Helvetica, sans-serif;  }
.litesm  {
	color: White;  	
	font-size: .9em;
	font-family: Arial, Helvetica, sans-serif;  }
.brightYellow {
	color: #FF6;
	}

.justcaps {
	text-transform: uppercase;
}

.ta {	vertical-align: top; }

.pghead {
	background-image: url(images/humpback-cm2.jpg);
}
.pgcontent {
	font-size: .95em;
}

.pgfoot {
	background-color: #336699;
	font-size: .8em;
	padding-left: 2%;
	padding-right: 1%;
	color: #ffffff;
}
.acs2 {
	/* this style is for the footer - font really should be Baskerville Old Face to match letterhead but it looks terrible on the screen*/
  /* this is also used for the fact sheets */
	font-family: "Times New Roman", Times, serif;
	color : #000000;
	font-size: .9em;
	font-weight: 600;
	text-transform: uppercase;
}
.acs3 {
	/* this style is for the footer - font really should be Baskerville Old Face to match letterhead but it looks terrible on the screen*/
	font-family: "Times New Roman", Times, serif;
	color : #000000;
	font-variant: small-caps;
}
.acs4 {
	font-family: "Times New Roman", Times, serif;
	color : #000000;
	font-variant: small-caps;
	font-size: 1.1em;
	font-weight: 600;
}
TD.topnav {
	background: #3366FF url(images/menu-bkg.gif);
	text-align: center;
	color: #FFFFCC;
}
TD.topnavCurr {
	text-align: center;
	background: #003366;
}
TD.topnavAA {
	font: 600 .8em Arial, Helvetica, sans-serif;
	background: #FFCC99;
	text-align: center;
	vertical-align: top;
}
.topnav2 {
	text-align: left;
	background: #336699;
	background-image: url(images/pgbody1-sm-bkg.jpg);
	color: White;
}
TD.topnav3 {
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid #336699;
	font-size: .9em;
}
TABLE.topnav3 {
	background-color: #336699;
	border: 1px solid #336699;
	border-right: 2px solid #000000;
	border-bottom: 2px solid #000000;
}

a:link.topnav, a:visited.topnav, a:link.topnavCurr, a:visited.topnavCurr, a:link.topnav2, a:visited.topnav2, a:link.topnavAA, a:visited.topnavAA {
	font: 600 .85em Arial, Helvetica, sans-serif;  	text-decoration: none;
	display: block;
	padding-left: 4px;
	padding-right: 5px;
	border: 1px solid #336699;
}
a:link.topnav, a:link.topnavCurr, a:link.topnav2 {
	color: #FFFFCC
}
a:link.topnav2, a:visited.topnav2 {
	font: .8em;
	border: 0px;
	padding-top: 4px;
	padding-bottom: 2px;
}
a:link.topnavAA, a:visited.topnavAA {
	color: Navy;
}
a:visited.topnav, a:active.topnav, a:visited.topnavCurr, a:visited.topnav2, a:active.topnav2 {
	color: #ffffff;
}
a:link.topnavCurr, a:visited.topnavCurr, a:focus.topnavCurr, a:active.topnavCurr {
	color: #ffffff;
	background-image: url(images/pgbody1-sm-bkg-curr.jpg);
	border: 1px solid #336666;
}
a:hover.topnav, a:focus.topnav,  a:hover.topnav2, a:focus.topnav2,  a:hover.topnavCurr, a:hover.topnavAA, a:focus.topnavAA {
	background-color: #FF6600;
	color: Black;
  	text-decoration: none;
	background-image: none;
}
a:active.topnav,a:active.topnav2, a:active.topnavAA {
	background-color: #FF9933;
	color: Black;
  	text-decoration: none;
	background-image: none;
}
a:focus.topnav, a:focus.topnav2, a:focus.topnavAA {background-color: Red; }


.breadcrumbs {
	color: Navy;
	font: .8em Arial, Helvetica, sans-serif;
	background-color: White;
	background-image: url(images/breadcrumbs-bkg.jpg);
}
.titlebar {
	background-color: #336699;
	color: #ffffff;
}
.titlebar2 {
	background-color:;
	background: url(images/bottom-shadow.gif);
	border-bottom: 10px solid White;
}
.pgbody0{
	background: #eeeee0;
	color: Black;
}
.pgbody1{
	background-color: #cae1ff;
	background-image: url(images/pgbody1-bkg.jpg);
	color: Black;
}
.pgbody2{
	background-color: #cae1ff;
	color: Black;
}
.pgbody3{
	background-color: #F0F8FF;
	color: Black;
}
h1 {
	margin-bottom: 0px;
	margin-top: 0px;
	font-size: 1.2em;
	padding-bottom: 4px;
	padding-left: 20px;
	padding-top: 2px;
	text-align: center;
}
h1.ca {
	text-align: center;
	padding-left: 0px;
	color: #003366;
}
h1.la {
	text-align: left;
	padding-left: 0px;
	color: #003366;
}
h1.la2 {
	text-align: left;
	padding-bottom: 2px;
	padding-bottom: 6px;
}
h1.lg {
	font-size: 1.3em;
	line-height: 130%;
	color: #003366;
}
h1.action {
	font-size: 1.3em;
	line-height: 130%;
	color: #FF0000;
}
h2 {
	color : #006666;
	font-size : 1.1em;
	font-weight : 600;
	text-transform: uppercase;
}
h3, h4 {
	color : #006666;
	font-size : 1.1em;
	font-weight : 600;
	margin-bottom: 0px;
	margin-top: 0px;
	text-transform: capitalize;
}
h4 {
	font-size : 1em;
}
.subtitle { font-size: .85em; font-weight: 600; }
.caption1 {
	text-transform: uppercase;
	font-size : 1em;
	font-weight: 600;
}
dt { font-family: Arial, Helvetica, sans-serif; font-style: italic; }

UL.dolphinleap2 {
	list-style-image : url(images/bullet-commondolphin-r2.gif);
}

/* styles for section submenus on left side of screen */
/* submenus are part of section-specific templates, not basic template */

a:link.sms {
	color: #FFFF99;
	text-decoration: none;
	display: block;
}
a:visited.sms {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
}
a:active.sms {
	background-color: #FF9933;
	color: Black;
  	text-decoration: none;}
a:hover.sms,  a:focus.sms {
	background-color: #FF6600;
	color: Black;
  	text-decoration: none;
}


.sidemenu0 {
	border-right: 1px solid #003366;
	background-color: #336699;
}
.sidemenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	background-image: url(images/pgbody1-sm-bkg.jpg);
	color: #f0f8ff;
	border-top: 1px solid #0066CC;
	border-right: 1px solid #2F4F4F;
	border-bottom: 1px solid #2F4F4F;
	padding-bottom: 3px;
}
.sidemenuR {
	border-left: 1px solid #999999;
	background-color: transparent;
	padding-bottom: 10px;
}
.sidemenuL {
	border-right: 1px solid #999999;
	background-color: transparent;
	padding-bottom: 10px;
}
.arialitalic {	font-family: Arial, Helvetica, sans-serif; font-style: italic; }
.arialitalicsm, .byline { font-family: Arial, Helvetica, sans-serif;	font-size: .9em; font-style: italic; }

.scientificname {	font-family: Arial, Helvetica, sans-serif; font-style: italic; }

.blk { color:#000000; }
.lightboldcaps { color : #FFFFFF; font-size :.95em;  font-weight: 600;  font-variant: small-caps; }
.spreadtxt { line-height: 130%; }
.spreadtxt-sm1 { font-size : .85em; line-height: 130%; }
.spreadtxt2-sm1 { font-size : .85em; line-height: 150%; }
.authornote { color : #DCDCDC; font-size :.9em; line-height: 150%; }

.spiralpad { border-top: 1px solid White; border-bottom: 1px solid Gray; }
.spiralpadR {
	border-right: 1px solid #bcd2ee;
	border-bottom: 1px solid Gray;
	border-top: 1px solid White;
}
.spiralpadL {
	border-left: 1px solid #bcd2ee;
	border-bottom: 1px solid Gray;
	border-top: 1px solid White;
}

.sb-box1a {
	border : solid Black;
	border-color : #336699;
	border-width : 1px 1px 1px 1px;
	font-size : .8em;
	background-color: #bfefff;
}	

.fixedmenu1{
	position: fixed;
	top: 200px;
	right: 0px;
	left: auto;
	bottom: auto;
	font-size: .8em;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #99CCCC;
}

/* many of these were in original style sheet and have been slightly modified */

INPUT, TEXTAREA {
	background-color : #dcdcdc;
	font-family : Arial, Helvetica, sans-serif;
	font-size : .9em;
	color : Black;
}
INPUT.blend {
	background-color : #BCD2EE;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : #000000;
}
INPUT.cart {
	background-color: transparent;
}
INPUT.donow {
	background-color : #ffcc99;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : #000000;
	font-weight : bold;
}
INPUT.light {
	background-color : #F0F8ff;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : #000000;
}
INPUT.sm-search {
	background-color : #000066;
	font-family: Arial, sans-serif;
	color : #FFFFCC;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: 600;
}
INPUT.sm-search2 {
	background-color : #000066; 
	background-image: url(images/pgbody1-sm-bkg.jpg);
	color : Red;
}
INPUT.sm-search-do {
	background-color : #000066;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(images/pgbody1-sm-bkg.jpg);
	color: #ffffff;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 1em;
}

a:link.more1 {
	background-color: #bcd2ee;
	color: #000099;
	font: small-caps .75em Arial, Helvetica, sans-serif;
	padding: 1px 0px 1px 0px;
	text-decoration: none;
}
a:visited.more1 {
	background-color: transparent;
	color: #000066;
	font: small-caps .75em Arial, Helvetica, sans-serif;
	padding: 1px 0px 1px 0px;
	text-decoration: none;
}
a:hover.more1, a:focus.more1, a:active.more1 {
	background-color: #ff6600;
	color: #ffffff;
}
.ww {	font-style : italic;	font-family : Arial, Helvetica, sans-serif; }
.spyhop { font-style : italic; font-family : Arial, Helvetica, sans-serif; }

.pagetitle2 {
	color : #003366;
	font-weight : 600;
	font-size : 1.2em;
}

A:LINK.plain2, a:visited.plain2 {	
	color : Navy;	text-decoration : none; 	font-weight : bold;}	/* used for links which should blend in except for being bold*/
a:visited.plain2 {
	color: #003366; }
A:HOVER.plain2, A:FOCUS.plain2, A:ACTIVE.plain2 { color : #FF4500; text-decoration : underline;}

.box1 { background-color : White;
		border : solid;	border-color : #003366;	border-width : 0px 1px 1px 0px; }	 

/* warning - there is a table.box2 code on the legacy style sheet which defines the box width - use this code for columns or other codes, but not for tables unless you want a narrow box*/
.box2 {												    
	background-color : #f0f8ff;
	text-align : center;
	border : solid;	
	border-color : #003366;	
	border-width : 0px 1px 1px 0px;}

.box3 {
	background-color : #BCD2EE;
	border : solid;
	border-color : #A2B5CD;
	border-width : 0px 1px 1px 1px;
	margin-right : 5px;
	margin-bottom : 5px;
	color: Black;
}
.box4 {												    
	background-color : #ffffff;
	text-align : center;
	border : solid;	border-color : Gray;	border-width : 0px 1px 1px 0px;}
	
.box4b { /* used instead of original style table.box4 */
	background-color : #B2D2EE;
	text-align : center;
	border : solid;
	border-color : #003366;
	border-width : 0px 1px 1px 0px;
	padding: 6px 4px 6px 4px;
	margin-right : 10px;
}
.box5 {
	border: 1px solid #6699CC;
	background-color: #003399;
}
.box6 {
	background-color: #F0FFFF;
	background-image: url(images/lt-blu-gradient.jpg);
	text-align: center;
	border: 1px solid #FF9933;
}

.box6L {
	background-color: #F0FFFF;
	background-image: url(images/lt-blu-gradient.jpg);
	text-align: left;
	border: 1px solid #FF9933;
}

.box7 {
	background-color: #336699;
	text-align: center;
	border: 20px solid #336699;
	color: White;
}
.box8 {
	background-color: #FF9933;
	text-align: center;
	border: 6px solid #ff9933;
	color: #000;
}
.boxphoto {
	border: 1px solid #A2B5CD;
	padding: 6px;
	background-color: #f0f8ff;
}
.pagetitle {
	color : #000066;
	font-size : 1.6em;
	font-weight : bold;
}
/* this was set up because the original lightnote may result in too small of text on some monitors but I don't want to just replace it on the site without retesting everyting */
.lightnote2 {
	color : #4f4f4f;
	font-size :.8em;
}
.lightnote3 {
	color : #4f4f4f;
	font-size :.9em;
}

/* there is a 'span' version of these two in the original spreadsheet which needs to be phased out */
.linkedphoto {
	border : solid #000000;
	border-width : 0px 1px 1px 0px;
}
.linkedphoto2 {
	border-bottom : 2px solid black;
	border-left : 2px solid #dcdcdc;
	border-right : 2px solid #696969;
	border-top : 2px solid White;
}

ul.dblspcList li {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.rightColPhotoStrip {
	float: right;
	width: 170px;
	text-align: center;
	background-color:#0FF;
	background-color : #BCD2EE;
	margin-right : 5px;
	margin-bottom : 5px;
	color: #000;
}