/* Defaults */
body {
    text-align: center;
    font-family: verdana, arial, tahoma, sans-serif;
    font-size: 0.7em;
    color: #000;
    /* background: #A5B6C7;  */    /* Light blue */
    background: #3B4B63;       /* slate blue */
    padding: 0;
    margin: 1.5em 0.0em 0.5em;
}

form {
    margin: 0;
    padding: 0;
}

/* Links */
a:link {
    color: #000;
    background: #eee;
    text-decoration : underline; 
    padding : 0;
    margin : 0;
}
a:visited {
    color: #000;
    background : #eee; 
    text-decoration : underline; 
}
a:hover {
    color: #000;
    background : #cfcdc8; 
    text-decoration : underline; 
}



/* Outer layer */
#outer {
    text-align: left;
    /* background: #f6f6cf; */ /* Off white */
    background: #fff;    /* white */ 
    color: inherit;
    border: 0px solid #000000;
    margin: 5px auto;
    padding: 0;
    width: 950px;
}

.roundtop { 
	background: url(/images/corner_top_right.gif) no-repeat top right; 
    background-color: #c5c6ac;
}

.roundbottom {
	background: url(/images/corner_bottom_right.gif) no-repeat top right; 
    background-color: #c5c6ac;
}

img.corner {
   width: 10px;
   height: 10px;
   border: none;
   display: block !important;
}


/* Header */
.header {
    /* background: #fcce32; */
    /* background: #f2e4a2; */
    /* background: #f6f6cf; */ /* Off white */
    /* background: #ffffff; */ /* white */
    background: #c5c6ac;
    /* background: inherit; */
}

.logolink {
    padding: 0 1.0em 0 0.5em ;
    font-size: 2.4em;
}

.logolink a:link {
	color: inherit; 
	background: #c5c6ac;
	text-decoration: none;
}
.logolink a:visited {
	color: inherit; 
	background: #c5c6ac;
	text-decoration: none;
}
.logolink a:hover {
	background: #ccc; 
	text-decoration: none;
	color: #000;
}

.hdr-links {
    /* width: 330px; */
    text-align: right;
    font-size : 1.0em; 
    padding : 0 2.5em 1.0em 0;
    margin: 0px;
}

a.hdrnav:link {
    color: #000099;
    background: inherit;
    text-decoration : none; 
    font-size : 1em;
    padding : 0;
    margin : 0;
}
a.hdrnav:visited {
    color: #000099;
    background : inherit; 
    text-decoration : none; 
}
a.hdrnav:hover {
    color: #000;
    background : #f5f5f5; 
    text-decoration : underline; 
}
a.hdrnav:active {
    color: #999;
    background : inherit; 
    text-decoration : none; 
}

.hdr-links .access {
    text-decoration : underline; 
    color : #000; 
    background : inherit;
}


/* Top Nav Bar */
.top-nav {
    height: 1.5em;
    width: 100%;
    text-align: right;
    /* background: #c5c6ac; */
    /* background: #4476ac; */
    /* background: #336699; */
    /* background: #A5B6C7; */
    background: #c5c6ac;
    background: #3B4B63;
    color: white;
    border: solid #AAAAAA;
    border-width: 1px 0;
    padding: 0;
}


ul#top-nav-menu {
    float: right;
	padding: 0;
	margin: 0;
/*    border: 1px solid black; */
}

ul#top-nav-menu a {
    float: left;
	text-align: center;
    text-decoration: none;
    font-weight: bold;
	color: white;
	background-color: #3B4B63;
    margin: 0 1.0em;
    padding: 0.1em;
/*    width: 8.0em; */
}

ul#top-nav-menu a:hover {background-color: white; color: black; text-decoration: underline;}
ul#top-nav-menu li {display: inline;}



/* Image Bar */
.image-bar { 
clear:both;
}

.title-img {
border: 1px solid #000;
color: #000;
background: inherit;
padding: 0;
}

.section-title {
font-size: 16px;
font-weight: bold;
font-family: verdana, arial, tahoma, sans-serif;
text-transform: capitalize;
}

.graphic-img {
border: 1px solid #000000;
}

.blank-img {
border: 1px solid #000000;
/* background: #fcce32; */
/* background: #4476ac; */
background: #336699;
}


/* Content Section */
.content {
padding: 0 0 4px 4px; 
margin: 0;
}

.left-col {
border: 1px solid #000000; 
/* background: #fcce32; */
/* background: #336699; */
background: #ffffff;
width: 145px;
}

.left-nav {
margin: 3px; 
}

.lnav-hdr {
/* background: #c5c6ac; */
background: #336699;
color: #ffffff;
font-family: verdana, tahoma, arial, sans-serif;
font-size: 11px;
font-weight: bold;
border-bottom: 1px solid #000000; 
margin: 0;
padding: 3px 5px;
}

.left-nav p {
font-family: verdana, arial, tahoma, sans-serif; 
font-size: 10px; 
font-weight: bold;
line-height: 14px;
margin:5px;
}

.left-nav .access {
text-decoration : underline; 
color : #000000; 
background : inherit;
}

a.lhdr:link {
color: #000000;
background: inherit;
text-decoration : none; 
font-size : 10px;
padding : 0;
margin : 0;
line-height: 20px;
text-transform: uppercase;
}
a.lhdr:visited {
color: #000000;
background : inherit; 
text-decoration : none;
line-height: 20px;
text-transform: uppercase;
}
a.lhdr:hover {
color: #000;
/* background : #fcfefc;  */
background : #dcdcdc;
text-decoration : underline; 
}
a.lhdr:active {
color: #555;
background : inherit; 
text-decoration : none; 
}


a.nav:link {
color: #000099;
background: inherit;
text-decoration : none; 
font-size : 10px;
font-weight: normal;
padding : 0;
margin : 0;
}
a.nav:visited {
color: #000099;
background : inherit; 
text-decoration : none; 
font-weight: normal;
}
a.nav:hover {
color: #000;
background : #f5f5f5; 
text-decoration : underline; 
font-weight: normal;
}
a.nav:active {
color: #555;
background : inherit; 
text-decoration : none; 
font-weight: normal;
}



/* Main content box */
.content-box {
    padding: 0px 30px;
    width: 72%;
    margin: 0;
}

/* right content box */
.rhcol {
    margin: 0 0 10px 15px;
    padding: 1.0em;
    /* background: #fcfefc; */
    /* background: #ffffff; */
    background: inherit;
    color: #000000;
    border-left: 1px solid #C3CFE5;
}
.rhcont {
    border-left: 1px solid #000000; 
    border-bottom:1px solid #000000;
}
.rnav-hdr {
    /* background: #c5c6ac; */
    /* background: #336699; */ 
    /* background: #A5B6C7; */
    /* background: #c5c6ac; */
    background: #3B4B63;
    color: white; 
    font-size: 1.0em;
    /* font-weight: bold; */
    /*
    border-bottom: 1px solid #000; 
    border-left: 2px solid #000000;
    */
    margin: 0.0em; 
    margin-top: 2.2em;
    padding: 0.3em 0.0em 0.2em;
}

/* main content area */

.content-title { 
font-size: 16px;
text-decoration: underline;
}

.content-box .cont {
font-size: 11px;
line-height: 15px;
}

/* This is a class that blogger assumes
   when posts are made to the blog from email */
.content-box .mobile-post {
margin: 0px;
font-size: 11px;
line-height: 15px;
}

.content-box .contact {
margin: 0px 10px 25px 30px;
font-size: 11px;
line-height: 15px;
}

.content-box .cont-list {
}

.content-box .sub-hdr { 
margin: 40px 10px 10px; 
font-size: 13px;
font-weight: bold; 
}

/* Class for blog date headers */
.content-box .DateHeader {
border-bottom:solid 1px #C3CFE5;
font-size:1.6em;
text-align:left;
margin-top:40px;
width: 95%;
margin-bottom:0px;
margin-left: 10px;
color:gray;
font-weight:bold;
}

/* Class for blog post titles */
.content-box .PostTitle {
margin: 10px 10px 10px; 
font-size: 1.3em;
font-weight: bold; 
}

/* Class for blog post bodies */
.content-box .PostBody {
margin: 10px 10px 15px 10px;
font-size: 11px;
line-height: 1.6em;
}

/* Class for blog post Footers */
.content-box .PostFooter {
margin: 10px 10px 15px 10px;
font-size: 11px;
line-height: 15px;
}

/* Footer stuff */
.footer-text {
background: #c5c6ac; 
/* background: #A5B6C7; */
color: inherit;
font-family: verdana, arial, tahoma, sans-serif; 
font-size: 10px; 
font-weight: bold; 
padding: 2px; 
border: solid #000000; 
border-width: 1px 0 0; 
}

.footer-text a:link {
color: inherit; 
background: #c5c6ac;
font-weight: bold;
text-decoration: underline;
}
.footer-text a:visited {
color: inherit; 
background: #c5c6ac;
font-weight: bold;
text-decoration: underline;
}
.footer-text a:hover {
background: #fff; 
color: #000;
}

.homepage_listing li {
	height: 2.0em;
}

.webmaster_contact {
text-align: right;
font-size: 10px; 
font-weight: normal; 
}

.rh-ad {
    padding: 1.0em 0;
}

.date {
    font-size : 1.0em; 
    /* color : #787d63; */
    color: #ddd;
    background : inherit;
    margin: 0 1.0em;
}

.code {
color :  #663300; 
background : #eeeeee;
font-family : verdana, arial, sans-serif; 
font-size : 11px;
line-height : 20px;
padding : 4px 10px;
margin : 10px 20px;
border : 1px dashed #999999;
}


.search-form {
color: #000;
background: #c5c6ac;
padding: 5px;
margin: 0px 0 10px 30px;
border: 1px solid #333333;
width:465px;
}

label
{
width: 75px;
float: left;
text-align: right;
margin: 3px 5px 5px 0;
clear: both
}

.form-input-box
{
margin-bottom: 5px;
color: #000;
background: #fff;
border: #26a solid 1px
}

.form-button
{
width: 60px;
margin: 0 5px;
background: #369;
color: #fff;
font-size : 11px;
font-weight: bold; 
border: 1px black solid;
}

fieldset
{
background: #ccc;
margin: 0px 0 10px 10px;
border: 1px solid #333333;
width: 385px;
padding: 10px;
}

legend
{
background: #fb0;
border: #26a solid 1px;
padding: 1px 10px
}

/* Tool Tip */
.tip {
cursor : help; 
border-bottom : 1px dashed #555555; 
} 

.TemperatureTable{
	font-size: tiny;
	text-align: left;
}

.archive-list {
	font-size: 1.1em;
	line-height: 1.5em;
}

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}

.graph {
  background-color: #C8C8C8;
  border: solid 1px black;
}

.graph td {
  font-family: verdana, arial, sans serif;
}

.graph thead th {
  border-bottom: double 3px black;
  font-family: verdana, arial, sans serif;
  padding: 1em;
}

.graph tfoot td {
  border-top: solid 1px #999999;
  font-size: x-small;
  text-align: center;
  padding: 0.5em;
  color: #666666;
}

.bar {
  background-color: white;
  text-align: right;
  border-left: solid 1px black;
  padding-right: 0.5em;
  width: 400px;
}

.bar div { 
  border-top: solid 2px #0077DD;
  background-color: #004080;
  border-bottom: solid 2px #002266;
  text-align: right;
  color: white;
  float: left;
  padding-top: 0;
  height: 1em;
}