@charset "utf-8";
/* CSS Document */

body{background:#324b09 url(../images/background.jpg) repeat top center fixed; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height: 18px;}
p{margin:0; padding:0;}

#wrapper{margin:30px auto 30px auto; width:923px;}
#deco{margin:-490px 0 0 0; width:103px; height:496px; background:url(../images/deco.png) no-repeat;}
#bg-wrapper{margin:0 0 0 55px;}
#header{background:url(../images/top.png) no-repeat; width:867px; height:96px;}

#logo{margin:0 0 0 330px; padding:22px 0 0 0; width:215px;}

#bg{background:url(../images/bg.png) repeat-y; width:867px;}
#content{width:794px; margin:0 36px 0 35px; padding:5px 0 5px 0;}
#content-bg{background:url(../images/content-bg.png) repeat-y; padding:0 0 15px 0;}
#content-bg2{background:url(../images/content-bg2.png) repeat-y; padding:4px 0 15px 6px; color:#FFFFFF}
#content-left{float:left; width:225px; padding:4px 0 0 6px; color:#FFFFFF;}
#content-right{float:right; width:545px; padding:4px 0 0 6px; color:#FFFFFF;}

.widget{padding: 0 0 20px 0;}

#content-bg2 h2, .widget h2{font-family:"Lucida Calligraphy"; font-size:14px; color:#FFFFFF; padding:0 0 3px 0;}
#content-bg2 a, .widget a{color:#ffd200; font-weight:bold;}
#content-bg2 a:hover, .widget a:hover{text-decoration: none;}
#line2{border-top:1px solid #FFFFFF; width:783px; padding:0 0 10px 0;}
#product{clear:both; padding:20px 0 0 0;}
#distributor{margin:-150px 0 0 580px; padding:0;}

#content-main{text-align:justify; padding:0 8px 0 0; clear:both;}
#content-main h2{font-family:"Lucida Calligraphy"; font-size:14px; color:#FFFFFF; padding:0 0 3px 0;}
#content-image{float:left; width:155px; padding:0 10px 0 0;}
#content-main p{padding:0 0 10px 0;}
#line3{border-top:1px solid #FFFFFF; width:540px; padding:0 0 10px 0;}

#construct{padding:50px 0 50px 180px;}

#module h2{font-family:"Lucida Calligraphy"; font-size:14px; color:#FFFFFF; padding:0 0 3px 0;}
#line{border-top:1px solid #FFFFFF; width:225px; padding:0 0 10px 0;}
#module .date{color:#9b9b9b; font-size:11px;}
#module{font-size:11px; color:#FFFFFF; padding:0 0 10px 0; clear:both;}
#module p{padding:0 0 10px 0;}
#more{text-align:right; font-size:11px;}
#more a{text-decoration:none; color:#9b9b9b;}
#more a:hover{text-decoration:underline;}

#nav{width:794px; background:url(../images/navbg.png) no-repeat; height:29px;}
#nav ul{color:#FFFFFF; font-weight:bold; margin:0; padding:0; text-align:center; padding:6px 0 0 0;}
#nav li{list-style:none; display:inline; margin:0; padding:0;}
#nav li a{color:#FFFFFF; text-decoration:none; font-size:14px; margin:0 21px 0 21px;}
#nav li a:hover{color:#ffd200;}
#nav li a.current{color:#ffd200;}

#flash-wrap{background:url(../images/flashbg.png) no-repeat; height:196px; width:794px; margin:0; padding:0;}
#flash{padding:3px 0 0 3px; margin:0;}

#footer{background:url(../images/bottom.png) no-repeat; width:867px; height:71px; color:#FFFFFF; font-size:10px; clear:both}
#footer-left{float:left;}
#footer-right{float:right;}
#footer-left ul{margin:0 0 0 50px; padding:20px 0 0 0; color:#FFFFFF;}
#footer-left li{list-style:none; display:inline; margin:0; padding:0;}
#footer-left li a{color:#FFFFFF; font-size:10px; font-weight:bold; text-decoration:none; margin:0 2px 0 2px;}
#footer-left li a:hover{color:#ffd200;}

#footer-right{margin:0 35px 0 0; padding:30px 0 0 0;}
#footer-right a{color:#FFFFFF; text-decoration:none;}
#footer-right a:hover{color:#ffd200;}

.space{padding:5px 0 0 0;}
.space2{padding:15px 0 0 0;}

#remind{padding:15px 0 0 0; font-size:11px;}
.error{font-weight:bold; color:#FF0000;}
.cap{margin:0; padding:0; font-weight:bold; font-size:14px;}
.button{float:right; width:79px;}

form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  margin: 0;
  padding: 0;
  width: 400px; 
}

form fieldset {
  /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #000;
  width: 100%; 
  border: 1px solid #FFFFFF;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

form fieldset legend {
	font-size:1.1em;
	color:#FFFFFF;
	font-weight:bold; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 90px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: left; 
}

form fieldset label:first-letter { /* use first-letter pseudo-class to underline accesskey, note that */
	text-decoration:none;    /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
                                    /* pseudo-class on legend elements, but do support it on label elements */
                                    /* we instead underline first letter on each label element and accesskey */
                                    /* each input. doing only legends would  lessens cognitive load */
                                   /* opera breaks after first letter underlined legends but not labels */
}

form input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:290px;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

.button2{width:50px; float:left;}

form select{
width:100px;
margin:5px 0 0 10px;}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form .required{font-weight:bold; color: #ffd200} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}
-->