html, body { margin: 0; padding: 0; text-align: center; }

/* ----- body layout ----- */

#bodycontainer { width: 960px; margin-left: auto; margin-right: auto; text-align: left; }

#leftbox { float: left; width: 685px; padding-right: 15px; margin: 0; text-align: left; }

#rightbox { float: right; width: 260px; padding: 0; margin: 0; text-align: left; background-color: #EBEAC8; }

#header { width: 100%; height: 200px; background: #000000 url(images/logo.jpg) top center no-repeat; }

#navbar { width: 100%; height: 43px; background: transparent url(images/nav-bg.jpg) top center no-repeat; }

#navcontainer { width: 960px; height: 30px; margin-right: auto; margin-left: auto; padding-top: 5px; }
  #navcontainer ul { border: 0; margin: 0; padding: 0; list-style-type: none; }
  #navcontainer ul li { display: block; float: left; padding: 0; margin: 0; }
  #navcontainer ul li a { padding: 0; margin: 0 12px 0 0; color: #000; text-decoration: none; display: block; text-align: left; font: normal 14px arial, sans-serif; }
  #navcontainer ul li a:hover { color: #990000; }

#active a:link, #active a:visited, #active a:hover { color: #990000; }

#footer { width: 100%; clear: both; height: 200px; padding: 0; margin-top: 8px; background: #000 url(images/logo2.jpg) top center no-repeat; }

/* ----- green box ----- */

#boxcontainer { float: right; width: 320px; padding: 2px; margin: 0 0 0 10px; border: 1px solid #A1CA31; }

#innerbox { padding: 7px; background-color: #A1CA31; }

a.greenbox:link, a.greenbox:visited { line-height: 22px; color: #FFFFE1; text-decoration: none; font-weight: bold; }
a.greenbox:hover { background-color: #ffff00; color: #A1CA31; font-weight: bold; }




/* ----- images ----- */

img.float-left {  float: left; margin: 5px 15px 10px 0; }
img.float-right {  float: right; margin: 4px 0 0 4px; }



/* ----- text ----- */

#leftbox p { font: normal 13px/1.5em verdana, sans-serif; color: #444; padding: 5px 0; margin: 0; }
#leftbox ul.left { list-style-type: none; float: left; width: 300px; padding: 0; margin: 0; font: normal 12px/1.5em arial, sans-serif; color: #777; }
#leftbox ul.right { list-style-type: none; float: left; width: 200px; padding: 0; margin: 0; font: normal 12px/1.5em arial, sans-serif; color: #777; }
#boxcontainer p { font: normal 13px/1.1em arial, sans-serif; color: #FFFFE1; padding: 0; margin: 0; }
#rightbox p { font-family: arial, sans-serif; font-size: 13px; color: #444; line-height: 1.5em; padding: 5px 10px; margin: 0; }

a.mainlink:link, a.mainlink:visited { color: #668020; text-decoration: none; }
a.mainlink:hover { background: #A1CA31; color: #fff; }

h1 { font: bold 16px arial, sans-serif; color: #333; padding: 0 0 3px 0; margin: 0; }
h2 { font: bold 16px arial, sans-serif; color: #333; padding: 10px 0 3px 10px; margin: 0; }
#boxcontainer h2 { font: bold 16px arial, sans-serif; color: #ffff00; padding: 0; margin: 0; }
h3 { font: normal 13px arial, sans-serif; color: #666; padding: 0 0 3px 0; margin: 0; }
h4 { font: normal 14px arial, sans-serif; color: #777; padding: 5px 0 0; margin: 0; border-bottom: 1px dotted #ddd; }
h5 { font: normal 14px arial, sans-serif; color: #fff; padding: 0; margin: 0; }
#rightbox h3 { font: normal 13px arial, sans-serif; color: #666; padding: 0 0 3px 10px; margin: 0; }

blockquote { width: 400px; font: normal 12px/1.3em arial, sans-serif; color: #444; padding: 5px 0; margin: 0 auto; }



/* ----- contact form ----- */

input.searchbtn { color: #444; font: normal 11px arial, helvetica, sans-serif; border: #444 solid 1px; background: #fefefe; margin: 0 0 3px 0; padding: 0; }

input.box { color: #000; font: normal 13px arial, helvetica, sans-serif; background-color: #fff; border: #444 solid 1px; margin: 2px 0 2px 3px; padding: 2px 0; }

textarea.box { color: #000; font: normal 13px arial, helvetica, sans-serif; background-color: #fff; border: #444 solid 1px; margin: 2px 0 2px 3px; padding: 2px 0; }