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

Version 2.3 Friday, March 25, 2011
=================================*/

/* ===GENERAL=== */
*
	{
	margin: 0;
	padding: 0;
	}

a:link
	{
	text-decoration: none;
	}
	
a:active
	{
	text-decoration: none;
	}
	
a:visited
	{
	text-decoration: none;
	}
	
a:hover
	{
	color: #FF0000;
	}

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

h1 span
	{
	font-size:80%
	}

h2
	{
	font-size: 110%;
	}

h3,h4,h5,h6
	{
	margin-top: 40px;
	margin-left: -4%;
	padding-top: 20px;
	font-family: Helvetica, Arial, sans-serif;
	}
	
p
	{
	padding: 0;
	}

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

body
	{
	text-align: center; 
	background-color: #888;
	font-family:"Times Roman", Georgia, serif; font-size: 100%; 
	}

.wrapper
	{
	width: 95.8%;
	margin: 0 auto; 
	text-align: left;
	max-width: 125em;
	min-width: 960px;
	background: url(../Images/UpperBgrd.gif) repeat-y;
	background-position: 0% 1.5%;
	}
	
/* ===BANNER=== */
.banner
	{
	font-family: Helvetica, Arial, sans-serif;
	position: relative;
	background-color: gray;
	}
	
.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;
	line-height: .5em;
	text-align: center;
	}
		
.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
	{
	overflow: hidden;
	position: relative;
	}

.container .primary
	{ 
	width: 80.7%;
	margin-left: 185px;
	background-color: white;
	min-width: 775px;
	}

.container .primary p
	{
	padding: .5em 2em;
	}

.container .secondary
	{
	position: absolute; 
	width: 185px;
	left: 0;
	top: 0;
	}

.container .secondary h2
	{
	display: none;
	}
	
.nav
	{
	list-style: none;
	padding: 20px;
	}
	
.secondary .nav li
	{
	padding-bottom: 2em;
	}
	
#notes
	{
	clear: both;
	padding-left: 2em;
	}

/* ===FOOTER=== */
.footer
	{
	clear:both;
	background-color: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 #visitors
	{
	position: absolute;
	/*float: right;*/
	padding-right: 8em;
	padding-bottom: .6em;
	text-align:center;
	right: 0;
	bottom: -.5em;
	}

.footer #copy
	{
	text-align: left;
	padding-left: 4em;
	padding-top: .5em;
	padding-bottom: 0;
	bottom: 0;
	}

.footer #final
	{
	clear: both;
	float: right;
	position: relative;
	/*bottom: 3em;*/
	}
	
.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;
	display: block;
	}

.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 a:focus
	{	
	color: red;
	}
	
.footer #home
	{
	color: #555;
	background: url(../Images/arrow.gif) no-repeat 2% 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:20px auto;
	vertical-align: middle;
	}

img.displayed
	{
    display: block;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #666;
    }
		
div.left
	{
	float:left;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px; 
	}
	
div.right
	{
	float:right;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	}
	
div p.caption
	{
	max-width: 600px;
	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-border-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: 100%;
	text-align: left;
	margin-bottom: 25px;
	border-collapse: collapse;
	}
	
th
	{
	text-align: center;
	font-weight: bold;
	font-size: 1.25em;
	}

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;
	}
			
dt
	{
	color: #339666;
	}

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

/* ===LISTS=== */
ol.upperA
	{
	list-style: upper-alpha;
	}
	
ol.Conributors li
	{
	clear: both;
	}

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;
	}

div.caption ol
	{
	margin-left: 2em;
	}
	
ul 
	{
	margin-left: 3em;
	margin-bottom: 1em;
	}
	
ul.nav
	{
	list-style: none;
	margin-left: 0;
	margin-bottom: 2em;
	padding-left: 20px;
	padding-right: 20px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 80%;
	display: block;
	overflow: hidden;
	max-width: 10em;
	}

ul.nav li
	{
	margin-left: 0;
	padding-bottom: 1em;
	}

#highlights_list
	{
	margin-left: 5em;
	list-style-type: disc;
	color: Blue;
	line-height: 1.8;
	}
	
/* ===TOOLTIPS=== */
.nav li a.tooltip:hover
	{  /* This is needed because elsewhere makes the tooltip tranparent */
	position: relative;
	}
	
a.tooltip span img
	{
	border: 0;
	padding-right: .2em;
	padding-bottom: .2em;
	}

a.tooltip span
	{
	display: none;
	padding: 2px 3px;
	margin-left: 8px;
	width: 130px;		
	font: 76% "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.1em;
	} 
	
a.tooltip:hover span
	{
	display:block;
	position:absolute;
	top: 2.2em;
	left: -10px;
	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;
	}
	
a.tooltip:hover span img
	{
	vertical-align: middle;
	float: left;
	padding-right: 1em;
	}

.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;
	}
	
.imagemap a:hover .note,
.imagemap a:focus .note
	{
	left: 0px;
	top: 2.5em;
	z-index: 1;
	}