/* ==============================
GENERAL
BANNER
CONTAINER
FOOTER
DIVISIONS & IMGs
TABLES
BLOCKQUOTE
LISTS
TOOLTIPS

Version 2.2 Wednesday, November 23, 2011
=================================*/

/* ===GENERAL=== */
*
	{
	margin: 0;
	padding: 0;
	}
	
body
	{
	background: #888;
	color: #000000;
	margin: 0 0;
	font-family: "Times Roman", Georgia, serif;
	font-size: 100%;
	}
	
a:link
	{
	text-decoration: none;
	}
	
a:active
	{
	text-decoration: none;
	}
	
a:visited
	{
	text-decoration: none;
	}
	
a:hover, a:focus
	{
	color: #FF0000 ;
	}

h1
	{
	text-align: center;
	padding-left: .5em;
	padding-bottom: 1em;
	color: #FF0000;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 140%;
	}
	
h1 span
	{
	font-size:80%;
	}

h2
	{
	font-size: 110%;
	}

h2,h3,h4,h5,h6
	{
	margin-top: 40px;
	margin-left: 1em;
	padding-top: .5em;
	font-family: Helvetica, Arial, sans-serif;
	}
	
h2.break
	{
	display: block;
	clear: both;
	}
	
p
	{
	padding: .5em 1em;
	}

p.right
	{
	text-align: right;
	}
	
p.left
	{
	text-align: left;
	}
	
p.center
	{
	text-align: center;
	}
	
p.small
	{
	font-size: 80%;
	}

hr
	{
	width:75%;
	margin: 20px auto 40px auto;
	}
	
#wrapper
	{
	margin-left: 8%;
	margin-right: 8%;
	max-width: 1200px;
	}
	
/* ===BANNER=== */
.banner
	{
	width:100%;
	min-width: 720px;
	font-family: Helvetica, Arial, sans-serif;
	position: relative;
	}

.banner #inner_banner
	{
	height: 200px;
	border-top-right-radius: 2em;
	-webkit-border-top-right-radius: 2em;
	-moz-border-radius-topright: 2em;
	border-top-left-radius: 2em;
	-webkit-border-top-left-radius: 2em;
	-moz-border-radius-topleft: 2em;
	background: #bddfff;
	background-image: url(../Images/UpperBgrd.gif);
	background-repeat: repeat-x;
	padding: 0 0 0 25px;
	margin: 0;
	}

#inner_banner .main_title
	{
	margin: 0;
	padding-top: 1em;
	color: #fff;
	font-weight: bold;
	font-size: 36px;
	text-align: center;
	line-height: .5;
	}

.banner ul
	{
	list-style: none;
	font-size: 80%;
	}
	
.banner ul#top_nav
	{
	position: absolute;
	top: 5px;
	right: 10px;
	list-style: none;
	line-height: 1.8;
	}
	
.banner ul#top_nav li
	{
	display: inline;
	letter-spacing: 0.1em;
	padding: 0.4em 1em;
	font-weight: bold;
	}
	
.banner ul#top_nav a
	{	
	color: white;
	}
	
.banner ul#top_nav a:hover, .banner ul#top_nav a:focus
	{	
	color: red;
	}

.banner ul#top_nav #home
	{
	color: #333;
	background: url(../Images/arrow.gif) no-repeat 4% 50%;
	}
	
#side_nav
	{
	width: 30em;
	}
	
	
#search
	{
	color: black;
	font-weight: lighter;
	font-size: 75%;
	}

.banner #inner_banner form
	{
	position: absolute;
	top: 86px;
	right: 0px;
	width: 20em;
	padding: 4px;
	border-style: none;
	}
	
.banner #inner_banner #CL
	{
	position: absolute;
	top: 100px;
	right: 325px;
	}
	
.banner #inner_banner #CL img
	{
	border: 0px;
	}
	
.banner #inner_banner #CL span
	{
	position: absolute;
	display: inline;
	top: 2px;
	left: 125px;
	margin-top: -.1em;
	padding: .3em 0;
	/*color: #fff;*/
	font-size: 70%;
	text-align: left;
	}
	
#CL a
	{
	position: absolute;
	top: 35px;
	width: 200px;
	height: 50px;
	display:block;
	}

.banner #inner_banner #CL a:hover, #greek a:focus
	{
	border: 0px solid #fff;
	}

.banner #inner_banner #thetis_pic
	{
	position: absolute;
	top: 14px;
	left: 28px;
	}
	
/* ===CONTAINER=== */
#container
	{
	width:100%;
	min-width: 720px;
	margin: 0 auto;
	padding: 20px 0 20px 0;
	background: #fff;
	}

.container .primary
	{
	width: 98.3%;
	float: right;
	display: inline;
	}

.container .secondary
	{
	width: 20%;
	margin: 0 0;
	padding-top: 65px;
	padding-left: 0;
	/*padding-right: 2px;*/
	float: left;
	display: inline;
	background-color: #e6e6fa;
	}
	
.ft_note
	{
	display: none;
	}

#notes
	{
	clear: both;
	padding-left: 2em;
	overflow: hidden;
	}

#notes h4, #notes ol
	{
	display: none;
	}
	
/* ===FOOTER=== */
.footer
	{
	clear:both;
	min-width: 720px;
	background: gray;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 80%;
	color: blue;
	}

#inner_footer
	{
	position: relative;
	height: 80px;
	background: #bddfff;
	background-image: url(../Images/UpperBgrd.gif);
	background-repeat: repeat-x;
	padding-top: 10px;
	border-bottom-right-radius: 2em;
	-webkit-border-bottom-right-radius: 2em;
	-moz-border-radius-bottomright: 2em;
	border-bottom-left-radius: 2em;
	-webkit-border-bottom-left-radius: 2em;
	-moz-border-radius-bottomleft: 2em;
	}
	
.footer #copy
	{
	text-align: left;
	padding-left: 4em;
	padding-top: .5em;
	padding-bottom: 0;
	}
	
.footer #final
	{
	float: right;
	position: relative;
	}
	
.footer #final ul#dates
	{
	list-style: none;
	margin-right: 4em;
	padding-bottom: 1em;
	text-align: right;
	}
	
.footer ul#footer_nav
	{
	list-style: none;
	line-height: 1.8;
	text-align: center;
	}

.footer ul#dates li {text-align: left;}
	
.footer ul#footer_nav li
	{
	display: inline;
	letter-spacing: 0.1em;
	padding: 0.4em 0.7em;
	font-weight: bold;
	}
	
.footer ul#footer_nav li a
	{
	color: white;
	}
	
.footer ul#footer_nav a:visited
	{	
	color: white;
	}
	
.footer ul#footer_nav a:hover, .footer ul#footer_nav a:focus
	{	
	color: red;
	}
	
.footer #home
	{
	color: #555;
	background: url(../Images/arrow.gif) no-repeat -.2em 50%;
	}

ul#footer_nav a[rel="prev"]:before
	{
	content: "\00AB";
	font-size: 130%;
	padding-right: .5em;
	}
	
ul#footer_nav a[rel="next"]:after
	{
	content: "\00BB";
	font-size: 130%;
	padding-left: .5em;
	}
	
ul#footer_nav li a[rel="prev"], ul#footer_nav li a[rel="next"]
	{
	color: white;
	}
	
/* ===DIVISIONS & IMGs=== */		
div.center
	{	
	clear: both;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	vertical-align: middle;
	}

img.displayed
	{
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: .8em;
    /*border: 1px solid #666;*/
    }

img.right
	{
	float: right;
	margin: 10px;
	}
	
img.left
	{
	float: left;
	margin: 10px;
	}

div.left
	{
	float:left;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px; 
	vertical-align: middle;
	}
	
div.right
	{
	float:right;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	vertical-align: middle;
	}
	
div p.caption
	{
	max-width: 500px;
	text-align: center;
	left: 0;
	top: 0;
	margin: 10px auto 0 auto;
	padding: 10px;
	font-family: Helvetica, Arial, sans-serif;
	color: #555555;
	background-color: #e6e6fa;
	font-size: 85%;
	/*border-radius: 1em;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em; */
	box-shadow: 3px 3px 6px #666;
	-webkit-box-shadow: 3px 3px 6px #666;
	-moz-box-shadow: 3px 3px 6px #666;
	}
	
div p.caption span
	{
	font-size: 80%;
	}
	
div.caption
	{
	max-width: 500px;
	text-align: left;
	left: 0;
	top: 0;
	margin: 10px auto 0 auto;
	padding: 10px;
	font-family: Helvetica, Arial, sans-serif;
	color: #555555;
	background-color: #e6e6fa;
	font-size: 85%;
	border-radius: 1em;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	box-shadow: 3px 3px 6px #666;
	-webkit-box-shadow: 3px 3px 6px #666;
	-moz-box-shadow: 3px 3px 6px #666;
	}
	
div.right p.caption, div.left p.caption
	{
	max-width: 485px;
	}

div.right p.caption.small, div.left p.caption.small, p.caption.small
	{
	max-width: 225px;
	}

div.clear
	{
	clear: both;
	}

div.cols2
	{
	padding-right: 1em;
	-moz-column-count: 2;
	-moz-column-gap: .5em;
	-moz-column-rule: 1px solid #ccc;
	-webkit-column-count: 2;
	-webkit-column-gap: .5em;
	-webkit-column-rule: 1px solid #ccc;
	column-count: 2;
	column-gap: .5em;
	column-rule: 1px solid #ccc;
	}

div.cols3
	{
	padding-right: 1em;
	-moz-column-count: 3;
	-moz-column-gap: .5em;
	-moz-column-rule: 1px solid #ccc;
	-webkit-column-count: 3;
	-webkit-column-gap: .5em;
	-webkit-column-rule: 1px solid #ccc;
	column-count: 3;
	column-gap: .5em;
	column-rule: 1px solid #ccc;
	}	
	
/* ===TABLES=== */
table
	{
	width: 95%;
	margin: 0 auto 25px auto;
	text-align: left;
	border-collapse: collapse;
	}
	
	
th
	{
	line-height: 1.5em;
	padding-bottom: .5em;
	padding-left: 1em;
	font-weight: 600;
	}

caption, th#capt
	{
	text-align: center;
	font-weight: bold;
	font-size: 1.25em;
	padding-bottom: 1em;
	}

td
	{
	line-height: 1.5em;
	padding-bottom: .5em;
	padding-left: 1em;
	}
			
td.Links
	{
	width: 50%;
	vertical-align: top;
	text-align: center;
	}
			
td.Visit
	{
	width: 50%;
	vertical-align: top;
	text-align: right;
	}
	
td.Fifteen
	{
	width: 8em;
	padding-left: 1em;
	}
						
td.left
	{
	width: 50%;
	vertical-align: top;
	text-align: left;
	}
	
td.center
	{	
	text-align: center;
	}

table.picture
	{
	border-style: none;
	margin: 20px auto;
	padding: 10px;
	clear: both;
	vertical-align: middle;	
	}
	
table.picture tr td
	{
	vertical-align: middle;
	text-align: center;
	border: 0px;
	border-style: none;
	}

table.picture caption
	{
	font-size: 100%;
	padding-left: 20px;
	text-align: center;
	}

#statistics
	{
	width: 20em;
	margin: 10px auto 0 auto;
	padding-top: 2em;
	clear: both;
	font-family: Helvetica, Arial, sans-serif;
	}
	
#statistics th, #statistics td
	{
	border: 1px solid;
	padding: 10px;
	margin: 10px;
	}
	
#statistics td {text-align: right;}

#statistics td.units {text-align: center;}

#statistics .color
	{
	background-color: #ccffff;
	}

/* ===BLOCKQUOTE=== */
blockquote
	{
	clear: both;
	font-family: Georgia, Helvetica, sans-serif;
	font-size: 90%;
	margin-left: 40px;
	letter-spacing: 0.1em;
	}

/* ===LISTS=== */
ol {margin-left: 2em;}

#bibl_list {margin-left: 3em;}

#bibl_list li
	{
	padding-bottom: 20px;
	line-height: 1.8;
	}
	
ol.upperA
	{
	list-style: upper-alpha;
	}

ol.Conributors li
	{
	clear: both;
	margin-left: 2em;
	}

ol.Conributors li [rel="title"]
	{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 2em;
	padding: .5em 0;
	display: block;
	overflow: hidden;
	}
	
ol.Publications li
	{
	clear: both;
	margin-left: 2em;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 110%;
	margin-bottom: 1em;
	padding: .5em 0;
	display: block;
	overflow: hidden;
	}
	
ol.Publications li img
	{
	margin-top: 1em;
	}

ol.Publications li p
	{
	font-family: "Times Roman", Georgia, serif; font-size: 85%;
	}
	
div.caption ol
	{
	margin-left: 2em;
	}
ul 
	{
	margin-left: 3em;
	margin-bottom: 1em;
	}

ul.nav
	{
	list-style: none;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 110%;
	margin-bottom: 2em;
	display: block;
	overflow: hidden;
	margin-left: 10em;
	}

/* ===TOOLTIPS=== */

.tooltip
	{
	position: relative;
	display: block;
	font: 76%/1.8 "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	}

a.tooltip span
	{
	display:none;
	padding:2px 3px;
	margin-left:8px;
	width:130px;
	}
	
a.tooltip:hover span
	{
	display:inline;
	position:absolute;
	top: 0;
	left: 0;
	background-color:#ffc;
	border:1px solid #cccccc; color:#6c6c6c;
	border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	box-shadow: 3px 3px 6px #666;
	-webkit-box-shadow: 3px 3px 6px #555;
	-moz-box-shadow: 3px 3px 6px #555;
	}
	
.imagemap
	{
	position: relative;
	margin: 0 auto;
	width: 267px;
	height: 159px;
	}
	
.imagemap ul
	{
	margin: 0;
	padding: 0;
	list-style: none;
	font: 76%/1.8 "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	}
	
.imagemap a
	{
	position: absolute;
	display: block;		
	color: #000;
	text-decoration: none;
	border: 0px solid transparent; /* set 1px for testing */
	}

.imagemap a .inner
	{
	display: block;
	width: 100px;
	height: 50px;
	}

.imagemap a:hover,
.imagemap a:focus
	{
	border-color: #d4d82d;
	cursor: pointer;
	}

.imagemap a .note
	{
	position: absolute;
	padding: 0.2em 0.5em;
	background-color:#ffc;
	text-align: center;
	left: -30000px;
	margin-left: 0;
	white-space: nowrap;
	border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	box-shadow: 3px 3px 6px #666;
	-webkit-box-shadow: 3px 3px 6px #555;
	-moz-box-shadow: 3px 3px 6px #555;
	opacity: 0.8;
	}
	
.imagemap a:hover .note,
.imagemap a:focus .note
	{
	left: 0px;
	top: 2.5em;
	z-index: 1;
	}
	
acronym[title],
abbr[title]
	{
	border-bottom: 1px dotted #999;
	}

acronym[title]:hover,
acronym[title]:focus,
abbr[title]:hover,
abbr[title]:focus
	{
	cursor: help;
	}