/* Global Styles */
html,body { background-color: #9DC759; margin: 0px 0px 0px 0px; }
#pagecontent { width: 800px; height: auto; background-color: white; margin-left: auto; margin-right: auto; margin-top: 20px; }
#pageheader { width: 800px; height: auto; background-image:url(images/header.jpg); background-repeat: no-repeat; }
#headerloginbg { width: 507px; height: 60px; background-image:url(images/loginbg.jpg); background-repeat: no-repeat; margin-left: auto; margin-right: 20px; }
/* 487 */
#signupbtn { float: left; width: 98px; height: 37px; padding-left: 218px; padding-top: 10px; }
#signupbtnimg { width: 98px; height: 37px; border-width: 0px 0px 0px 0px; }
#loginbtn { float: left; width: 88px; height: 37px; padding-left: 5px; padding-top: 10px; }
#loginbtnimg { width: 88px; height: 37px; border-width: 0px 0px 0px 0px; }

#logoutbtn { float: left; width: 86px; height: 35px; padding-left: 5px; padding-top: 10px; }
#logoutbtnimg { width: 86px; height: 35px; border-width: 0px 0px 0px 0px; }

#hcclogo { float: left; width: 226px; height: 136px; padding-left: 10px; }
#hcclogoimg { width: 226px; height: 136px; border-width: 0px 0px 0px 0px; }
#mailinglistbox { float: left; width: 230px; height: 45px; padding-top: 100px; }
#newslettersignupbtn { color: #819F3F; font-weight: normal; font-size: 0.85em; font-family: arial,Arial,helvetica,Helvetica,sans-serif; background-color: white; }
.formcopy { color: black; font-weight: normal; font-size: 0.85em; font-family: arial,Arial,helvetica,Helvetica,sans-serif; }
.aligncenter { text-align: center; }
.aligntop { vertical-align: top; }
.alignright { text-align: right; }
.row { clear: both; }
.nomargins { margin: 0px 0px 0px 0px; }
.copy { color: black; font-weight: normal; font-size: 0.85em; font-family: arial,Arial,helvetica,Helvetica,sans-serif; line-height: 1.6; }
.headercopy { color: black; font-weight: bold; font-size: 1em; font-family: arial,Arial,helvetica,Helvetica,sans-serif; line-height: 1.6; }
.pagepadding { padding: 0px 20px 20px 20px; }
.tinyfrmfield { width: 25px; height: auto; }
.smallfrmfield { width: 75px; height: auto; }
.medfrmfield { width: 200px; height: auto; }
.largefrmfield { width: 550px; height: auto; }
.shaded { background-color: #EEEEEE; }
.white { background-color: white; }

/* Navigation Styles */
#navtable { margin: 5px 20px 5px 20px; }
.tabedge { width: 20px; height: 26px; background-image:url(images/tabedge.jpg); background-repeat: repeat-x; }
.tableft { width: 10px; height: 26px; }
.imgtableft { width: 10px; height: 26px; border-width: 0px 0px 0px 0px; }
.tabright { width: 10px; height: 26px; }
.imgtabright { width: 10px; height: 26px; border-width: 0px 0px 0px 0px; }
.tabmiddle { width: auto; height: 26px; background-image:url(images/tabmiddle.jpg); background-repeat: repeat-x; }
.navlink { color: black; text-decoration: none; font-weight: bold; font-size: 0.8em; font-family: arial,Arial,helvetica,Helvetica,sans-serif; }
.navlink:hover { color: #9DC759; }
.selectednavlink { color: #819F3F; }
.submenubar { width: 760px; height: auto; color: black; font-weight: normal; font-size: 0.85em; font-family: arial,Arial,helvetica,Helvetica,sans-serif; padding-top: 5px; padding-left: 20px; padding-right: 20px; }
.subnavlink { text-decoration: none; line-height: 1.6; color: black; font-weight: normal; font-size: 0.85em; font-family: arial,Arial,helvetica,Helvetica,sans-serif; }

/* Promo Area Styles */
#promobox { float: right; clear: right; width: 273px; height: auto; margin: 0px 0px 10px 10px; }
.promoboxpadding { padding: 5px 10px 10px 10px; }

/* Contact Us Styles */
#contacttable { width: 425px; height: auto; margin-left: auto; margin-right: auto; padding-top: 15px; }

/* Footer Styles */
#footer { width: 760px; height: auto; padding-top: 5px; margin-left: auto; margin-right: auto; }
.footercopy { color: black; font-weight: normal; font-size: 0.7em; font-family: arial,Arial,helvetica,Helvetica,sans-serif; line-height: 1.6; }
.footercopy a { color: black; font-weight: bold; text-decoration: underline; }

/* Sign-up Styles */
#signuptable1 { width: 125px; height: auto; margin-left: auto; margin-right: auto; padding-top: 5px; }
#signuptable2 { width: 300px; height: auto; margin-left: auto; margin-right: auto; padding-top: 5px; }
#signuptable3 { width: 500px; height: auto; margin-left: auto; margin-right: auto; padding-top: 5px; }
#signuptable4 { width: 425px; height: auto; margin-left: auto; margin-right: auto; padding-top: 15px; }
#nextbtn { width: 65px; height: auto; margin-left: auto; margin-right: auto; }
#privacywindow { width: 630px; height: auto; margin-left: auto; margin-right: auto; padding-top: 8px; }

/* Service Provider Search Styles */
#citysearchform { width: 200px; height: auto; margin-left: auto; margin-right: auto; }
#serviceproviderwindowheader { width: 100%; height: auto; background-color: #9DC759; text-align: right; }
#serviceproviderwindowheader a { color: white; text-decoration: none; }
#serviceproviderwindowheader a:hover { color: white; }
#serviceproviderwindowpadding { padding: 8px 8px 8px 8px; }

/* Calculator Styles */
#stresslevelwindowpadding { padding: 16px 16px 16px 16px; }

/* Employee Home Page Styles */
.employeeshadedbox { width: 750px; height: auto; background-color: #EEEEEE; border: 1px solid black; margin-left: auto; margin-right: auto; margin-top: 10px; }
.shadedboxpadding { padding: 8px 8px 8px 8px; }
.healthassessmenttable { width: 575px; height: auto; margin-left: auto; margin-right: auto; }
#activityreporttable { width: 320px; height: auto; margin-left: auto; margin-right: auto; }
.tableborder { border: 1px solid black; }
#calculatorsfloatingbox { float: right; width: 200px; height: auto; border: 1px solid black; background-color: white; }
#serviceproviderfloatingbox { float: right; clear: right; width: 200px; height: auto; border: 1px solid black; background-color: white; margin-top: 10px; }

/* Employer Home Page Styles */
#employerreporttable { width: 430px; height: auto; margin-left: auto; margin-right: auto; }
