/* EES CSS file by John Sargent @ SiteWriters */

html{font-size:100%}
body{font-size:62.5%; font-family: Helvetica, Arial, Geneva, sans-serif;}
td, ul, ol, th{font-size:1.3em;}
p {font-size:1.3em; padding:5px 0; margin:0; line-height:1.3em;}
th, td{text-align:left; width:270px; padding-right:20px;}
caption{font-size:1.5em; font-weight:bold; color:#0E3375; padding-top:0; margin:2px 0 10px 0; text-align:left;}
td{padding:5px 0}

h1{font-size:1.6em; font-weight:bold; color:#0E3375;}
h2{font-size:1.5em; font-weight:bold; color:#0E3375; /*padding-top:0; margin-top:0;*/}
h3{font-size:1.4em; font-weight:bold;}
h4{font-size:1.3em; font-weight:bold;}

a:link{color:#0E3375; text-decoration:underline;}
a:visited{color:#0E3375; text-decoration:underline;}
a:hover{color:#0E3375; text-decoration:none;}
a:active{color:#0E3375; text-decoration:underline;}

img{border:none;}

/* Layout Divs */

#page{width:80em; height:auto; margin:0 auto; padding:0; position:relative; clear:both;}

#headerimage{position:relative; top:0;left:0; width:614px; height:240px; z-index:5;}
#logo{position:absolute; top:0; left:640px; height:130px; width: 140px; text-align:right;}
#name{
	position:absolute;
	top:132px;
	right:21px;
	width:500px;
	height:40px;
	text-align:right;
	z-index:20;
}

#name h1{font-family:"Times New Roman", Times, georgia, serif; font-size:2.90em; color:#0E3375; padding:0; margin:3px 0 0 0;}
#name h2{font-family:"Times New Roman", Times, georgia, serif; font-size:2em; color:#0E3375; padding:0;margin:5px 0 0 0; font-style:italic;}

#breadcrumbs{position:absolute; top:235px; right:28px;
width:560px; height:30px; padding-top:10px;
font-size:1.2em; text-align:right; color:#92A1BB; background-color:#FFF}

#breadcrumbs a:link{text-decoration:none;}
#breadcrumbs a:visited{text-decoration:none;}
#breadcrumbs a:hover{text-decoration:underline;}
#breadcrumbs a:active{text-decoration:none;}

#contentholder{width:80em; height:auto; margin:0 auto; padding:0; position:relative; top:3em; clear:both;}

#leftcolumn{float:left;
width:200px; height:auto;}

#maincontentcoloumn{float:left; width:37em; height:auto; margin-left:10px; text-align:justify;}
#maincontentcoloumnmedium{float:left; width:55em; height:auto; margin-left:10px; text-align:justify;}
#maincontentcoloumnwide{float:left; width:58em; height:auto; margin-left:10px; text-align:justify;}

#rightcolumn{float:right;
width:20em; height:auto;
margin:0 0 20px 0;}

#newscolumn{float:right; clear:right;
width:200px; height:auto;
background:url(/images/newsback200.gif); background-repeat:repeat-y;
margin:0 10px 0 0; padding:0;
line-height:1.6em;}

#newscolumn h2{padding:0 20px; margin:10px 0 5px 0; font-size:1.3em;}
#newscolumn p{padding:0 20px; margin:10px 0 5px 0;}

#newscolumntop{float:right; clear:right;
width:200px; height:25px;
background:url(/images/newsheader200.gif) no-repeat;
margin:0 10px 0 0; padding:0;}

#rss{width:auto; height:auto; float:left; padding:5px; margin:0; clear:both;}
#rss p{margin:0; padding:0;}
#newscolumnbottom{float:right; clear:both;
width:200px; height:10px;
background:url(/images/newsbottom200.gif) no-repeat;
margin:0 10px 10px 0; padding:0;}

#joincolumntop{float:right; clear:right;
width:200px; height:25px;
background:url(/images/joinheader200.gif) no-repeat;
margin:0 10px 0 0; padding:0;}

.frontpagelinksbox{width:135px; height:100px; float:left;margin:15px 0 20px 0;}
.frontpagelinksbox p{color:#0E3375; font-weight:bold; font-size:1.3em;}

.frontpagelinksbox2{width:135px; height:100px; float:left;margin:15px 0 20px 0;}
.frontpagelinksbox2 p{color:#0E3375; font-weight:bold; font-size:1.3em;}

.imageright{float:right; width:auto; height:auto; margin-left:15px; padding-bottom:15px; font-size:1em;}
.imageleft{float:left; width:auto; height:auto; margin-right:15px; padding-bottom:15px; font-size:1em;}
.imageright200{float:right; width:200px; height:auto; margin-left:15px; padding-bottom:15px; font-size:1em;}
.imageleft200{float:left; width:200px; height:auto; margin-right:15px; padding-bottom:15px; font-size:1em;}

/* Footer and footer IDs start here */

#footer{
width:800px; height:20em; margin:0 auto; position:relative; top:50px; clear:both; 
border-top: solid 1px #92A1BB;
}

#events{
float:left; margin:0; height:110px; width:110px; 
background-image:url(../images/eventsbackground.gif); background-repeat:no-repeat;
padding:15px 45px 20px 45px;
}
#events h1{padding:0; margin:0; font-size:1.3em;}
#events p{font-size:1.1em;}

#events400{
float:left; margin:0; height:170px; width:436px; 
background-image:url(/images/eventsbackground436.gif); background-repeat:no-repeat;
padding:0; margin:0;
}
#events400 h1{padding:50px 20px 0 35px; margin:0; font-size:1.3em;}
#events400 p{padding:5px 20px 0 35px; margin:0; font-size:1.1em;}

#footerstory{
float:left; margin:10px 10px; height:14em; width:20em;
}
#footerstory h1{padding:0; margin:0;}
#footerstory p{font-size:1.1em;}

#iow{
float:right; margin-top:17px; height:150px; width:180px;
text-align:right;
}
#credits{
position:relative; top:50px; width:80em; height:auto; clear:both;
margin:20px auto; padding:5px 0 5px 5px; 
background-color:#92A1BB; color:#0E3375; font-weight:bold;
}

#credits a:link{background-color:#92A1BB; color:#0E3375; text-decoration:none}
#credits a:visited{background-color:#92A1BB; color:#0E3375; text-decoration:none}
#credits a:hover{background-color:#92A1BB; color:#0E3375; text-decoration:underline}
#credits a:active{background-color:#92A1BB; color:#0E3375; text-decoration:none}
#credits p{padding:0; margin:0; font-size:1.1em}

.fullwidthholder{width:95%; height:auto; margin:auto 5px; clear:both;}

/* Footer and footer IDs end here */

/* Top navigation starts here */

#topnavcontainer{
position:absolute; top:210px; left:20px;
width:76em; height:3em;
margin-left:auto; margin-right:auto; 
z-index:10;
background-color:#92A1BB;
}

#topnav{
width:100%; height:auto;
font-size:1.5em;
}
#topnavlist{
font-weight:bold; font-size:1.3em;
text-align:center; margin:5px 0;
color:#FFF;}

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

#topnavlist li{
font-weight:bold; font-size:1.3em;
padding:0; 
display: inline;
list-style-type: none;
border-left:thin #FFF solid;
border-right:thin #FFF solid;
}

.here{color:#0E3375;}

.here a:link{color:#0E3375; text-decoration:none;}
.here a:visited{color:#0E3375; text-decoration:none;}
.here a:hover{color:#0E3375; text-decoration:underline;}
.here a:active{color:#0E3375; text-decoration:none;}

/* Top navigation ends here */

/* New sidebar starts here */
#Sidebar {
    float:left;
    width:200px;
    padding: 0;
  background-color:#92A1BB;
}
  
/* New sidebar navigation ends here */

/*expanding menu stuff goes here*/
#ExpandingSidebar {
 list-style: none;
  width: 200px;
  padding: 0;
  color: #FFF;
  font-weight:bold; font-size:1em;
  line-height:1.3em; 
}

#ExpandingSidebar ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border: none;
}
    
#ExpandingSidebar li {
    width: 200px;
    margin: 0;
	color: #0E3375;
	border-bottom: solid 1px #FFF;
	padding: 5px 0 5px 5px;
}

#ExpandingSidebar li.level1 a {
    display: block;
    padding: 5px 0 5px 5px;
    background-color: #92A1BB;
	color: #0E3375;
    text-decoration: none;
    width: 180px;

}

#ExpandingSidebar li.level2 a {
    display: block;
    padding: 5px 0 5px 15px;
    background-color:#92A1BB;
	color: #0E3375;
	font-size:0.9em;
    text-decoration: none;
    width:175px;}

#ExpandingSidebar li.level3 a {
    display: block;
    padding: 5px 0 5px 20px;
    background-color:#92A1BB;
    font-size:0.9em;
	color: #0E3375;
    text-decoration:none;
    width:170px;
}

#ExpandingSidebar li.levelcurrent1 a {
    display: block;
    padding: 5px 0 5px 5px;
    background-color:#92A1BB;
	color: #0E3375;
    text-decoration: none;
    width:185px;
}

#ExpandingSidebar li.levelcurrent2 a {
   display: block;
   padding: 5px 0 5px 15px;
   background-color:#92A1BB;
   color: #FFF;
   text-decoration: none; font-size:0.9em;
   width:175px;
}

#ExpandingSidebar li.levelcurrent3 a {
    display: block;
    padding: 5px 0 5px 20px;
    background-color:#92A1BB;
    color: #FFF;
	text-decoration: none;
    width:170px; font-size:0.9em;
}

html>body #ExpandingSidebar li a {
    width: auto;
}


#ExpandingSidebar li.level1 a:hover {
    padding: 5px 0 5px 5px;
  	color: #FFF;
    text-decoration: none;
}

#ExpandingSidebar li.level2 a:hover{
    padding: 5px 0 5px 15px;
  	color: #fff; font-size:0.9em;
    text-decoration: none;
}

#ExpandingSidebar li.level3 a:hover {
    padding: 5px 0 5px 20px;
  	color: #fff; font-size:0.9em;
    text-decoration: none;
}

/* Side Navigation ends here */

/* Search styles */

#searchbox{float:left; clear:both; width:190px; height:70px; background-color:#FFF; margin-top:10px; padding:10px 10px 0 0;}
.searchbutton{float:right; width:60px; height: 22px; margin:0; padding:0;}
.textfield1{float:left; width:120px; height:20px; margin:0; padding:0;}

#rightsearchbox{float:right; clear:both; width:190px; height:70px; background-color:#FFF; margin-top:10px; padding:10px 10px 0 0;}
.searchbutton{float:right; width:60px; height: 22px; margin:0; padding:0;}
.textfield1{float:left; width:120px; height:20px; margin:0; padding:0;}
/* Classes */

.bold{font-weight:bold;}
.nobold{font-weight:normal;}
.italic{font-style:italic;}
.bolditalic{font-weight:bold; font-style:italic;}

/* Table stuff

.400table {width:400px; height:auto; padding:5px 0;} */
.100td {width:80px; height:auto; font-weight:bold;}
.300td {width:320px; height:auto;}

/* Gallery stuff */

td .imagenavcellcurrent{background-color:#92A1BB; color:#000; font-size:1em; height:auto; width:20px; padding:3px; border:solid 1px #000; text-align:center;}
td .imagenavcell{background-color:#0E3375; color:#FFF; font-size:1em; height:auto; width:20px; padding:3px; border:solid 1px #000; text-align:center;}
td .imagenavcell a:link{background-color:#0E3375; color:#FFF; text-decoration:none;}
td .imagenavcell a:visited{background-color:#0E3375; color:#FFF; text-decoration:none;}
td .imagenavcell a:hover{background-color:#0E3375; color:#FFF; text-decoration:none;}
td .imagenavcell a:active{background-color:#0E3375; color:#FFF; text-decoration:none;}
.imagecaption{font-size:1.5em; font-weight:bold; width: 500px;}
.imagecontainer{padding:0}
.imagedescription{background-color:#E2E2E2; color:#000; padding:5px 10px; height:260px; width:170px; overflow:hidden;}
.imagetable{vertical-align:top; margin-top:20px;}
.imagerow{vertical-align:top;}

/* Delta Survey */
#deltaholder{width:80em; height:auto; margin:0 auto; padding-top:30px; clear:both;}

/*tumblrimage*/
.tumblrimage{width:100%; height:auto; clear:both; margin:0 auto; padding:10px 0;}