/* note: the styles are 'layered' to handle differing css implementation by different browsers  
             some style settings may appear to be redundant because they are over riden by others but that is the 'layering'  		 */

BODY {
	background-color: #333399;
	background-image: url(images/watertile4b.jpg);
	color: #000000;
	font-family : Garamond, "Book Antiqua", "News Gothic MT", "Times New Roman",  serif;

}
BODY.whaletail {
	background-color : White;
	background-image: url(images/logo107wc.gif);
}
BODY.nwtile {
	background-color : #CCFFFF;
	background-image: url(conference/culture2002/images/nworcabkgtile.gif);
}
BODY.fade04 {
	background-color : #CCFFFF;
	background-image: url(conference/learning2004/images/bkg-tile.jpg);
}
BODY.solid {
	background-color : #cae1ff;
	background-image : none;
}

/*	------------------------------------------------------------------	solid backgrounds for text   */
TABLE.pgbody {
	background-color : #CAE1FF; 
	}
/* predominent background color   */ 

/*   following are for boxed areas inside body, normally menus  */
/*   box 1 used for ??? */
TABLE.box1 { background-color : #F5FFFA; }	 

 /*  box 2 - light (floral white) to stand out - ex: education menu page, some curriculum pages   */
TABLE.box2 {												    
	background-color : #FFFAF0;
	text-align : center;
	width : 100px;
	border : solid;	border-color : #003366;	border-width : 0px 1px 1px 0px;}

	/* box 2b used for main education menu page only */
TABLE.box2b {
	background-color : #FFFAF0;
	text-align : center;
	width : 100px;
	border : solid;
	border-color : #003366;
	border-width : 0px 1px 1px 0px;
	height : 48px;
	margin-right : 10px;
}
 /*   box 3 - 1 shade darker (lt steel blue 2) to blend in - ex: about ACS page, links pgs ++, for side-menu boxes   */	
TABLE.box3 {
	background-color : #BCD2EE;
	border : solid;
	border-color : #A2B5CD;
	border-width : 0px 1px 1px 1px;
	margin-right : 5px;
	margin-bottom : 5px;
}	
TABLE.box3b {
	background-color : #BCD2EE;
	border : solid;
	border-color : #A2B5CD;
	border-width : 0px 1px 1px 1px;
}	
/* used for ar-advisors, ar-board, whalewatcher catalog pages */
TABLE.box4 {
	background-color : #B2D2EE;
	border : solid;
	border-color : #003366;
	border-width : 0px 1px 1px 0px;
	margin-right : 10px;
}

TABLE.box5 {
	border : solid;
	border-color : #A2B5CD;
	border-width : 1px 1px 1px 1px;
	font-family : Arial;
	font-size : smaller;
}	


/*  for action alerts */
TABLE.boxAA {
	background-color : #E9967A;
	border : solid;
	border-color : #A2B5CD;
	border-width : 1px 1px 1px 1px;
	font-family : Arial;
	font-size : smaller;
}	
	

/*  ---------------------------------------------------------------  link formatting */
A:LINK {color : #4159E1;}
A:ACTIVE { color : #CD5555; }   		  
A:FOCUS { color : #CC0000; }
A:HOVER {color : #FF4500;	text-decoration : underline;}

/*  	'general'  links  are normally embedded in text - don't want them to stand out too much
                      (font size and face revert to 'standard for text' for visited links)     */
					  
A:LINK.gen {
	color : #003366;	
	font-family : Arial, Helvetica, sans-serif;
	font-size : .85em;	text-decoration : none;}   						
A:VISITED.gen { color : #000099;
	font-family : Arial, Helvetica, sans-serif;
	font-size : .85em;	text-decoration : none;}   						
A:ACTIVE.gen { color : #CD5555; }   		  
A:FOCUS.gen { color : #CC0000; }
A:HOVER.gen {color : #FF4500;	text-decoration : underline;}

A:LINK.gen2 {
	color : #003366;
	font-family : Arial, Helvetica, sans-serif;
	font-size : .75em;
	text-decoration : none;}
A:VISITED.gen2 {
	color : #000099;
	font-family : Arial, Helvetica, sans-serif;
	font-size : .75em;
	text-decoration : none;}   						
A:ACTIVE.gen2 { color : #CD5555; }   		  
A:FOCUS.gen2 { color : #CC0000; }
A:HOVER.gen2 {color : #FF4500;	text-decoration : underline;}

A:LINK.plain { color : #000000;	text-decoration : none; }						/* used for links which should completely blend into the text */
A:VISITED.plain {color : #000000; 	text-decoration : none;	}				/* such as terms linked to the glossary or cross linked from the glossary*/
A:ACTIVE.plain { color : #CD5555; }															
A:FOCUS.plain {	color : #CC0000; text-decoration : underline; }
A:HOVER.plain {	color : #CC0000; text-decoration : underline; }

A:LINK.plain2 {	
	color : #000000;	text-decoration : none; 	font-weight : bold;}	/* used for links which should blend in except for being bold*/
A:VISITED.plain2 {color : #000000; 	text-decoration : none;	font-weight : bold	}			
A:ACTIVE.plain2 { color : #CD5555; }															
A:FOCUS.plain2 {	color : #CC0000; text-decoration : underline; }
A:HOVER.plain2 {	color : #CC0000; text-decoration : underline; }

/* 																			--- everything for main menu sels --- */
TD.menu1{
	background-color : #C8E8E8;
	text-align : center;
	border : solid;	border-color : #000000;	border-width : 0px 1px 1px 0px;}	

A:LINK.menu1 {									   		/*  --- normal main menu --- */
	color : #FFD700;									/* if current page = a main menu sel, use MENU1A  for that selection*/
	background-color : #333399;				/* use MENU1C to indicate current section */
	text-decoration : none;}
A:VISITED.menu1 { 
	color : #FFFACD; 
	background-color : #333399;	
	text-decoration : none;	}
A:ACTIVE.menu1 { color : #CD5555; }
A:FOCUS.menu1 {	color : #CC0000; }
A:HOVER.menu1 {
	color :#ff4500;
	text-decoration : none;
	background-color : #000066;
}   

A:LINK.menu1a, A:VISITED.menu1a {				/*  current page is a main menu selection */
	text-decoration : none;
	background-color : #003366;
	color : #A2B5CD; }
A:ACTIVE.menu1a { color : #CD5555; }
A:FOCUS.menu1a { color : #CC0000; }
A:HOVER.menu1a {color : #FF4500; }

TD.menu1b { 
	text-align : center; font-size : xx-small; }				/*  blank areas of menu, no background or border  */

A:LINK.menu1c, A:VISITED.menu1c {
	/* indicates current main menu section */
	text-decoration : none;
	background-color : #000066;
	color : #eec900;
}	

A:ACTIVE.menu1c { color : #CD5555; }
A:FOCUS.menu1c { color : #CC0000; }
A:HOVER.menu1c { color : #FF4500; }

/*                                                                               						 formatting for the level 2 menu 
																											also used to box text - ex: fact sheets  
																											also used for 2000 conference main nav in place of menu1 */
TD.menu2{															
	background-color : #F0F8FF;								
	text-align : center;
	border : solid;
	border-color : #003366;
	border-width : 0px 1px 1px 0px;
}
	
	TD.menu2left{															
	background-color : #F0F8FF;								
	text-align : left;
	border : solid;
	border-color : #003366;
	border-width : 0px 1px 1px 0px;
}

A:LINK.menu2 { color : #003366;	text-decoration : none; }						/* also used by the boxed links  and elsewhere */
A:VISITED.menu2 {color : #000099; 	text-decoration : none;	}				/* and also in body of page where link should blend in better*/
A:ACTIVE.menu2 { color : #CD5555; }															/* also used by page footer */
A:FOCUS.menu2 {	color : #CC0000; text-decoration : underline; }
A:HOVER.menu2 {
	color : #CC0000;
	text-decoration : underline;}

TD.menu2c{																									/* for Current selection */
	background-color : #fffaf0;								
	text-align : center;
	border : solid;
	border-color : #003366;
	border-width : 0px 1px 1px 0px;
	}
A:LINK.menu2c, A:VISITED.menu2c {
	/* indicates current main menu section */
	text-decoration : none;
	background-color : #fffaf0;
	color : #003366;
}	
A:ACTIVE.menu2c { color : #CD5555; }
A:FOCUS.menu2c { color : #CC0000; }
A:HOVER.menu2c {
	color : #FF4500;
	text-decoration : underline;
}

A:LINK.menu3 {										/* background for menu3 blends into water well */
	color : #FFD700;		                        /* used for home page */
	background-color : #336699;
	text-decoration : none;}
A:VISITED.menu3 { 
	color : #FFFACD; 
	background-color : #336699;	
	text-decoration : none;	}
A:ACTIVE.menu3 { color : #CD5555; }
A:FOCUS.menu3 {	color : #CC0000; }
A:HOVER.menu3 {
	color :#ff4500;
	text-decoration : none;
	background-color : #003366;
}   
A:LINK.more1 {
	color : #000099;
}
A:VISITED.more1 { 
	color : #003366;
}
A:ACTIVE.more1 {
	color : Red;
}
A:FOCUS.more1 {
	color : Maroon;
}
A:HOVER.more1 {
	color : #ff0000;
}   
A:LINK.more2 {
	color : Navy;
	font-weight : bolder;
}
A:VISITED.more2 {
	color : Navy;
	font-weight : bolder;
}
A:ACTIVE.more2 {
	color : White;
}
A:FOCUS.more2 {
	color : yellow;
}
A:HOVER.more2 {
	color : White;
}   

/*  add/remove the 'red'  to highlight  stuff that needs attention ... */
SPAN.draft {
	color : Red;
}
/* for marking sentences that need to be removed or reworded when [function] is complete */
SPAN.rrwc {
	font : normal;
}
/* for referring to name of ACS Journal, Whalewatcher */
SPAN.ww {
	font-style : italic;
	font-family : Arial, Helvetica, sans-serif;
	font-size : smaller;
}

SPAN.ww-ns {                                  /*variation with no size change */
	font-style : italic;
	font-family : Arial, Helvetica, sans-serif;
}

SPAN.acs {
	/* these 3 styles are for the top of page title area and 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 : #FFFFFF;
	font-size : 1.3em;
}
SPAN.slogan {
	font-family: Times New Roman, Goudy, Garamond, Bell MT;
	color: #EEE8AA;
	font-weight: 500;
	font-size: 1.2em;
}
SPAN.slogan2 {
	font-family: Times New Roman, Goudy, Garamond, Bell MT;
	color : #FFD700;
	font-style : italic;
	font-size : .9em;
}
address {
	font-family: Arial, Helvetica, sans-serif;
	color :#d3d3d3;
	font-size : xx-small;
	font-style : normal;
}

/*  used in conservation reports for the disclaimer and for some breadcrumbs*/
.lightnote {
	color : #4f4f4f;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size :.7em;
}
SPAN.tealnote {
	color : #006666;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size :.7em;
}

/*                             														bottom of page footer for change dates, copyright link, etc... */
TD.pgbot {
	font-family : Arial, Helvetica, sans-serif;
	color : #00686B;
}
/*  																			  pg bot 2 is for photo credits, etc*/
TD.pgbot2 {
	font-size : .8em;
	font-family : "Times New Roman", Times, serif;
}
	
SPAN.pagetitle {
	/* gives name of page */
	color : #000066;
	font-size : 1.6em;
	font-weight : bold;
}


SPAN.pagetitle2 {
	color : #006666;
	font-weight : bold;
	font-size : 1.6em;
}
TD.pagesubtitle {
	font-family : "Times New Roman", Times, serif;
	font-size : .75em;
	text-align : right;
}
span.subtitle {
	font-family : "Times New Roman", Times, serif;
	font-size : x-small;
}
/*  				section title - for captioning paragraphs, particularly on pages with lots of text, used in research repos */
SPAN.sectiontitle {
	color : #000066;
	font-size : 1.1em;
	font-weight : bold;
}
/*                   to go below section title - used in research repos      */
/*                   also for text - some conservation pages such as policy letters */
SPAN.sectionsubtitle {
	font-family : Arial, Helvetica, sans-serif;
	font-size : .75em;
}
/* 					section title 2 - also for captioning paragraphs  - used on fact sheets */
/* maybe able to get rid of the redundant styles later - this was set up while learning */


SPAN.sectiontitle2 {			
	color : #006666;
	font-weight : bold;
	font-size : 1.1em;
}
SPAN.sectionsubtitle2 {
	font-size : .9em;
	color : #006666;	
	font-weight : bold;	
}

/*  				section title - also for captioning paragraphs - used on conservation reportst*/
SPAN.sectiontitle3 {
	color : #000000;
	background-color : #BCD2EE;
	font-weight : bold;
	border-top : 1px solid Gray;
	border-bottom : 1px solid Gray;
}

P.sectiontitle {
	color : #FFFACD;
	font-size : medium;
	font-weight : bold;
}

TD.sectiontitle {
	color : #FFFACD;
	font-size : medium;
	font-weight : bold;
	background-color : #000099;
	text-align : left;
	vertical-align : middle;
}
/* colors match for span sectiontitle3  - used on links page and on issues home page */
TD.sectiontitle3 {
	color : #000000;
	font-size : medium;
	font-weight : bold;
	background-color : #BCD2EE;
	text-align : left;
	vertical-align : middle;
	border-top : 1px solid Gray;
	border-bottom : 1px solid Gray;
}

UL.dolphinhead {
	list-style-image : url(images/bullet-dolphin.gif);
	list-style-position : outside;
}

UL.dolphinleap {
	list-style-image : url(images/bullet-dolphinleap.gif);
	list-style-position : inside;
	margin-left : 0px;
}


UL.smalloval {
	list-style-image : url(images/bullet-oval-sm.gif);
	list-style-position : outside;
}

/*						for thumbnail photos on the top of each screen, also used for other thumbnails which may be enlarged  */
SPAN.linkedphoto {
	border : solid #000000;
	border-width : 0px 1px 1px 0px;
}

SPAN.linkedphoto2 {
	border-bottom : 2px solid black;
	border-left : 2px solid #dcdcdc;
	border-right : 2px solid #696969;
	border-top : 2px solid White;
}

TD.graphicbkg {
}
SPAN.floatpic{
	float : right;
	text-align : right;
}

/*  input, select, and fieldset all used on issues page for report navigation form*/
INPUT {
	background-color : #dcdcdc;
	font-family : Arial, Helvetica, sans-serif;
	font-size : x-small;
	color : Black;
}
INPUT.xsm {
	background-color : #dcdcdc;
	font-family : Arial, Helvetica, sans-serif;
	font-size : xx-small;
	color : Black;
}
TEXTAREA {
	background-color : #dcdcdc;
	font-family : Arial, Helvetica, sans-serif;
	font-size : x-small;
	color : Black;
}


INPUT.donow {
	background-color : #E9967A;
	font-size : x-small;
	color : #000000;
	font-weight : bold;
}
INPUT.LIGHT {
	background-color : #F0F8ff;
}
INPUT.blend {
	background-color : #cae1ff;
	font-family : Arial, Helvetica, sans-serif;
	font-size : x-small;
	color : Black;
}

SELECT {
	background-color : #F0F8FF;
	font-family : Arial, Helvetica, sans-serif;
	font-size : .8em;
}
FIELDSET {
	border : 1px solid #a2b5cd;
}

SELECT.nav {
	color : #003366;
	font-size : .75em;
}