/Modern Bricks Menu: Dynamic Drive CSS Library */
/* http://www.dynamicdrive.com/style/ */

#navigation{
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#navigation ul{
font: bold 11px Arial;
margin:0;
float:right;
margin:92px 0 0 0;
/* margin-left: 40px; /*margin between first menu item and left browser edge*/ */
padding: 0;
list-style: none;
}

#navigation li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#navigation a{
float: left;
display: block;
color: white;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
text-decoration: none;
letter-spacing: 1px;
background-color: #303030; /*Default menu color*/
border-bottom: 1px solid #EDEEF5;;
}

#navigation a:hover{
background-color: gray; /*Menu hover bgcolor*/
}

#navigation #currentpage a{ /*currently selected tab*/
background-color: rgb(0,114,55);
border-color: rgb(0,114,55);
}

#navigationline{
clear: both;
width:auto;
height: 3px;
line-height: 3px;
background-color: rgb(0,114,55);
}
/* End Modern Bricks Menu */


/* Thumbnails */
#leftcolumn ul {
list-style: none;
margin:0;
padding:0;
}

#leftcolumn li { 
position:relative;
float:left;
margin:2px;
}
/* End Thumbnails */


body {
margin:0;
padding:0;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 13px;
line-height:1.4;
background-color:#084210;
}


p {
margin:0 0 16px 0;
}

h1,h2,h3,h4 {
color:#2f3e3e;
margin:0 0 12px 0;
}

h3 {
font-size:16px;
}

.hed {
position:relative;
margin:10px 1px;
font-size: 16px;
font-weight: bold;
color:color:#2f3e3e;
}

.innertube{
margin: 0 10px; /*Margins for inner DIV inside each column (to provide padding)*/
}

.innertubedocs{
margin: 0 40px; /*Margins for inner DIV inside each column (to provide padding)*/
}

.clearer {
clear:both;
line-height:0;
}

.spacer {
margin:12px 0 0 0;
}

img.right {
position: relative;
float: right;
border:1px solid #858585;
padding:2px;
background-color:#EDEEF5;
/* background-color:#D7E8A7; */
margin: 5px 0px 5px 5px;
}

/* Layout */
#maincontainer{
width: 840px; /*Width of main container*/
margin: auto; /*Center container on page*/
border:1px solid black;
background-color: #D7E8A7;
}

#topsection {
background-image: url(../images/hard_hat_banner_3.jpg);
background-repeat: no-repeat;
height: 120px; /*Height of top section*/
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-left: 200px; /*Set left margin to LeftColumnWidth*/
/* margin-top:1px; */
border-left:1px solid gray;
background-color: #afd2c0;
padding:10px 0 100px 0;
}

#freefind{
display:none;
margin-left: 200px; /*Set left margin to LeftColumnWidth*/
/* margin-top:1px; */
background-color: #afd2c0;
}

#rightcolumn {
float:right;
width:180px;
border-left:1px solid black;
font-size: 12px;
margin-top:75px;
padding:10px 20px 10px 10px;
}

#leftcolumn{
float: left;
width: 200px; /*Width of left column*/
margin-left: -840px; /*Set left margin to -(MainContainerWidth)*/
/* margin-top:10px; */
padding:10px 0;
background-color: #D7E8A7;
}

#footer{
clear: left;
width: 100%;
background-color:#007237;
color: #EDEEF5;
color:#303030;
font-weight:bold;
text-align: center;
padding: 4px 0;
font-style: bold;
font-size: 12px;
}
/* End layout */

#footer a{
color: #FFFF80;
}