* { padding: 0; margin: 0 }
img { border: 0 }
html { overflow-y: scroll }
*:focus { outline: 0 }
body { font-family: Arial, helvetica, Sans-Serif; font-size: 62.5%; background: #ccc; margin-top: 0px }
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: 980px; margin: 0 auto;}

#container { float: left; background:#ccc url(../images/shadow.gif) no-repeat 0px 0; width: 989px; border:solid 0px red; padding: 0 0 0 5px}

#header { float: left;border:solid 0px red; width: 955px; padding:6px 0 3px 25px;height: 83px; background:#fff url(../images/headerBg.gif) repeat-x 0px 0px; }
#header #title{float:left;}
#header #title h1 { float: left; font-size: 27px; font-weight: bold;border:solid 0px red; }
#header #title h1 a { color: #666666; text-decoration: none }
#header #title h2{clear:left;float:left;color:#16b2e0;font-weight:normal;font-size:17px;text-transform:uppercase; margin-top: 3px}
#logo { float:right;border:solid 0px red; margin-right: 19px }
#nav { clear:left;float:left;width:980px;border:solid 0px red; height: 29px}

#nav ul{float:left;list-style-type:none; font-weight:bold;}
#nav ul li{float:left;}
#nav ul * { font-weight:bold; }
#nav ul li a{float: left; display:block;padding:0 32px 0 32px; height: 29px; line-height: 29px; text-decoration:none;color:#fff;text-transform:uppercase;font-size:1em;font-weight:bold;background:#de1861 url(../images/navBg2.gif) repeat-y 0px 0px;}
#nav ul li a:hover, #nav ul li a.on{background:#cec200 url(../images/navBg2_.gif) repeat-y 0px 0px;}
#nav ul li .cornerleft{ float: left; display:block;padding:0 0 0 12px; height: 29px; line-height: 29px; text-decoration:none;color:#fff;text-transform:uppercase;font-size:1em;font-weight:bold;background:#de1861 url(../images/cornerleft.jpg) repeat-y 0px 0px;}
#nav ul li .cornerleft span {float: left; padding: 0 32px 0 21px; background:#de1861 url(../images/navBg3.gif) repeat-y 0px 0px;}
#nav ul li .cornerleft:hover, #nav ul li .oncornerleft:hover, #nav ul li .oncornerleft {float: left; display:block;padding:0 0 0 12px; height: 29px; line-height: 29px; text-decoration:none;color:#fff;text-transform:uppercase;font-size:1em;font-weight:bold;background:#cec200 url(../images/cornerleft_.jpg) repeat-y 0px 0px;}
#nav ul li .cornerleft:hover span, #nav ul li .oncornerleft span{float: left; padding: 0 32px 0 21px; background:#de1861 url(../images/navBg3_.gif) repeat-y 0 0px; cursor: pointer}

#nav ul li .cornerright{float: left; display:block;padding:0 12px 0 0; height: 29px; line-height: 29px; text-decoration:none;color:#fff;text-transform:uppercase;font-size:1em;font-weight:bold;background:#de1861 url(../images/cornerright.jpg) repeat-y right;}
#nav ul li .cornerright span {float: left; padding: 0 22px 0 32px; background:#de1861 url(../images/navBg2.gif) repeat-y 0px 0px;}
#nav ul li .cornerright:hover, #nav ul li .oncornerright, #nav ul li .oncornerright:hover {float: left; display:block;padding:0 12px 0 0; height: 29px; line-height: 29px; text-decoration:none;color:#fff;text-transform:uppercase;font-size:1em;font-weight:bold;background:#cec200 url(../images/cornerright_.jpg) repeat-y right;}
#nav ul li .cornerright:hover span, #nav ul li .oncornerright span{float: left; padding: 0 22px 0 32px; background:#de1861 url(../images/navBg2_.gif) repeat-y 0px 0px; cursor: pointer}

#snav { float:left;width:725px;background:#e3e000 url(../images/snavBg.gif) repeat-x 0px 0px;height:29px;}
#snav.white { background: #FFF url(../images/whitesnav.jpg) repeat-x 0px 0px; height: 10px }
#snav ul{float:left;list-style-type:none;}
#snav ul li{float:left;}
#snav ul li a{font-family: Arial, helvetica, Sans-Serif;display:block;padding:10px 10px 6px 8px;text-decoration:none;color:White;text-transform:uppercase;font-size:1em;font-weight:normal;background:#c9c400 url(../images/subNavBg2.gif) repeat-x top right;}
#snav ul li a:hover, #snav ul li a.on{color:White;background:#c9c400 url(../images/subNavBg2_.gif) repeat-x top right;}

#main { float: left; width: 950px; position:relative;background:#fff url(../images/blue-secondlevel.gif) repeat-y top left; left:15px; font-family: Verdana, geneva, sans-serif; }

#left { float: left; width:195px; padding:30px 15px 0 15px; height:430px; overflow: hidden;background:#16b2e0 url(../images/blueBg.gif) repeat-x 0px 0px; }
#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; }

#left #bluebox{float:left;width:155px;min-height:400px;padding-left:40px;background:#16b2e0 url(../images/getinvolved.gif) no-repeat 0px 0px;border:solid 0px red;}
#left #bluebox p{color:#fff;font-size:1.1em;line-height:16px;}
#left #bluebox p.upper{text-transform:uppercase;font-weight:bold;}

#left #bluebox #blueBoxLogin{clear:left;float:left;margin-top:30px;}
#left #bluebox #blueBoxLogin p{font-weight:bold;text-transform:uppercase;}
#left #bluebox #blueBoxLogin fieldset{border:0;}
#left #bluebox #blueBoxLogin label{color:#fff;line-height:18px;}
#left #bluebox #blueBoxLogin input{width:155px;}
#left #bluebox #blueBoxLogin input.lbtn{margin:5px 0 0 95px;width:65px;}

#left .linkbox { position: relative; left: -8px; }


#right { width: 725px; float: left; overflow: hidden;  }
#pics img { float: left; clear: left }
#text { float: left; width: 437px; padding:25px 25px 10px 25px;border:solid 0px red; min-height: 410px; height: auto!important; height: 410px; }
#text h1 { color: #666666; font-size: 1.8em; line-height: 21px; font-weight: bold; margin-bottom: 1em;  }
#text h2 { color: #16b2e0; font-size: 1.4em; line-height: 20px; font-weight: bold; margin-bottom: 1em;  }
#text p { color: #666666; font-size: 1.1em; margin-bottom: 1.1em; line-height: 17px; width: 437px; word-wrap: break-word; }
#text ul, #text ol { margin-left: 25px; margin-bottom: 11px; }
#text li { color: #666666; font-size: 1.1em; line-height:17px; }
#text ul.downloads { margin-left: 0; }
#text ul.downloads ul { margin-left: 10px; font-size: 11px; padding: 10px 0 0 0 }

#text li.pdf{list-style-type: none; padding-left: 25px; padding-bottom: 0px; background: url(../images/pdf.gif) no-repeat top left; margin-bottom: 10px }
#text li.pdf li { color: #666666; font-size: 10px; line-height:17px; }

#text a, #left a{ color: #16b2e0; }
#text .intro { font-weight: bold }
#text sup { color: #666666; font-size: 10px; vertical-align: 0; position: relative; bottom: 1ex }
#text sub { color: #666666; font-size: 10px; vertical-align: 0; position: relative; top: 0.8ex }
#text h3 { color: #666666; font-size: 1.1em; line-height: 17px; font-weight: bold }

.teamimg { float: right; border: solid 1px #ccc; margin: 0 0 10px 10px;  }

#pic { float: right; width: 225px; position: relative; top: -10px; margin-bottom: -10px }

.hpbox{float:left;width:225px;}
.hpboxtitle{clear:left;float:left;width:210px;height:19px;background:#16b2e0 url(../images/hpboxtitlebg.gif) no-repeat 0px 0px;font-weight:bold;font-size:9px;color:White;padding:5px 0 0 10px;}
.hpboxcontent{float:left;width:220px; padding: 10px 0 0 0}
.hpboxcontent p{line-height:15px;}
.hpboxcontent ul{list-style-type: none; font-size: 10px; line-height: 15px}
.hpboxcontent li.pdf{list-style-type: none; padding-left: 25px; padding-bottom: 3px; background: url(../images/pdf.gif) no-repeat top left; margin-bottom: 10px }
.hpboxcontent a{color: #16b2e0;}

.hpbox2{float:left;width:225px;}
.hpboxtitle2{clear:left;float:left;width:210px;height:19px;background:#16b2e0 url(../images/pinkBoxHeader.gif) no-repeat 0px 0px;font-weight:bold;font-size:9px;color:White;padding:5px 0 0 10px;}
.hpboxcontent2{float:left;width:200px;height:123px;padding:10px;background: url(../images/pebblesBoxBackground.jpg) no-repeat top left; }
.hpboxcontent2 h4 { font-size: 18px; text-transform: uppercase; color: #666; font-weight: normal; }
.hpboxcontent2 p{line-height:15px;}
.hpboxcontent2 a{color: #16b2e0;}


#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:975px; height:25px; line-height: 17px; color: #FFF; font-size: 10px; border:solid 0px red; }
#fleft { float: left; width: 350px; padding:4px 0 0 17px }
#fleft a { color: #FFF; text-decoration: none }
#fright { float: right; width: 350px; text-align: right; padding:4px 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 #16b2e0; 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; font-size: 11px; color: #707070; padding: 1px; font-family: Arial, helvetica, Sans-Serif;  }

#questionnaire { margin-bottom: 25px }
#questionnaire textarea {  font-size: 11px; color: #707070; padding: 0px; font-family: Verdana, geneva, sans-serif; width: 100%; height: 100px  }

.frm input { width: 200px }
.frm .radio { width: auto }

.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 }
.frm div{ float: left; padding-bottom: 10px }
.frm div label{ display:block; width:auto; float: left;font-size: 10px; color: #707070; padding-top: 3px; }
.frm #usertype1 label, .frm #usertype2 label{ width:130px; }
.linkbox{float:left;border:solid 1px #16b2e0; background:#FFF url(../images/linkboxbg.gif) no-repeat 0px 0px;width:193px;overflow:hidden;height:95px;padding:10px;border:solid 0px red;}
.linkbox h3{color:#666666;font-size:1.2em;line-height:18px;margin-bottom: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;}
.frm #usertype1, .frm #usertype2{ display: none }
.faqbox{float:left;border:solid 1px #16b2e0; width:193px;overflow:hidden;height:95px;padding:10px;}

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

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