/* CSS Document */

html { font-size: 100%; /* IE hack */ }
table { font-size: 100%; /* IE hack */ }

body { margin: 0 0 20px 0; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #3b3b3b; }

i.notvisible { visibility: hidden; }
i.donotshow { display: none; }
p { margin: 16px 0; }
img { border: none; }

.required { color: #b12f2f; font-size: 11px; font-weight: normal; }
.smalltext { font-size: 90%; }
.clearfloats { clear: both; font-size: 5%; }
.error {color: #ff0000; font-weight: bold; margin: 5px !important; }
ul.error {padding-left: 15px;}

a { color: #5e781e; text-decoration: none; }
a:hover { color: #5e781e; text-decoration: none; }

h1 {  }
h2 { margin: 30px 0 8px 0; font-size: 24px; color: #5e781e; }
h3 { margin: 30px 0 8px 0; font-size: 20px; color: #5e781e; }
h4 { margin: 30px 0 8px 0; font-size: 17px; color: #5e781e; font-weight: normal; }
h5 { margin: 30px 0 8px 0; font-size: 14px; color: #5e781e; font-weight: normal; }
h6 { margin: 0; font-size: 12px; color: #5e781e; }


/* Print Logo */
#printheaderlogo { display: block; }


/* Main Contents */
#sitecontainer {  }


/* header and banner */
#sitecontainer #headerblock { display: none; }


/* main content */
#leftcol { display: none; }


/* Internal Righthand Nav */
#rightnavigation { display: none; }


/* Main Content Right */
#contentstructure { width: 970px; }

#maincontent { width: 650px; margin-left: 0; font-size: 110%; }
#maincontent .bannerarea { display: none; }


/* Breadcrumbs */
.breadcrumbs { margin: 20px 0; border: 1px solid #cccccc; padding: 8px 12px; font-size: 90%; color: #999999; }
.breadcrumbs span.divide { color: #cccccc; padding: 0 3px; }
.breadcrumbs a { color: #5e781e; text-decoration: none; }
.breadcrumbs a:hover { text-decoration: underline; }


#maincontent #contentcontainer { padding: 0; line-height: 140%; }
#maincontent #contentcontainer.homecontent { line-height: 120%; }

#contentcontainer h1.pagetitle { padding: 0; margin: 15px 0 8px 0; color: #5e781e; font-size: 30px; font-weight: normal; line-height: normal; }
.title { padding: 0; margin: 15px 0 8px 0; color: #5e781e; font-size: 30px; font-weight: normal; line-height: normal; }

#contentcontainer .introimage { float: right; position: relative; margin: 0 -53px 0 0; padding: 0 0 10px 30px; }
* html #contentcontainer .introimage { margin: 0 -23px 0 0; }

#contentcontainer .getinvolved { margin-top: 30px; width: 634px; width/**/:/**/ 588px; min-height: 145px; min-height/**/:/**/ 118px; height: auto !important; height: 145px; height/**/:/**/ 118px; padding: 12px 15px 0 31px; background: url(images/getinvolved-gradientbg.jpg) no-repeat top left; line-height: normal; }
.getinvolved .gileftcol { float: left; width: 302px; width/**/:/**/ 272px; padding-right: 30px; }
.getinvolved .girightcol { float: left; width: 265px; }
.getinvolved h1 { margin: 0; width: 135px; height: 34px; background: url(images/getinvolved-titlebg.gif) no-repeat top left; font-size: 120%; color: #002879; }

.homepagecontent { width: 650px; padding: 0; }

h1.hpgetinvolvedtitle { margin: 0 0 13px 0; height: 31px; background: url(images/wf-homepage-getinvolved.gif) no-repeat top left; }

.hpimgright { float: right; padding: 0 0 25px 20px; }


/* Homepage 3 blocks */
.threeblock { width: 650px; margin-top: 20px; }
.threeblock .baseblock { float: left; margin-right: 11px; width: 206px; width/**/:/**/ 166px; padding: 20px 18px 0 22px; background: url(images/hp-baseblock-bg.jpg) no-repeat top left; }
.threeblock .baseblock.connect { margin-right: 0; }
.threeblock .baseblock h1.baseblocktitle { margin: 0 0 12px 0; }
.threeblock .baseblock .blockinfo { min-height: 60px; height: auto !important; height: 60px; }
.threeblock .baseblock img.blockimg { border: 1px solid #cbcbcb; }


/* Registration Form */
#contentcontainer #errorBox {background-color: #ffe6e6; padding: 10px; }
#contentcontainer form { margin: 0; padding: 0; width: 100%; padding-top: 25px; }
#contentcontainer form HR { border:none; height: 1px; background-color: #efefef; color: #efefef; margin: 20px 0; }
#contentcontainer form table { width: 100%; }
#contentcontainer form td { padding: 6px 0; }
#contentcontainer form th { width: 105px; width/**/:/**/ 94px; padding: 0 0 0 11px; text-align: left; line-height: normal; }
#contentcontainer form th.col3 { width: 105px; padding-left: 0; }
#contentcontainer form .col2 { width: 222px; }
#contentcontainer form input.textfield { width: 195px; }
#contentcontainer form select { width: 199px; }
#contentcontainer form .smalltextform { font-size: 10px; font-weight: normal; }
#contentcontainer form .contactconditions { padding-left: 11px; }
#contentcontainer form .checkarea { margin-top: 20px; padding: 0 0 0 59px; font-weight: bold; }
#contentcontainer form .checkarea input.checkfield { margin: 0; padding: 0; }

#contentcontainer form .checkarea.submit { margin-top: 40px; }


/* Footer Styling */
#maincontent #contentclear { height: 80px; clear: both; }
#maincontent #contentclear.homeclear { height: 30px; }
#footer { padding-top: 10px; color: #999999; border-top: 1px solid #dcdcdc; font-size: 90%; line-height: 18px; }
#footer.homefooter { padding-top: 10px; color: #999999; border-top: 1px solid #dcdcdc; font-size: 90%; line-height: 18px; }
#footer .footerlinks { display: none; }
#footer a { color: #666666; padding: 0 1px; text-decoration: none;}
#footer a:hover { color: #000; text-decoration: none; }

#footerlogo { padding: 20px 0 0 0; }


/* Footer Print/Send */
#footerprintsend { padding: 49px 0 0 29px; }
#footerprintsend a { padding: 0 0 0 23px; margin: 0; text-decoration: none; }
#footerprintsend a:hover { color: #666666; }
#footerprintsend a.print { margin-bottom: 4px; background: url(images/rhsnav-printpage-icon.gif) no-repeat top left; padding-bottom: 1px; padding-right: 25px; }
#footerprintsend a.send { line-height: 14px; background: url(images/rhsnav-emailpage-icon.gif) no-repeat 0px 2px; }


/* Handy Link */
.handylink { margin-left: 16px; width: 614px; padding: 0 0 15px 0; }
.handylink a { display: block; width: 614px; width/**/:/**/ 600px; background: url(images/sitemap_arrow.gif) no-repeat 0px 5px; padding: 0 0 0 14px; font-weight: bold; text-decoration: none; }
.handylink a:hover { color: #000000; }
.handylink .handydescription { display: block; width: 614px; width/**/:/**/ 600px; padding: 0 0 0 14px; }


/* Publication Link */
.publication { margin: 15px 0 0 0; }
.publication a { display: block; width: 614px; width/**/:/**/ 596px; background: url(images/pdf-icon.gif) no-repeat 0px 3px; padding: 0 0 0 18px; text-decoration: none; }
.publication a:hover { color: #000000; }
.publication .pubdescription { width: 614px; width/**/:/**/ 596px; padding: 0 0 0 18px; }


/* Upcoming Event/s */
.eventteaser { padding: 20px 0; border-bottom: 1px solid #dcdcdc; }
.eventteaser h4 { margin: 5px 0; padding: 0; }
.eventteaser h4 a { text-decoration: none; }
.eventteaser h4 a:hover { color: #666666; }
.eventteaser .eventdate { color: #666666; font-weight: bold; padding-right: 4px; }
.eventteaser .eventlocation { font-weight: bold; color: #3b3b3b; padding-left: 8px; border-left: 2px solid #cccccc; }

.eventdetails { padding-bottom: 15px; font-weight: bold; }
.eventdetails span { font-weight: normal; display: block; width: 65px; float: left; }

.eventphoto { float: right; padding: 0 0 25px 15px; }
.eventphoto img { padding: 4px; border: 1px solid #cccccc !important; }


/* Search Site */
.bannerarea .wflogo form { float: right; margin: 0; padding: 58px 16px 0 0; }
.bannerarea .wflogo input.text { width: 110px; font-size: 11px; color: #666666; }
.bannerarea .wflogo input.submit { width: 49px; height: 17px; margin-left: 5px; }

#searchresults { position: relative; width: 655px; border: 1px solid #5e781e; background-color: #fafcf6; padding: 15px; margin: 0 -60px 25px 0; }
#searchresults form { margin: 0; padding: 0; }
#searchresults form{ font-size: 11px; color: #666666; }

.searchreturn { position: relative; width: 655px; border: 1px solid #999999; padding: 15px; margin: 0 -60px 0 0; }
.searchreturn span.failure { font-weight: bold; color: #0077ae; }


/* Sitemap Styles */
#sitemap ul { list-style: none; padding-left: 15px; }
#sitemap ul li { list-style-type: none; }
#sitemap ul li a { background: url(images/sitemap_arrow.gif) no-repeat 0px 4px; padding-left: 14px; font-weight: bold; text-decoration: none; }
#sitemap ul li a:hover { color: #000000; }
#sitemap ul li ul { margin-top: 10px; margin-bottom: 12px; margin-left: 5px; padding-left: 11px; }
#sitemap ul li ul li { margin: 0; }
#sitemap ul li ul a { font-weight: normal; font-size: 100%; text-decoration: underline; }
#sitemap ul li ul a:hover { text-decoration: none; }
#sitemap ul li ul ul { margin-top: 5px; margin-bottom: 12px; }
#sitemap ul li ul ul a { font-weight: normal; font-size: 100%; text-decoration: none; }
#sitemap ul li ul ul a:hover { text-decoration: underline; }


/* Blog Us */
#blogus { width: 686px; position: relative; margin-right: -51px; }
#blogus form { padding: 0; margin: 0; }

#blogus #bloguslogin { float: right; width: 299px; width/**/:/**/ 259px; padding: 20px; margin: 0 0 25px 25px; border: 1px solid #5e781e; background-color: #fafcf6; color: #999999; }
#bloguslogin h4 { margin: 0; }
#bloguslogin form { padding: 4px 0 0 0; }
#bloguslogin label { padding-top: 2px; float: left; width: 75px; color: #3b3b3b; font-weight: bold; }
#bloguslogin input.text { margin-bottom: 10px; float: left; color: #999999; width: 177px; }
#bloguslogin input.login { width: 89px; height: 27px; margin: 0 0 8px 75px; }
#bloguslogin .forgotpass { padding-left: 75px; }

#blogus #addblogpost { padding: 20px; margin: 0 0 29px 0; border: 1px solid #5e781e; background-color: #fafcf6; color: #999999; }
#addblogpost h4 { margin: 0; }
#addblogpost input { float: right; width: 49px; height: 17px; margin-right: 4px; }
\ html #addblogpost input { margin-right: 2px; }
#addblogpost textarea { width: 636px; height: 45px; margin: 8px 0; }

#blogus .blogpost { padding: 20px; margin: 0 0 29px 0; border: 1px solid #999999; color: #999999; }
.blogpost h4 { margin: 0; }
.blogpost .postedby { font-size: 90%; padding-top: 2px; }
.blogpost .postedby span.by { padding-left: 12px; }
.blogpost .postedby a { text-decoration: none; }
.blogpost .postedby a:hover { text-decoration: underline; }
.blogpost .blogdetails { color: #3b3b3b; }
.blogpost .viewaddcomment { padding-top: 2px; font-size: 90%; }
.blogpost .viewaddcomment a { text-decoration: none; }
.blogpost .viewaddcomment a:hover { text-decoration: underline; }

.blogpost .displayutility { position: relative; width: 642px; width/**/:/**/ 618px; margin-top: 18px; padding: 18px 12px 0 12px; background-color: #fafafa; border: 1px solid #dcdcdc; color: #3b3b3b; }
.displayutility .utilitytitle { font-weight: bold; padding-bottom: 5px; }
.displayutility .closeutility { position: absolute; top: 10px; right: 10px; width: 14px; height: 15px; }

.displayutility .blogcomment { background: url(images/blogpost-comment-bullet.gif) no-repeat top left; padding: 0 0 18px 20px; }
.displayutility .blogcomment .timestamp { color: #666666; font-size: 90%; }

.displayutility .addblogcomment form {  }
.displayutility .addblogcomment textarea { width: 614px; margin: 0; }
.displayutility .addblogcomment .commentsubmit { line-height: normal; text-align: right; padding: 10px 0; }
.displayutility .addblogcomment input { margin: 0; width: 49px; height: 17px; }
.displayutility .addblogcomment input.addcommentsubmit { margin-right: 6px; }

.displayutility hr { margin: 3px 0 13px 0; color: #dcdcdc; background-color: #dcdcdc; height: 1px; border: none; }