/* CSS Document */

body { margin: 0; padding: 30px 0 0 0; background: url(images/bg-pattern2.gif); font: normal 12px "Helvetica Neue", Arial, Helvetica, sans-serif; color: #333; line-height: 14px; }

h1, h2, h3, h4, p, ul, li { margin: 0; padding: 0; }
h1 { font-size: 18px; line-height: 18px; margin-bottom: 5px; }
h2 { font-size: 14px; margin-bottom: 10px; }
h3 { font-size: 14px; margin-bottom: 2px; color: #628559; }
h4 { font-size: 12px; font-weight: bold; margin-bottom: 10px; }
p { margin-bottom: 15px; }

a { text-decoration: none; color: #CC9900; }
a:hover { text-decoration: underline; color: #CC6600; }

.clear { clear: both; }

.alignleft { float: left; margin: 0 5px 5px 0; }
.alignright{ float: right; margin: 0 0 5px 5px; }

#wrap { margin: 0 auto; width: 602px; }

#hdr { background: url(images/bg-hdr.jpg) repeat-x; height: 100px; border-right: 2px solid #78a36d; border-left: 2px solid #78a36d; }
#hdrIndex { float: right; width: 471px; height: 105px; margin: -6px 0 0 0; background: url(images/bg-hdrIndexFull.png) no-repeat; }
#hdrContent { float: right; width: 451px; height: 78px; padding: 10px; border-top: 2px solid #78a36d; overflow: hidden; }
#hdrContent h1 { color: #FFF; font-weight: normal; }

#menu { width: 125px; float: left; }
#menu ul { list-style: none; border: solid #78a36d; border-width: 1px 1px 0px 0px; }
#menu ul li { display: block; line-height: 30px; }
#menu ul li a { display: block; padding-left: 15px; color: #FFF; font-size: 11px; text-decoration: none; font-weight: normal; text-transform: uppercase; border-bottom: 1px solid #97b88f; border-top: 1px solid #78a36d; border-right: 1px solid #97b88f; width: 110px; }
#menu ul li a:hover { background: #628559; }

#content { background: #FFF; width: 578px; padding: 10px; border-left: 2px solid #78a36d; border-right: 2px solid #78a36d; }
/* #content { background: #FFF; height: 510px; width: 578px; padding: 10px; border-left: 2px solid #78a36d; border-right: 2px solid #78a36d; overflow: hidden; position: absolute; } */
#contentScroll { background: #FFF; height: 510px; width: 578px; padding: 10px; border-left: 2px solid #78a36d; border-right: 2px solid #78a36d; overflow:-moz-scrollbars-vertical; overflow-y:scroll; overflow-x:hide; position: absolute; }
.spacer { height: 5px; }

#colOne { width: 290px; float: left; margin: 0 12px 0 0; padding: 0 18px 0 0; border-right: 1px solid #DBF2D5; }
#colOne a img { border: 1px solid #333; margin-bottom: 5px; }
#colOne a:hover img { border: 1px solid #CC6600; }
#colTwo { width: 254px; float: right; margin: 0; padding: 0; }
#colTwo img { margin-top: 10px; }

.website { text-align: right; margin-bottom: 20px; }
.website a img { float: right; border: 1px solid #333; margin: 0 0 15px 10px; }
.website a:hover img { border: 1px solid #CC6600; }
.website h4 a { color: #CC9900; text-decoration: none; }
.website h4 a:hover { text-decoration: underline; color: #CC6600; }

#ftr { margin: -16px auto 0 auto; padding: 59px 10px 0 0; width: 592px; height: 37px; background: url(images/bg-ftrFull.png) no-repeat; position: relative; }
/* #ftr { margin: -16px auto 0 auto; padding: 59px 10px 0 0; width: 592px; height: 37px; background: url(images/bg-ftrFull.png) no-repeat; position: relative; top: 531px; } */
#ftr small { float: right; }

/*----------- CONTACT FORM ---------------*/

#cf_wrap { margin: 0 auto; padding: 20px; width: 490px; }
.cf_label { text-align: right; width: 60px; margin: 3px 10px 5px 0; float: left; }
.cf_input { }
.cf_input input, .cf_input textarea { width: 396px; border: 1px solid #78a36d; margin: 0 0 3px 0; }
.cf_input textarea { height: 100px; }
.cf_input input:focus, .cf_input textarea:focus { background: #DBF2D5; }
.cf_input input:hover, .cf_input textarea:hover { background: #DBF2D5; }
#cf_wrap input.submit-button { width: 100px; margin: 5px 20px 0 0; float: right; }

label.error { color: #CC9900; font-size: 12px; float: right; padding: 0; margin: 0 20px 5px 0; }