﻿body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*font-size: small;*/
	font-size: .8em; /*font-size: 0.8em; /*background-color: #f2f2f7;*/ /* background-image: url("../images/background.gif"); 	background-repeat: repeat; 	background-attachment: scroll; */
	margin:0; /*keeps page hard against left edge of window*/
}

#header
{
	text-align: left;
	width: 960px;
	border-right: 1px solid #a9a9a9;
	border-bottom: 1px solid #808080;
	border-left: 1px solid #a9a9a9;
	background-color: #FFFFFF;
}

#subheader  /*this is used for the navigation tree*/
{
	text-align: left;
	width: 960px; 
	font-size:smaller; 
}

#main
{
	/*contains the menu and content divisions*/
	width: 960px;
}


#menu
{

	font-size:smaller;
	margin-left: 0px;
	float: left;
	width: 100px;
	padding-left: 5px;
	border-top: 1px solid #dcdcdc;
	border-right: 1px solid #a9a9a9;
	border-bottom: 1px solid #808080;
	border-left: 1px solid #a9a9a9;
	margin-top: 5px;
	margin-bottom: 10px;
	background-color: #fff;
	z-index: 2;
}
#content
{
	margin-left: 115px;
	overflow: auto; 
	width: 846px;
	margin-top: 5px;
	margin-bottom: 10px;
	z-index:1;
}
#rightcolumn
{
	width:265px;
	float: right;
	margin-right:0;
	background-color:#d9e2e8;

}

#centercolumn
{
float: left;
/*position:relative;*/
width: 576px; /*may go back to 580 with borders out*/
}

.centercolumn
{
float: left;
/*position:relative;*/
width: 576px; /*may go back to 580 with borders out*/	
}

.rightcolumn
{
	width:265px;
	float: right;
	margin-right:0;
	background-color:#d9e2e8;	
}



.rightcolumntextbox
{
	/*position: relative;
	float: left;*/
	/*width: 245px;*/
	margin-top: 25px;
	margin-bottom: 5px;
	margin-left: 10px;
	margin-right: 10px;
	/*border-top: 1px solid #dcdcdc;*/
	border-top: 1px solid #a9a9a9;
	border-right: 1px solid #a9a9a9;
	border-bottom: 1px solid #808080;
	border-left: 1px solid #a9a9a9;
	padding: 5px;
	padding-top:10px;
	font-size:smaller;
	/*background-color: #fff;*/
	background-color:#c1d5e2;	
}

.rightcolumnphotobox
{
	/*position: relative;*/
	/*float: left;*/
	width: 245px;
	margin-top: 25px;
	/*margin-bottom: 5px;*/
	margin-left: 10px;
	border-top: 1px solid #dcdcdc;
	border-right: 1px solid #a9a9a9;
	border-bottom: 1px solid #808080;
	border-left: 1px solid #a9a9a9;
	/*background-color: #FFF;*/	
}
	
	.quotebox
	{
	width: 450px;
	/*margin: 0, 100px,0px,70px;*/
	margin-left:50px;
	border-color:Gray;
	border:1px;
	background-color: #D9E2E8;	
		
	}
	
	
	
	#footer
{
	position: relative;
	top: 10px; /*float: left;*/
	text-align: center;
	clear: both;
	width: 960px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px solid #dcdcdc;
	border-right: 1px solid #a9a9a9;
	border-bottom: 1px solid #808080;
	border-left: 1px solid #a9a9a9;
	background-color: #fefeff;
}


/* Masthead Styles */
#header h1
{
	color: #3d6c87;
}
#header h3
{
	color: #5f8ea9;
}
/* Navigation Styles */
#menu ul
{
	list-style-type: none;
	width: 100%;
	display: block;
	margin: 0;
	padding: 0;
}
#menu li
{
	display: block;
	margin: 0;
	padding: 0;
	border: 1px solid #fff;
	background-color: #fff;
}
#menu a
{
	color: #3d6c87;
	text-decoration: none;
	display: block;
	padding: 5px;
	border: 1px solid #fff;
	background-color: #fff;
}
#menu a:hover
{
	color: #fff;
	text-decoration: none;
	border: 1px solid #5f8ea9;
	background-color: #5f8ea9;
}
/* Content Styles */
/*h6
{
	color: #3d6c87;
}
h5
{
	color: #3d6c87;
}
h4
{
	color: #3d6c87;
}
h3
{
	color: #3d6c87;
}
h2
{
	color: #3d6c87;
}*/

h2,h3,h4,h5,h6
{
	color: #007788
}

#content h1
{
	color: #3d6c87;
}
/* #content img {
	padding: 5px;
	border: 1px solid #808080;
	float: left;
}
*/

/* Footer Styles */
#footer p
{
	color: #808080;
	margin-top: 5px;
}
#footer a
{
	color: #5f8ea9;
	text-decoration: underline;
}
#footer a:hover
{
	color: #33627d;
	text-decoration: none;
}
a
{
	color: #5f8ea9;
	text-decoration: underline;
	text-align: center;
}
a:hover
{
	color: #33627d;
	text-decoration: underline;
}
.style_bold
{
	font-weight: bold;
}
.style_italic
{
	font-style: italic;
}
.style1 /* this applies to the footer */
{
	font-size: .6em;
}

#dataIsland
{
    display: none;
}

/*tool to make div's visible */ 

  
 
/*#footer, #DataEntryEntry, #DataEntryChart, #content
{
    border: 1px solid red;
}
  
#centercolumn
{
    border: 1px solid green;
}
/* list of divs to paste above
#header, 
#subheader,
#main, 
#menu, 
#content, 
#footer, 
#home, 
#Drive, 
#Air, 
#dataentry, 
#sources, 
#dataandgraph,
#DataEntryEntry, 
#DataEntryChart,
#rightcolumn,
#centercolumn
