/* CSS Document */
 
 
/*** Element Styles ***/
 
body
 {
 background-image: url(/images/Planks2.gif);
 background-position: center;
 margin: 0;
 margin-top: 5px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 }
 
h1
 {
 font-size: 20px;
 }
 
h2
 {
 font-size: 15px;
 }
 
 
/*** Layout Styles ***/
 
#container
 {
 position: relative;
 width: 950px;
 }
 
#roof
 {
 position: relative;
 margin-bottom: 5px;
 }
 
 
/*** Header Styles ***/
 
#top
 {
 display: table;
 position: relative;
 background-image: url(/images/logo2.jpg);
 background-repeat: no-repeat;
 background-color: #663300;
 color: #FFFFCC;
 width: 946px;
 border: 2px solid #663300;
 margin-bottom: 5px;
 height: 95px;
 }
 
#topLeft
 {
 display: table-cell;
 position: relative;
 background-color: #FFFFCC;
 width: 250px;
 }
 
#topRight
 {
 display: table-cell;
 position: relative;
 background-color: #663300;
 width: 700px;
 vertical-align: middle;
 }
 
#top p
 {
 color: #663300;
 font-weight: bold;
 font-size: 13px;
 text-align: center;
 margin-right: 40px;
 margin-top: 70px;
 margin-bottom: 0px;
 }
 
 
/*** Main Area Styles ***/
 
#center
 {
 display: table;
 }
 
#middle
 {
 display: table;
 position: relative;
 width: 950px;
 background-image: url(/images/bkg4.gif);
 background-repeat: repeat-y;
 }
 
#midLeft
 {
 padding-top: 15px;
 font-size: 13px;
 display: table-cell;
 background-image:url(/images/blank.gif);
 position: relative;
 color: #FFFFFF;
 width: 250px;
 height: 460px;
 text-align: left;
 vertical-align: top;
 }
 
#midLeft li
 {
 color: #FFFFFF;
 font-size: 13px;
 margin-left: 20px;
 margin-bottom: 8px;
 }
 
#midLeft a.indent
 {
 padding-left: 65px;
 margin-top: -4px;
 margin-bottom: 4px;
 padding-bottom: 5px;
 width: 176px;
 }
 
#midLeft a:hover.indent
 {
 background-position: 10px -200px;
 }
 
#midLeft a
 {
 background-image:url(/images/bulletS.gif);
 background-position: 0px 0px;
 background-repeat: no-repeat;
 display: block;
 color: #FFFFCC;
 background-color: #663300;
 font-weight: bold;
 font-size: 12px;
 padding-top: 5px;
 padding-bottom: 8px;
 padding-left: 47px;
 width: 187px;
 text-decoration: none;
 margin-top: 8px;
 margin-left: 2px;
 }
 
#midLeft a:hover
 {
 background-position: 0px -100px;
 color: #663300;
 background-color: #FFFFCC;
 font-weight: bold;
 text-decoration: underline;
 }
 
#midRight
 {
 display: table-cell;
 position: relative;
 vertical-align: top;
 color: #663300;
 width: 700px;
 border-top: 2px solid #663300;
 border-right: 2px solid #663300;
 border-left: 2px solid #663300;
 }
 
#midRight p
 {
 margin-left: 30px;
 margin-right: 20px;
 text-align: left;
 }
 
#midRight a, #midRight a:visited
 {
 color: #663300;
 }
 
#midRight p.project
 {
 text-align: center;
 margin-bottom: 30px;
 font-weight: bold;
 }
 
#midRight p.project img
 {
 border: 2px solid #FFFFCC;
 padding: 3px;
 }
 
#midRight h1
 {
 margin-left: 15px;
 margin-right: 20px;
 text-align: left;
 }
 
#midRight h2
 {
 margin-left: 30px;
 margin-right: 20px;
 text-align: left;
 }
 
#midRight li
 {
 text-align: left;
 margin-right: 20px;
 }
 
#saveContent p
 {
 text-align: center;
 }
 
#midRight td
 {
 text-align: left;
 }
 
/*** Footer Styles ***/
 
#bottom
 {
 display: table;
 position: relative;
 background-image: url(/images/bkg4.gif);
 background-repeat: repeat-y;
 width: 950px;
 text-align: center;
 }
 
#botLeft
 {
 padding-top: 0px;
 font-size: 13px;
 display: table-cell;
 position: relative;
 width: 251px;
 }
 
#botRight
 {
 display: table-cell;
 position: relative;
 width: 698px;
 border-bottom: 2px solid #663300;
 border-left: 2px solid #663300;
 border-right: 2px solid #663300;
 margin-top: 20px;
 }
 
#botRight a, #botRight a:visited
 {
 color: #663300;
 padding-left: 5px;
 padding-right: 5px;
 padding-bottom: 2px;
 }
 
#botRight a:hover
 {
 background-color: #663300;
 color: #FFFFCC;
 }
 
#bottom p
 {
 position: relative;
 color: #663300;
 text-align: center;
 font-weight: bold;
 }
 
 
/*** Form Styles ***/
 
#contact_form
 {
 display: table;
 width: 500px;
 }
 
.form_row
 {
 display: table-row;
 width: 500px;
 }
 
.label
 {
 display: table-cell;
 text-align: right;
 width: 150px;
 padding-right: 10px;
 }
 
.data
 {
 display: table-cell;
 width: 350px;
 padding-bottom: 10px;
 text-align: left;
 }

.data input, .data textarea
 {
 border: 1px solid #663300;
 width: 300px;
 color: #442200;
 padding: 2px;
 font-weight: bold;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 }
 
.checks
 {
 display: table-cell;
 text-align: left;
 width: 350px;
 }
 
.checks input
 {
 position: relative;
 top: 3px;
 margin-right: 5px;
 }
 
.button
 {
 display: block;
 width: 500px;
 text-align:center;
 margin-top:15px;
 margin-bottom:25px;
 }
 
 
/*** Footer Styles ***/
 
.footer
 {
 color: #663300;
 font-size: 10px;
 font-weight: bold;
 padding-top: 10px;
 padding-bottom: 10px;
 }
 
.footer a
 {
 color: #663300;
 padding-left: 5px;
 padding-right: 15px;
 }
 
.footer a:visited
 {
 color: #663300;
 }
 
.footer a:hover
 {
 color: #663300;
 }
 
 
/*** Colors ***/
/*
#FFFFCC beige
#663300 brown
*/