* { padding: 0; margin: 0 }
img { border: 0 }
html { overflow-y: scroll }
a:focus { outline: 0 }
body { font-family: Arial, helvetica, Sans-Serif; font-size: 62.5%; background: #FFF; margin-top: 2px }
h2 { color: #628021; font-size: 14px; font-weight: bold; margin-bottom: 14px }
h3 { color: #628021; font-size: 10px; font-weight: bold; margin-bottom: 2px }
p { color: #666; font-size: 11px; margin-bottom: 11px; line-height: 12px; }
.intro { font-weight: bold }
u { text-decoration: none }

#wrap0{ text-align:left; width: 775px; margin: 0 auto;}

#container { float: left; background: #FFF url(../images/mainframe.jpg) repeat-y; width: 775px}

#topframe { float: left; background: url(../images/topframe.jpg) repeat-y; width: 775px; height: 20px; }
#header { float: left; width: 774px; height: 120px; background: url(../images/headerframe.jpg) no-repeat; padding-right: 1px; position: relative }
#header h1 { float: left; font-size: 23px; font-weight: bold; line-height: 43px; margin: 35px 0 0 15px }
#header h1 a { color: #089400; text-decoration: none }
#logo { float: right; height: 94px; width: 161px; }
#nav { list-style-type: none; float: left; position: absolute; left: 4px; top: 96px }
#nav li { float: left; height: 24px;  }
#nav a { float: left; height: 24px; padding-left: 8px; background: url(../images/nav-left.gif) no-repeat top left; margin-right: 7px; font-size: 9px; font-family: Verdana, geneva, sans-serif; font-weight: bold; color: #276015; text-decoration: none; line-height: 25px; text-transform: lowercase}
#nav a span { float: left; height: 24px; background: url(../images/nav-right.gif) no-repeat top right; padding-right: 8px; cursor: pointer }
#nav a span span { float: left; height: 24px; background: url(../images/nav-mid.gif) repeat-x; padding-right: 0px;   }
#nav a:hover, #nav .on { color: #FFF; background: url(../images/nav-left_.gif) no-repeat top left; }
#nav a:hover span, #nav .on span { background: url(../images/nav-right_.gif) no-repeat top right; }
#nav a:hover span span, #nav .on span span { background: url(../images/nav-mid_.gif) repeat-x; }

#snav { float: left; position: relative; left: 4px; width: 770px; background: #628021; height: 28px }
#snav ul { list-style-type: none; color: #FFF; font-size: 9px; font-family: Verdana, Geneva, Sans-Serif; margin: 8px 0 0 0; line-height: 11px; position: relative; left: -4px }
#snav li { float: left; border-right: solid 1px #FFF; padding: 0 10px }
#snav a { color: #FFF; text-decoration: none;  font-weight: bold; text-transform: lowercase }
#snav #last { border-right: solid 0px #FFF;  }
#main { float: left; width: 770px; position:relative; margin-left: 4px; padding: 17px 0 18px 0; font-family: Verdana, geneva, sans-serif }

#left { float: left; width: 170px; padding: 0 10px 0 10px; overflow: hidden }
#left h1 { font-family: Arial; font-size: 24px; color: #628021; font-weight: bold; margin-bottom: 10px; line-height: 25px }
#left p { color: #707070; font-size: 1em; margin-bottom: 1.1em; line-height: 1.2em; }

#right { width: 580px; float: left; overflow: hidden;  }
#pics img { float: left; clear: left }
#text { float: left; width: 401px; padding: 0 15px 0 0 }
#text h2 { color: #628021; font-size: 1.8em; line-height: 21px; font-weight: bold; margin-bottom: 1em;  }
#text p { color: #707070; font-size: 1em; margin-bottom: 1.1em; line-height: 1.2em; }
#text ul, #text ol { margin-left: 30px; margin-bottom: 11px; }
#text li { color: #707070; font-size: 1em; line-height: 1.2em }
#text a, #left a { color: #628021; }
#text .intro { font-weight: bold }

#pic { float: left; width: 156px; padding-top: 4px }

#wide { float: left; width: 760px; padding: 0 0 0 10px }
#wide h1 { font-family: Arial; font-size: 23px; color: #628021; font-weight: bold; margin-bottom: 10px }
#wide img { float: left; margin-right: 21px }
#wide #third { margin-right: 0 }

#footer { float: left; clear: left; width: 775px; height: 49px; line-height: 17px; color: #FFF; font-size: 10px; background: url(../images/bottomframe.jpg) no-repeat }
#fleft { float: left; width: 350px; padding: 14px 0 0 17px }
#fright { float: right; width: 350px; text-align: right; padding: 14px 17px 0 0  }
#fright a { color: #FFF; text-decoration: none }

#od { font-family: verdana, geneva, Sans-Serif; font-size: 10px; color: #666; padding: 5px 0 10px 18px; float: left }
#od a { color: #666; text-decoration: none;  }

.frm{ border:solid 1px #628021; background:#FFF; padding:10px; margin-bottom: 1.4em; float: left}
.frm label{ display:block; width:130px; float: left;font-size: 10px; color: #707070; padding-top: 2px; }
.frm input, .frm select, .frm textarea { float: left; margin-bottom: 3px }
.frm br { clear: left }
.frm #sec { float: left; padding-left: 130px; padding-top: 2px }
.frm #sec img { float: left; margin-bottom: 4px }
.frm #sec .refresh { float: left; margin-top: 40px; margin-left: 5px }
.frm .sub { float: left; margin-left: 130px; margin-top: 5px }
.linkbox{ border:solid 1px #628021; background:#FFF; padding:10px 4px 10px 4px; margin:0 0 10px 0; font-size: 10px}
.pdflink{ padding:0 0 10px 25px; background:url(../images/icon_pdf.gif) no-repeat top left;}
.intlink{ padding:0 0 10px 25px; background:url(../images/link_go.gif) no-repeat top left;}
.weblink{ padding:0 0 10px 25px; background:url(../images/world_link.gif) no-repeat top left;}

#login #email, #login #password { width: 150px }

.right { text-align: right }
#text a.faqlink{ text-decoration:none; font-weight:normal;}
.right { text-align: right }