#container { min-height: 100%; }

P, TD, UL, div, li { color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }

td.timePd { color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }

a { font-family: Verdana, Arial, Helvetica, sans-serif; color:#006600 }

LI { list-style-position: inside; margin-left: -20px }

H1 { font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size: 21px; font-weight: bold }

H2 { font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size: 18px; font-weight: bold }

H3 { font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size: 15px; font-weight: bold }

H4 { font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size: 15px; font-weight: bold }

.caption { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal }

a.statelink { font-family: Verdana, Arial, Helvetica, sans-serif; color:#006600 }

a.periodlink { font-family: Verdana, Arial, Helvetica, sans-serif; color:#006600 }

option, select, input {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 12px; }

a.navLink { font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color:#006600; size: 14px; font-weight: bold; }

a.navLink:hover { font-family: Verdana, Arial, Helvetica, sans-serif; color:#006600;  }

/* Splash page font */
.home_page{
	 color: #000000;
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	 font-size: 13px;
}

/* Makes image element (typically a PaleoPortal map) draggable in moveableMap.js */
.draggable{
	position:absolute; 
	cursor:move;
}


body {
	background-color: #CCCA97;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #333333;
}


/* --- Page header --- */
.textHeader {
	text-align: right;
	float: right;
	font-size:25px;
	margin-right: 20px;
	color: #373d16;
}


/* --- nav --- */

#globalnav {
    /* Navigational Plone Tabs(tm), implemented by customizing the a tag - they are surprisingly elegant. The power of CSS runs strong in these :) */
    background-color: transparent;
    border-collapse: collapse;
    padding: 0em 0em 0em 2em;
    white-space: nowrap;
    list-style: none;
    margin-top: -1em;
    margin-bottom: 0;
    margin-left:  0;
    margin-right: 0;
    height: auto;
    line-height: normal;
	clear: both;
}
#globalnav li {
    display: inline;
}
#globalnav li a {
    /* The normal, unselected tabs. They are all links */
    background-color: transparent;
    border-color: #333333;
    border-width: 1px; 
    border-style: solid solid none solid;
    color: #373d16;
    height: auto;
    margin-right: 2em;
    padding: 0em 2em;
    text-decoration: none;
    text-transform: lowercase;
}
#globalnav li.selected a {
    /* The selected tab. There's only one of this */
    background-color: #dddddd;
    border: 1px solid #333333;
    border-bottom: #dddddd 1px solid;
    color: #373d16;
}
#globalnav li a:hover {
    background-color: #dddddd;
    border-color: #333333;
    border-bottom-color: #dddddd;
    color: #373d16;
}

#personaltools {
    /* Bar with personalized menu (user name, login, logout) */
    background-color: #dddddd;
    border-top-color: #333333;
    border-top-style: solid;
    border-top-width: 1px;
    border-bottom-color: #333333;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    line-height: 1.3em;
    color: Black;
    padding: 0em 3em 0em 3em;
    margin: 0 -5px 0 -5px;
    text-align: right;
    text-transform: lowercase;
    list-style: none;
}

.sectionBox {
	background-color: #FFFFFF;
    border: 1px solid #333333;
    padding: 5px 5px 5px 5px;
	margin: 0;
	margin-top: -1px;	
}
/* Bug fix for wacky borders of section box in IE on PC*/
/* Hides from IE5-mac \*/
* html .sectionBox {height: 1%;}
/* End hide from IE5-mac */

/* --- Content area --- */
.contentArea {
	background-color: #ffffff;
	width: 900px;
	border: 1px solid #333333;
	text-align: left;
	padding: 5px;
	min-height: 400px;
}


.content {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #333333;
}

.clear{
	clear: both;
}