body { height: 100%; margin: 0px; padding: 0px; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; }
form { margin: 0px; padding: 0px; }

.form_text { display: block; float: left; width: 180px; font-size: 14px; font-weight: 600; }
.form_button { float: right; margin-top: 20px; background-color: #222222; border: 1px solid white; color: #fff; font-weight: 600; }
.form_button:hover { background-color: #fff; border: 1px solid #808080; color: #000; }
textarea { width: 173px; }
.txtfield { float: left; margin-bottom: 5px; padding: 3px; background-color: #353535; border: 1px solid white; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 600; color: #fff; }
.txtfield:focus { background-color: #fff; border: 1px solid #808080; color: #000; }
#accept { width: 305px; margin: 10px; padding-left: 30px; padding-top: 5px; padding-bottom: 5px; padding-right: 5px;  background: #353535 url(images/accept.gif) 5px center no-repeat; border-width: 1px; border-style: solid; border-color: #fff; font-weight: bolder; }
#reject { width: 305px; margin: 10px; padding-left: 30px; padding-top: 5px; padding-bottom: 5px; padding-right: 5px;  background: #353535 url(images/reject.gif) 5px center no-repeat; border-width: 1px; border-style: solid; border-color: #fff; font-weight: bolder; }

/*Top*/

#portalwrapper { overflow: hidden; }
#wrapper { background: #FFFFFF; position: absolute; z-index: 3; width: 100%; }
#top { height: 98px; width: 100%; background-image: url(main/images/top.gif); background-repeat: repeat-x; }
#logo { position: absolute; z-index: 3; height: 72px; width: 360px; margin-left: -355px; left: 50%; background-image: url(main/images/logo.gif); background-repeat: no-repeat; }

/*Menu*/

#topmenu { position: absolute; z-index: 3; height: 28px; width: 780px; margin-left: -334px; margin-top: 75px; left: 50%; }
#hometop { position: relative; z-index: 4; float: left; height: 23px; width: 51px; margin-top: -5px; margin-right: 67px; }
#hometop a { display: block; height: 18px; width: 51px; margin-top: 5px; background-image: url(main/images/hometop.gif); background-position: 0px -28px; background-repeat: no-repeat; }
#hometop a:hover { display: block; height: 28px; margin-top: 0px; background-position: 0px 0px; }
#about, #businesstab, #contact, #features, #jointab, #personaltab { position: relative; z-index: 4; float: left; height: 18px; margin-right: 67px; }
#about { width: 87px; }
#businesstab { width: 79px; }
#contact { width: 77px; }
#features { width: 81px; }
#jointab { width: 88px; }
#personaltab { width: 78px; }
#about a, #businesstab a, #contact a, #features a, #jointab a, #personaltab a { display: block; height: 18px; margin-top: 5px; background-position: 0px -28px; background-repeat: no-repeat; }
#about a { background-image: url(main/images/aboutus.gif); }
#businesstab a { background-image: url(main/images/business_tab.gif); }
#contact a { background-image: url(main/images/contact_tab.gif); }
#features a { background-image: url(main/images/features.gif); }
#jointab a { background-image: url(main/images/join.gif); }
#personaltab a { background-image: url(main/images/personal_tab.gif); }
#about a:hover, #businesstab a:hover, #contact a:hover, #features a:hover, #jointab a:hover, #personaltab a:hover { position: relative; z-index: 4; display: block; height: 28px; margin-top: -5px; background-position: 0px 0px; }

/*Left*/

#palebar { height: 160px; padding-top: 133px; }
#palea { position: absolute; z-index: 1; float: left; height: 160px; width: 100px; margin-left: -480px; left: 50%; background: url(images/pale_bar_end.png); }
#paleb { position: relative; z-index: 1; float: left; height: 160px; width: 100%; margin-left: -380px; left: 50%; background: url(images/pale_bar.png) repeat-x; }
#portalmain { position: relative; z-index: 2; width: 960px; margin-left: -480px; top: -90px; left: 50%; }
#selcounty { position: absolute; z-index: 3; height: 12px; width: 147px; left: 269px; top: -50px; }
#advert a { position: absolute; z-index: 5; display: block; height: 213px; width: 212px; top: 200px; background-image: url(images/advert.jpg); }
#map { position: absolute; float: left; height: 577px; width: 366px; left: 165px; top: -14px; }

/*Right*/

#portalmenu { position: relative; float: left; height: 730px; width: 278px; left: 645px; top: -90px; background: #fff; border: 1px solid #ccc; font-family: Georgia; }
#portalmenu a { color: #62A9D3; text-decoration: none; }
#portalmenu a:hover { text-decoration: underline; }
#countyinfo { margin-left: 9px; margin-top: 9px; margin-right: 9px; }
#portalmenufold { position: absolute; z-index: 2; height: 75px; width: 75px; left: -1px; top: -2px; background: url(images/fold.png); }
#portalmenutop { position: relative; z-index: 1; height: 98px; width: 262px; top: 5px; margin-left: 9px; margin-bottom: 10px; background: #f7f7e1; border-top: 1px solid #d2d2b7; border-bottom: 1px solid #d2d2b7; }
#portalhead h1 { position: relative; z-index: 3; height: 98px; width: 262px; margin: 0px; margin-left: 10px; margin-top: -98px; text-align: center; font-size: 16px; line-height: 98px; vertical-align: middle; }
#portalmenu h2 { margin: 5px; padding: 5px; _margin: 0px; _padding: 0px; margin-left: 9px; margin-right: 9px; font-size: 14px; }
#h2_rev { height: 16px; text-indent: 25px; background: url(main/images/reviews.gif) no-repeat; }
#h2_jobs { height: 16px; text-indent: 25px; background: url(main/images/job.gif) no-repeat; }
#h2_events { height: 16px; text-indent: 25px; background: url(main/images/events.gif) no-repeat; }
#h2_accred { height: 16px; text-indent: 25px; background: url(main/images/accreditations.gif) no-repeat; }
#h2_women { height: 16px; text-indent: 25px; background: url(main/images/female.gif) no-repeat; }
#portalmenu h3 { margin-left: 9px; margin-right: 9px; font-size: 12px; font-weight: normal; }
.dots { height: 15px; margin-left: 9px; margin-right: 9px; background-image: url(main/images/dots.gif); background-position: center; background-repeat: repeat-x; }
#banner { position: absolute; height: 67px; width: 388px; top: 705px; left: -54px; }

/*Bottom*/

#extrainfo { position: absolute; width: 100%; top: 850px; background: #222222 url(images/extra_info.jpg) repeat-x; }
#extraholder { position: relative; width: 820px; margin-left: -390px; margin-top: 20px; left: 50%; }
#extraleft { float: left; width: 365px; margin-left: 10px; margin-top: 1px; color: #fff; padding-right: 20px; padding-bottom: 20px; border-right: 3px solid #ccc; }
#extraright { float: left; width: 365px; margin-left: 20px; margin-right: 10px; color: #fff; }
#extraleft h1, #extraright h1 { margin:0px; padding: 0px; font-size: 24px; font-variant: small-caps; }
#extraleft h2, #extraright h2 { margin:0px; padding: 0px; font-size: 12px; color: #ccc; }
#extraleft h3, #extraright h3 { margin:0px; padding: 0px; margin-top: 15px; margin-bottom: 15px; font-size: 18px; color: #eee; }
#extraleft h4 { float: left; width: 307px; margin:0px; padding: 0px; font-size: 12px; text-align: justify; }
#extraright h4 { float: left; margin:0px; padding-bottom: 10px; font-size: 13px; text-align: justify; }
.extraborder { position: relative; clear: both; width: 365px; top: 10px; margin-bottom: 20px; border-top: 3px solid #ccc; }
.contentico, .accredico, .referralico, .searchico, .catico, .revico, .eventsico, .jobsico, .psmico, .womenico { float: left; height: 48px; width: 48px; margin-right: 10px; background-image: url(images/icon.gif); }
.contentico { background-image: url(images/content.gif); }
.accredico { background-image: url(images/accreditations.gif); }
.referralico { background-image: url(images/referral.gif); }
.searchico { background-image: url(images/search.gif); }
.catico { background-image: url(images/categories.gif); }
.revico { background-image: url(images/reviews.gif); }
.eventsico { background-image: url(images/events.gif); }
.jobsico { background-image: url(images/jobs.gif); }
.psmico { background-image: url(images/psm.gif); }
.womenico { background-image: url(images/women.gif); }

/*Classes*/

.clear { clear: both; }
.drop { width: 182px; margin-bottom: 5px; padding: 1px; background-color: #353535; border: 1px solid white; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 600; color: #fff; }
.drop:focus { background-color: #fff; border: 1px solid #808080; color: #000; }
.secimg { float: right; margin-right: 5px; }

/*IE Fixes*/

#selcounty { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/select.png', sizingMethod='crop'); }
html>body #selcounty { background: url(images/select.png); }
#banner { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/banner.png', sizingMethod='crop'); }
html>body #banner { background-image: url(images/banner.png); }

/*Opera Fixes*/

@media all and (min-width: 0px){ #portalmenu { top: -200px; } }