/* link styles */
a:link, a:visited  { color: #3698e1; text-decoration: none;}
a:hover, a:active {color: #1588dd; text-decoration: underline;}

a.bluelink:link, a.bluelink:visited  { color: #3a6f8f; text-decoration: none;}
a.bluelink:hover, a.bluelink:active {color: #3a6f8f; text-decoration: underline;}

a.whitelink:link, a.whitelink:visited  { color: #FFFFFF; text-decoration: none;}
a.whitelink:hover, a.whitelink:active {color: #fcd884; text-decoration: underline;}

a.goldlink:link, a.goldlink:visited  { color: #fcd884; text-decoration: none;}
a.goldlink:hover, a.goldlink:active {color: #fdb813; text-decoration: underline;}

a.graylink:link, a.graylink:visited  { color: #707276; text-decoration: none;}
a.graylink:hover, a.graylink:active {color: #3698e1; text-decoration: underline;}


/* BODY styles*/
body {
	background-color: #7dabcd; 
	background-image: url(images/universal_BG.gif);
	background-repeat: repeat-x;
}

/* CONTENT text and image styles */
 

h1  { 
	color: #003768; 
	font-size: 20px; 
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
	line-height: 22px; 
	padding: 0px;
}

/*use H2 for gray italic somewhat-larger text and subheaders*/ 
h2  { 
	color: #a1a1a5; 
	font-size: 14px; 
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-weight: bold; 
	font-style: italic;
	line-height: 17px; 
	padding: 5px 0px 0px 0px;
}

/*use H3 for blue italic somewhat-larger text and subheaders*/ 
h3  { 
	color: #003768; 
	font-size: 13px; 
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-weight: bold; 
	font-style: italic;
	line-height: 16px; 
	padding: 5px 0px 0px 0px;
}


/*use H4 for blue body titles (for example, titles of presentations)*/ 
h4  { 
	color: #003768; 
	font-size: 12px; 
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-weight: bold; 
	font-style: italic;
	padding: 4px 0px 0px 0px;
	margin-bottom: -5px;
}

h5  { 
	color: #246890; 
	font-size: 11px; 
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-weight: bold; 
	line-height: 13px; 
	padding: 0px 0px 0px 0px;
	margin: 2px 0px 2px 0px;
}
.caps {
	text-transform:uppercase;
	letter-spacing: 1px;}

p, ol, ul { 
	color: #4f4f50; 
	font-size: 11px; 
	line-height: 16px; 
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; 
	}

ul.bluebullet {margin-top:1em; margin-bottom:1em; line-height:1.3em;  /*position: relative;*/ left: -10px; list-style-image:url(images/bullet.gif); list-style-type:disc;}

li { margin-bottom: 5px;}
p.copyright {
	color: #FFFFFF;
	font-size: 9px;
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
	padding: 0px;
}

p.volume { 
	color: #3a6f8f; 
	font-size: 9px; 
	line-height: 10px; 
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; 
	}
	
p.figure { 
	color: #4f4f50; 
	font-size: 10px; 
	line-height: 14px; 
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; 
	}
	
.grayh1{
	color: #a1a1a5;
	font-size: 14px;}
/* minor variant text styles */
.ten-below {margin-bottom: 10px;}
.ten-left {padding: 0px 0px 0px 10px;}
.3above {padding-top: 8px;}
.body-note { font-style: italic; }
.indented { padding: 0px 0px 0px 20px; }
.blue-bold {color: #3a6f8f; font-weight: bold;}
.blue-italic {color: #3a6f8f; font-style: italic;}
.whitey8 {color: #ffffff; font-size:9px;}
.gray8 {color: #666666; font-size:9px;}
.greek {font-family: symbol;}
SUB, SUP { line-height: 0; }
.small-error-text  {color: #ab181c; font-size: 10px;}
.small-text {font-size: 10px;line-height: 12px; }
.small-figure {font-size: 10px;line-height: 12px; margin: 5px 5px 5px 5px;}
.body-text { color: #4f4f50; font-size: 11px; line-height: 15px; font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; }
td.tablehead {color: #FFFFFF; font-size:8px; font-weight: bold; padding: 6px 6px 6px 6px; background-color:#3a6f8f;}
td.ltojbody {color: #a1a1a5; font-size:9px; padding: 2px 6px 2px 6px; background-color:#fcd884;}
td.dkojbody {color: #a1a1a5; font-size:9px; padding: 2px 6px 2px 6px; background-color:#facc61;}
td.lterojbody {color: #a1a1a5; font-size:9px; padding: 2px 6px 2px 6px; background-color:#fce8bb;}
td.whitebody {color: #a1a1a5; font-size:9px; padding: 2px 6px 2px 6px; background-color:#ffffff;}
/*colors and sizes*/

.menublue {color:#7dabcd;}
.gray {color: #a1a1a5;}
.red {color: #ab181c;}
.dkgold {color: #fdb813;}
.ltgold {color: #fcd884;}
.pms540 {color:#003768;}
.pms5405 {color:#3a6f8f;}
.white {color:#FFFFFF;}



/* image styles */
img.rightimage {
	margin: 0px 0px 15px 20px;}
	
img.leftimage {
	margin: 0px 20px 15px 0px;}
	
img.bio-image { margin: 0px 15px 15px 0px; border: solid 1px #3a6f8f;}
	

/* related items menu table styles */
/* need to display these links that pull in background graphics without applying <p> tags, or MISE screws up */


	table.related {
	margin: 20px 0px 10px 20px;
	border: solid 1px #8c8f94;
	}
	
	td.relatedcelltop {padding: 5px 10px 5px 10px; border-bottom: solid 1px #8c8f94; background-color: #fcc648;}
	td.relatedcell {padding: 5px 10px 15px 10px;  background-color: #fcd884;}
	table.rig_paddy {margin: 0px 0px 10px 20px;}
	
	a.relatedlink:link, a.relatedlink:visited  { 
	display: block; 
	color: #707276; 
	font-size: 11px; 
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
	text-decoration: none;
	padding: 5px 0px 0px 10px;
	}

a.relatedlink:hover, a.relatedlink:active {
	display: block; 
	color: #4f4f50; 
	font-size: 11px; 
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; 
	padding: 5px 0px 0px 10px;
	text-decoration: none;
	background-image:url(images/relatednav_on.gif);
	background-repeat: no-repeat;
	background-position: 0px 10px;
	}

a.relatedlink-here:link, a.relatedlink-here:visited, a.relatedlink-here:hover, a.relatedlink-here:active {
	display: block; 
	color: #4f4f50; 
	font-size: 11px; 
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; 
	text-decoration: none;
	padding: 5px 0px 0px 10px;
	background-image:url(images/relatednav_on.gif);
	background-repeat: no-repeat;
	background-position: 0px 10px;
	}


/* non-nav table cell styles */

td.surround {padding: 0px; border: solid 2px #a1a1a5;}
td.issue {padding: 7px 25px 7px 25px; background-color:#FFFFFF; }

td.body-content  {padding: 25px; background-color:#FFFFFF; border-right: solid 1px #d7d7d7;  border-left: solid 1px #d7d7d7;}
td.footer {padding: 7px 25px 7px 25px; background-color:#3a6f8f; border-top: solid 2px #a1a1a5; }

td.bluebackground {
	padding: 15px 15px 15px 15px; 
	background-color:#3a6f8f; 
	border-top: solid 1px #d7d7d7; 
	border-bottom: solid 1px #d7d7d7; 
	border-left: solid 1px #d7d7d7; 
	background-image: url(images/blue_BG.gif); 
	background-repeat: repeat-x; 
	}

td.bluebackground2 {
	padding: 15px 15px 15px 15px; 
	background-color:#3a6f8f; 
	border-top: solid 1px #d7d7d7; 
	border-bottom: solid 1px #d7d7d7; 
	border-right: solid 1px #d7d7d7; 
	background-image: url(images/blue_BG.gif); 
	background-repeat: repeat-x; 
	}
	
td.prezblue {
	padding: 15px 15px 15px 15px; 
	background-color:#dcf1fd; 
	}
	
td.publicationswhite {
	padding: 0px 15px 15px 15px; 
	background-color:#ffffff; 
	}
	
td.exploreorange {
	padding: 15px 15px 15px 15px; 
	background-color:#fae5b5; 
	}
	td.refpaddy {
		padding: 0px 4px 4px 0px;
		}
		
td.events_paddy {
		padding: 10px 0px 0px 0px;
		}


/*this table provides the "borders" around the ordering items. It surrounds a table whose cellspacing is set to 1*/
table.outline {background-color:#7dabcd; margin-bottom: 15px;}
td.orderhead {padding: 3px 3px 4px 5px; background-color:#3a6f8f;}

td.paleblue {background-color:#d1e5f1;}
td.whitecell {background-color:#ffffff;}


/* NOT USED */

td.specs {border: solid 1px #246890; padding: 5px; }
td.biosensor {padding: 3px 3px 4px 5px;}
table.info {padding-left: 10px;}

