@charset "UTF-8";

/* CSS Document */

/* RESET -------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}

/* GENERAL ------- */

html {
  background: #000000;
  text-align: center;
}

body {
  font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
  text-align: center;
}

a {
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
}

h1 {
  font-size: 22px;
  color: #555555;
  font-weight: normal;
  margin-bottom: 6px;
}

h1 a {
  text-decoration: none;
}

h1 a:hover {
  text-decoration: underline;
}

h2 {
  font-size: 16px;
  color: #555555;
  font-weight: 800;
  margin-bottom: 2px;
  font-weight: normal;
}

h2 a {
  text-decoration: none;
}

h2 a:hover {
  text-decoration: underline;
}

h3 {
  font-size: 14px;
  color: #555555;
  font-weight: 800;
  margin-bottom: 2px;
  font-weight: normal;
}

h3 a {
  font-size: 14px;
  text-decoration: none;
}

h3 a:hover {
  font-size: 14px;
  text-decoration: underline;
}

table {
  font-size:12px;
  padding: 12px;
}

td {
  font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
  padding: 6px;
  font-size: 12px;
  color: #444;
}

sup {
  font-size:8px;
  text-decoration:none;
}

.clear {
  clear: both;
  font-size: 1px;
  line-height: 1px;
  height: 1px;
}

.hr {
  border-bottom: 1px solid #bbbbbb;
  margin-bottom: 12px;
  clear: both;
}

/* LOGO-HEADER ----------------------- */
#logo {
  height: 76px;
  text-align: left;
  background-color: #000000;
}

#logo img {
  border: none;
}

/* OUTER FRAME ----------------------- */
#main-container {
  width:964px;
  border:solid 1px #575757;
  margin:0 auto;
  background-color:#ffffff;
}

/* MAIN MENU ------------------------ */
.menu {
  width: 964px;
  background-color: #363636;
  border-bottom: solid 1px #575757;
  border-top: solid 1px #575757;
  height: 41px;
  color: #ffff00;
}

.menu a {
  color: #ffffff;
  text-decoration: none;
}

.menu a:hover {
  color: #888888;
  text-decoration: none;
}

.menu ul {
  height: 40px;
}

.menu li {
  list-style: none;
  padding: 12px;
  border-right: solid 1px #575757;
  float: left;
  font-size: 14px;
}

.menu-on {
  color: #ffff00;
}

.menu-on a {
  color: #ffff00;
  text-decoration: none;
}

.menu-on a:hover {
  color: #ffffff;
  text-decoration: none;
}

.menu-gp {
  color: #ffff00;
}

.menu-gp a {
  color: #99CC66;
  text-decoration: none;
}

.menu-gp a:hover {
  color: #ffffff;
  text-decoration: none;
}

/* SUB-MENU STYLES --- main submenu right column------------ */
.container-submenu {
  width: 240px;
  float: left;
  margin-left: 20px;
  text-align: left;
}

.submenu {
  font-size:12px;
  background-color: #000000;
  color: #666666;
  width: 218px;
  padding-top: 6px;
}

.submenu a {
  color: #999999;
  background-color: #000000;
  text-decoration: none;
  font-weight: 600;
}

.submenu a:hover {
  color: #ffffff;
}

/* "on" state -------------------- */
.submenu-on {
  font-size:12px;
  background-color: #666666;
  color: #ffffff;
  margin-top: 12px;
  margin-bottom: 6px;
}

.submenu-on a {
  color: #ffffff;
  background-color: #000000;
  text-decoration: none;
  margin-left: 4px;
  padding-left: 4px;
  padding-right: 4px;
}

.submenu-on a:hover {
  color: #888888;
}

/* This is the indent menu below main submenu category -- */
.submenu-sub {
  font-size:10px;
  line-height: 14px;
}

.submenu-sub li {
  color: #ffff00;
  list-style: none;
  padding-top: 1px;
}

.submenu-sub li a {
  color: #999999;
  text-decoration: none;
}

.submenu-sub li a:hover {
  color: #ffffff;
  text-decoration: none;
}

/* Green Products submenu style ---- */
.submenu-sub-gp {
  font-size:10px;
}

.submenu-sub-gp li {
  color: #99CC66;
  list-style: none;
  padding-top: 1px;
}

.submenu-sub-gp li a {
  color: #999999;
  text-decoration: none;
}

.submenu-sub-gp li a:hover {
  color: #ffffff;
  text-decoration: none;
}

/* ---------------------------- HOMEPAGE STYLES ---------------------------- */
 
 /* FLASH CONTAINER HOMEPAGE -------------- */
 #flash-home {
  width: 964px;
  height: 233px;
  background-image: url(../../images/flashbackgrd-home.jpg);
  background-repeat: no-repeat;
}

/* CONTENT AREA HOMEPAGE - WHITE ------ */
.content-home {
  width: 940px;
  padding: 12px;
  background-color: #ffffff;
}

.content-home p {
  color: #222222;
  font-size: 13px;
  font-weight: lighter;
}

.home-text {
  width: 568px;
  float: left;
  text-align: left;
  margin-left: 36px;
  padding-left: 12px;
  padding-top: 4px;
}

#left-col {
  float: left;
  width: 272px;
  margin: 4px;
}

.bucket {
  width: 258px;
  padding: 6px;
  font-size: 14px;
  background-color: #e0e0e0;
  border: solid 1px #cccccc;
  color: #333333;
  text-align: left;
  margin-bottom: 8px;
}

.bucket p {
  color: #666666;
  font-size: 12px;
  font-weight: lighter;
  padding-top: 6px;
}

.bucket img {
  vertical-align: absmiddle;
}

.bucket a {
  text-decoration: none;
  color:#333333;
}

.bucket a:hover {
  text-decoration: none;
  color:#666666;
}

.button_bucket {
  width: 250px;
  padding: 6px;
  font-size: 14px;
  background-color: #e0e0e0;
  border: solid 1px #cccccc;
  color: #333333;
  text-align: left;
  margin-bottom: 8px;
}

.button_bucket a {
  text-decoration: none;
  color:#333333;
}

.button_bucket a:hover {
  text-decoration: none;
  color:#666666;
}

/* ---------------------------- INTERIOR PAGE STYLES -------------------------- */

#container {
  background-image: url(../../images/inter-pg-bg-img.gif);
  background-color: #ffffff;
  width: 952px;
  min-height: 550px;
  padding-left: 12px;
}

#container-wide {
  background-color: #ffffff;
  width: 952px;
  padding-left: 12px;
}

.content {
  background-image: url(../../images/inter-pg-content-bg-img.jpg);
  background-repeat:no-repeat;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  padding: 12px 12px 0 12px;
  width: 660px;
  text-align: left;
  float: left;
  min-height: 492px;
}

.content-wide {
  background-image: url(../../images/inter-pg-content-bg-img.jpg);
  background-repeat:repeat x;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  padding: 12px 12px 0 12px;
  width: 914px;
  text-align: left;
  float: left;
}

.content a, .content-wide a {
  text-decoration:underline;
  color: #333333;
}

.content a:hover, .content-wide a:hover {
  text-decoration:none;
  color: #000000;
}

.content p, .content-wide p {
  font-size: 12px;
  color: #575757;
  padding-top: 6px;
}

.content-img {
  float: right;
  padding: 4px;
  margin-left: 4px;
}

.gallery-img {
  border: solid 1px #cccccc;
  color: #333333;
  padding: 2px;
}

.product-header {
  width:648px;
  background-color: #e0e0e0;
  border: solid 1px #cccccc;
  padding-left: 12px;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-top: 12px;
}

.product-header h2 {
  font-size: 14px;
  color: #444444;
  font-weight: lighter;
}

.product-header h2 a {
  font-size: 14px;
  text-decoration: none;
}

.product-header h2 a:hover {
  font-size: 14px;
  text-decoration: underline;
}

.product-details {
  padding-left: 12px;
  padding-top: 6px;
  text-align: justify;
  font-size: 11px;
  color: #555555;
  line-height: 16px;
}

.product-details a {
  color: #000000;
  text-decoration: underline;
}

.product-details a:hover {
  color: #000000;
  text-decoration: none;
}

.product-details img {
  border: none;
  float: right;
  padding: 2px 0px 8px 12px;
}

.product-green {
  text-align:left;
  color: #555;
}

.product-green a {
  background-image:url(../../images/leaf-product.gif);
  background-repeat:no-repeat;
  color:#5e9f61;
  text-decoration:none;
  padding-left: 20px;
}

.product-green a:hover {
  color: #333333;
  text-decoration:underline;
}


#ez-stack-flash {
  width: 290px;
  height: 340px;
  float: right;
}


table.lumbertable {
  padding: 13px 0 0 5px;
}

table.lumbertable td {
  padding: 5px 0 5px 0;
}

/* Seminars page ---------*/
.calendar-container {
  width: 660px;
  border: solid 1px #cccccc;
  float: left;
}

.year {
  width: 654px;
  color: #f5f5f5;
  background-color: #000000;
  font-size: 16px;
  text-align:left;
  padding: 4px;
  float: left;
}

.time {
  width: 184px;
  height: 32px;
  color: #333333;
  background-color: #cccccc;
  font-size: 12px;
  border-bottom: solid 1px #cccccc;
  text-align: left;
  padding: 6px 0px 0px 6px;
  float: left;
}

.event-name {
  width: 460px;
  height: 28px;
  color: #333333;
  padding:10px 0px 0px 8px;
  margin-bottom:12px;
  float: left;
  font-size: 14px;
  border-bottom: solid 1px #cccccc;
}

.reg-form td {
  color:#333333;
  padding: 6px;
  width:200px;
}

.reg-form a {
  border: solid 1px #999999;
  font-size: 12px;
  background-color: #cccccc;
  padding: 2px;
}

.reg-form a:hover {
  background-color: #ffffff;
  text-decoration:none;
  color: #999999;
}

.reg-form h1 {
  background-color: #999999;
}

.reg-form-container {
  width: 620px;
  border: solid 1px #cccccc;
  float: left;
  margin-left:12px;
}

.reg-form-time {
  width: 120px;
  height: 40px;
  color: #333333;
  background-color: #cccccc;
  font-size: 12px;
  border-bottom: solid 1px #cccccc;
  text-align: left;
  padding: 6px;
  float: left;
}

.reg-form-event-name {
  width:650px;
  color: #666666;
  padding: 4px;
  background-color: #f5f5f5;
  margin-bottom:8px;
  float: left;
  font-size: 12px;
  border-bottom: solid 1px #cccccc;
}

.reg-form-details {
  padding-right: 6px;
  padding-left: 6px;
  text-align: justify;
  font-size: 12px;
  color: #666666;
  line-height: 16px;
}

.details {
  padding-right: 6px;
  padding-left: 6px;
  text-align: justify;
  font-size: 12px;
  color: #666666;
  line-height: 16px;
}

.details-header {
  width:648px;
  background-color: #e0e0e0;
  border: solid 1px #cccccc;
  padding-left: 6px;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-top: 12px;
}

.details-header h2 {
  font-size: 14px;
  color: #333333;
  font-weight: lighter;
}

/* MARVIN DESIGN GALLERY PAGE ------------------------*/
.flash-dg {
  background-color: #000000;
  width: 710px;
  height:394px;
  float: left;
  border-right: solid 1px #666666;
}

.clear-dg {
  clear: both;
  font-size: 0px;
  line-height: 0px;
  height: 0px;
}

#container-dg {
  background-image: url(../../images/inter-pg-bg-img.gif);
  background-color: #ffffff;
  width: 964px;
}

.menu-dg {
  color: #ffd81b;
}

.menu-dg a {
  color: #ffd81b;
  text-decoration: none;
}

.menu-dg a:hover {
  color: #ffffff;
  text-decoration: none;
}

.container-submenu-dg {
  width: 240px;
  float: left;
  margin: 12px 4px 4px 4px;
  text-align: left;
  color:#f5f5f5;
}

.container-submenu-dg p {
  font-size: 11px;
  padding-left: 6px;
  padding-right: 6px;
  text-align: left;
  color:#f5f5f5;
}

.submenu-dg {
  font-size:14px;
  background-color: #000000;
  color: #666666;
  width: 200px;
  padding: 6px 6px 6px 20px;
  list-style: none;
}

.submenu-dg a {
  color: #ffd81b;
  background-color: #000000;
  text-decoration: none;
  font-weight: 600;
}

.submenu-dg a:hover {
  color: #ffffff;
}

.submenu-dg img {
  border: none;
}

/* FOOTER ------------------------ */
#footer {
  width: 964px;
  text-align: center;
  margin:auto;
  padding-top: 2px;
  color: #ffffff;
}

#footer a {
  color: #ffffff;
  text-decoration: none;
}

#footer a:hover {
  color: #ffff01;
  text-decoration: none;
}

#footer ul {
  height: 20px;
}

#footer li {
  list-style: none;
  display: inline;
  font-size: 11px;
}

#footer p {
  font-size:9px;
  color: #666666;
}


/* SITE MAP ------------------------ */



div.sitemap {

color: #888888;
  font-size: 13px;
  font-weight: lighter;

}


.sitemap a {
  padding:1px;
  text-decoration: none;
}

.sitemap a:hover {
  text-decoration:none;
  color:#f5f5f5;
  background-color:#000000;
  padding:1px;
}



div.sitemap ul {
  margin-left: 10px;
  padding-left: 10px;
}

div.sitemap li {
  font-weight: normal;
  font-size:12px;
  list-style:none;
  line-height:inherit;
  padding: 4px;
}

div.sitemap ul ul{
  padding-top: 3px;
}

div.sitemap li li {
  font-weight: normal;
}




/* ERRORS ------------------------ */
div.fieldWithErrors input, div.fieldWithErrors textarea, div.fieldWithErrors select {
  border:2px solid red
}

#errorExplanation {
  width: 640px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size:80%;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin: 5px 0px 5px 0px;
  padding: 5px;
}

#errorExplanation ul li {
  font-size:95%;
  list-style: square;
  margin: 0px 0px 2px 30px;
}

.formError {
  font-weight:bold;
}

/* ANTI-SPAM FIELD ------------------------ */
.nd {
  display:none;
}

.contact_line {
  margin: 0px 0px 10px 0px;
}

.contact_label {
  margin: 0px 5px 0px 0px;
  text-align:right;
  clear:both;
  float:left;
  width:200px;
}

.contact_info {
  width:440px;
  float:left;
  text-align:justify;
}