/* the lake webpage stylesheet */
  
body {
margin: 0;
padding: 0;
font-family:"Helvetica Neue", Verdana, Arial, "45 Helvetica Light", "55 Helvetica Roman", Helvetica, sans-serif;
font-size: 0.8em;
color: white;
background-color: #33300d;
}

a {
text-decoration: none;
}
A:link	{ color: #e99228; text-decoration: none;} 
A:visited	{ color: #e99228;} 
A:active	{ color: #e99228;} 
A:hover	{ color: white; text-decoration: underline;}
	
a img {
border: none;
}

.orangetext {
color: #e99228;
font-size: 1em;
font-style: bold;
}

h3 {
color: #e99228;
font-size: 1em;
font-style: bold;
}
 
#wrapper {
position: relative;
text-align: left;
width: 826px;
margin-top: 2%;
margin-right: auto;
margin-left: auto;
padding: 1.4em 1.4em 1.4em 1.4em;
background-color: #33300d;
}

 
#header {
position:relative;
left:0;
top:0;
border-left: 1px solid white;
border-right: 1px solid white;
}  

#graphic-left {
float: left;
}

#graphic-right {
float: right;
}

#mid-section {
position:relative;
left:0;
top:0;
padding: 1em 1.4em 1em 1.4em;
border-left: 1px solid white;
border-right: 1px solid white;
}

#col_01 {
top:0;
left:0;
width: 100px;
float: left;
background-color: #000066;
border-left: 1px solid white;
border-right: 1px solid white;
text-align: left;
}

#col_02 {
top:0;
width: 602px;
float: left;
align: left;
padding: 10px 10px 10px 10px;
}

#main_image {
position: relative;
float: left;
margin: 1em 2em 1em 1em;
}

#data_flow {
position: relative;
float: right;
margin: 1em 1em 1em 1em;
}

#fish_symbol {
position: relative;
float: right;
margin: 1em 1em 1em 1em;
}

#tagged_fish {
position: relative;
float: right;
margin: 1em 1em 1em 1em;
}

#tank_diagram {
position: relative;
float: left;
margin: 1em 1em 1em 1em;
}

#col_03 {
top:0;
width: 100px;
float: left;
border-left: 1px solid white;
border-right: 1px solid white;
}
  
  
#footer-section {
position:relative;
clear: both;
border-left: 1px solid white;
border-right: 1px solid white;
}
  
#footer {
padding: 0.5em 0.5em 0.5em 0.5em;
}