@charset "UTF-8";
/* CSS Document */

/*-- browser reset --*/
html, body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, p, th, td { margin: 0; padding: 0; line-height: 1.3; }
img { border: 0; margin: 0; padding: 0;}
html { height: 101%; }

/* layout */
body { background: #00704A;  font-family:Arial, Helvetica, sans-serif; text-align: center; background:  url(http://augusthue.com/images/selah/bg_body.png) repeat;  }
#wrapper { width: 100%; background:  url(http://augusthue.com/images/selah/bg_wrapper.png) top left repeat-x; margin: 0 ; padding: 0; overflow: hidden;  }
#wrapper ul#content { width: 940px; background:  url(http://augusthue.com/images/selah/bg_content.png) top left repeat-y; margin: 0 auto; padding: 0; display: block; list-style: none; overflow: hidden;  }
#wrapper ul#content li { display: block; list-style: none; margin: 0; padding: 0; overflow: hidden;  }
#wrapper ul#content li#header { width: 940px; height: 220px; background:  url(http://augusthue.com/images/selah/bg_header.png) top left no-repeat; margin: 0; padding: 0;  }

#wrapper ul#content li#header h1 { display: block; width: 270px; height: 100px; padding: 20px 650px 40px 20px; margin: 0; overflow: hidden; }
#wrapper ul#content li#header h1 a { display: block; width: 270px; height: 100px; padding: 0; margin: 0; overflow: hidden; text-indent: -9999px; }

/* mainNav */
#wrapper ul#content li#header ul#mainNav { display: block; height: 36px; width: 900px; padding: 2px 20px 2px 20px; overflow: hidden; margin: 0 ;  }
#wrapper ul#content li#header ul#mainNav li { display: block; height: 36px; width: auto; list-style: none; float: left;  }
#wrapper ul#content li#header ul#mainNav li a { display: block; height: 30px; width: auto; text-decoration: none; color: #AAA; font-size: 20px; letter-spacing: 2px; margin: 0; padding: 4px 22px 2px 22px; border-left: 1px solid #DDD; border-right: 1px solid #DDD; }
#wrapper ul#content li#header ul#mainNav li a:hover { text-decoration: none; color: #00704A; background: #E1F1EA; border-left: 1px solid #CCC; border-right: 1px solid #CCC;}

#wrapper ul#content li#header ul#mainNav li.homeBTN a:hover { border-left: none; }

.home #wrapper ul#content li#header ul#mainNav li.homeBTN a,
.home #wrapper ul#content li#header ul#mainNav li.homeBTN a:hover { color: #000; border-left: none; background: #E1F1EA; border-right: 1px solid #CCC; }
.about #wrapper ul#content li#header ul#mainNav li.aboutBTN a,
.about #wrapper ul#content li#header ul#mainNav li.aboutBTN a:hover { color: #000; border-left: none; background: #E1F1EA; border-right: 1px solid #CCC; }
.services #wrapper ul#content li#header ul#mainNav li.servicesBTN a,
.services #wrapper ul#content li#header ul#mainNav li.servicesBTN a:hover { color: #000; border-left: none; background: #E1F1EA; border-right: 1px solid #CCC; }
.facilities #wrapper ul#content li#header ul#mainNav li.facilitiesBTN a,
.facilities #wrapper ul#content li#header ul#mainNav li.facilitiesBTN a:hover { color: #000; border-left: none; background: #E1F1EA; border-right: 1px solid #CCC; }
.contact #wrapper ul#content li#header ul#mainNav li.contactBTN a,
.contact #wrapper ul#content li#header ul#mainNav li.contactBTN a:hover { color: #000; border-left: none; background: #E1F1EA; border-right: 1px solid #CCC; }



/* mainContent */
#wrapper ul#content li#mainContent { width: 940px; height: auto; margin: 0; padding: 0; text-align: justify; overflow: hidden; }
#wrapper ul#content li#mainContent h2 { display: block; width: 860px; padding: 0 40px; margin: 0 0 20px 0; }

.about #wrapper ul#content li#mainContent h2 { margin: 0 0 3px 0; }
#wrapper ul#content li#mainContent div#breadCrumbs { display: block; width: 860px; padding: 0 40px; margin: 0 0 10px 0;}
#wrapper ul#content li#mainContent div#breadCrumbs p { margin: 0; padding: 0; font-size: 14px; }
#wrapper ul#content li#mainContent div#breadCrumbs p a { color: #00704A; text-decoration: none; margin: 0 3px; }
#wrapper ul#content li#mainContent div#breadCrumbs p a:hover { color: #00704A; text-decoration: underline; }

#wrapper ul#content li#mainContent div#breadCrumbs.overview p a.overview { color: #00704A; text-decoration: none; font-weight: 600; margin: 0 3px 0 0; }
#wrapper ul#content li#mainContent div#breadCrumbs.wtf p a.wtf { color: #00704A; text-decoration: none; font-weight: 600; }
#wrapper ul#content li#mainContent div#breadCrumbs.adp p a.adp { color: #00704A; text-decoration: none; font-weight: 600; }
#wrapper ul#content li#mainContent div#breadCrumbs.partners p a.partners { color: #00704A; text-decoration: none; font-weight: 600; }
#wrapper ul#content li#mainContent div#breadCrumbs p a.overview { margin: 0 3px 0 0; }

#wrapper ul#content li#mainContent p { margin: 0 0 20px 0; font-size: 16px; }
#wrapper ul#content li#mainContent a { color: #00704A; text-decoration: none; } 
#wrapper ul#content li#mainContent a:hover { color: #00704A; text-decoration: underline; } 
#wrapper ul#content li#mainContent div.primaryContent { display: block; margin: 0; padding: 0 20px 20px 40px; float: left; height: auto; width: 500px; }
#wrapper ul#content li#mainContent div.secondaryContent { display: block; margin: 0; padding: 0 40px 20px 0; float: left; height: auto; width: 340px; }
#wrapper ul#content li#mainContent div.secondaryContent img { display: block; margin: 0; padding: 0 0 20px 0; float: left; height: auto; width: 340px; }

#wrapper ul#content li#mainContent div.primaryContent.partners { display: block; margin: 0; padding: 0 40px 20px 40px; float: left; height: auto; width: 860px; }
#wrapper ul#content li#mainContent div.secondaryContent.partners { display: none; margin: 0; padding: 0; float: left; height: 0; width: 0;}
#wrapper ul#content li#mainContent div.primaryContent.partners ul.partnersList { display: block; list-style: none; height: auto; width: 860px; padding: 0; overflow: hidden; margin: 0; }
#wrapper ul#content li#mainContent div.primaryContent.partners ul.partnersList li.pDescr { display: block; list-style: none; float: left; clear: left; width: 500px; padding: 0 20px 20px 0; margin: 0; }
#wrapper ul#content li#mainContent div.primaryContent.partners ul.partnersList li.pImage { display: block; list-style: none; float: left; width: 340px; padding: 70px 0 0 0; margin: 0; }

.services #wrapper ul#content li#mainContent div.primaryContent { display: block; margin: 0; padding: 0 20px 20px 40px; float: left; height: auto; width: 600px; }
.services #wrapper ul#content li#mainContent div.secondaryContent { display: block; margin: 0; padding: 0 40px 20px 0; float: left; height: auto; width: 240px; }
.services #wrapper ul#content li#mainContent div.secondaryContent img { display: block; margin: 0 0 20px 0; padding: 0; float: left; height: auto; width: 240px; }

.services #wrapper ul#content li#mainContent div.primaryContent ul.sList { display: block; list-style: none; overflow: hidden; text-align: left; width: 600px; }
.services #wrapper ul#content li#mainContent div.primaryContent ul.sList li { display: block; list-style: none; width: 285px; float: left; padding: 0 0 10px 15px; margin: 0; background: url(http://augusthue.com/images/selah/li_dot.png) 0 4px no-repeat;  }
.services #wrapper ul#content li#mainContent div.primaryContent ul.sList li.sListHeader { display: block; list-style: none; height: auto; width: 600px; padding: 0 0 4px 0; margin: 0 0 10px 0; font-weight: 600; border-bottom: 1px solid #00704A; background: none; color: #00704A; }

.facilities #wrapper ul#content li#mainContent div.primaryContent { display: block; margin: 0; padding: 0 40px 20px 40px; float: left; height: auto; width: 860px; }
.facilities #wrapper ul#content li#mainContent div.secondaryContent { display: none; margin: 0; padding: 0; float: left; height: 0; width: 0;}
.facilities #wrapper ul#content li#mainContent div.primaryContent ul.fList { display: block; list-style: none; height: auto; width: 860px; padding: 0; overflow: hidden; margin: 0; }
.facilities #wrapper ul#content li#mainContent div.primaryContent ul.fList li { display: block; list-style: none; height: auto; margin: 0; float: right;  }
.facilities #wrapper ul#content li#mainContent div.primaryContent ul.fList li.fImg { width: 340px; clear: right; padding: 0 0 40px 0; }
.facilities #wrapper ul#content li#mainContent div.primaryContent ul.fList li.fListHeader { width: 500px; padding: 0 20px 1px 0; font-size: 19px; font-weight: bold; }
.facilities #wrapper ul#content li#mainContent div.primaryContent ul.fList li.fLocation { width: 500px; padding: 0 20px 20px 0; }
.facilities #wrapper ul#content li#mainContent div.primaryContent ul.fList li.fDescr { width: 500px; padding: 0 20px 20px 0; }

#wrapper ul#content li#mainContent div.primaryContent table.contactTable { display: block; border: none; vertical-align: top; width: 500px; padding: 0 0 20px 0; margin: 0; }
#wrapper ul#content li#mainContent div.primaryContent table.contactTable tr { display: block; padding: 0 0 10px 20px; margin: 0; width: 480px; }
#wrapper ul#content li#mainContent div.primaryContent table.contactTable tr td.cTlabel { padding: 0; margin: 0; width: 100px; height: auto; vertical-align: top; }
#wrapper ul#content li#mainContent div.primaryContent table.contactTable tr td.cTdata { padding: 0; margin: 0; width: 380px; height: auto; }

#wrapper ul#content li#mainContent div.primaryContent form#contactForm { width: 480px; display: block; height: auto; margin: 0; padding: 0 0 0 20px; text-align: left; }
#wrapper ul#content li#mainContent div.primaryContent form#contactForm label { display: block; width: 460px; margin: 0; padding: 0 0 5px 0; }
#wrapper ul#content li#mainContent div.primaryContent form#contactForm input {display: block; width: 460px; font-size: 16px; padding: 0; margin: 0 0 10px 0; }
#wrapper ul#content li#mainContent div.primaryContent form#contactForm textarea { display: block; width: 460px; height: 100px; font-size: 16px; padding: 0; margin: 0 0 10px 0 }
#wrapper ul#content li#mainContent div.primaryContent form#contactForm input.submitForm { width: auto; }

/* foot */
#wrapper ul#content li#footer { width: 940px; height: auto; background: url(http://augusthue.com/images/selah/bg_footer.png) bottom left no-repeat; margin: 0; padding: 0 0 30px 0; min-height: 220px;  }
#wrapper ul#content li#footer ul#footNav { display: block; height: auto; width: 860px; padding: 20px 0; margin: 0 auto;  overflow: hidden; }
#wrapper ul#content li#footer ul#footNav li { display: block; height: auto; width: 172px; list-style: none; float: left; text-align: center; font-size: 16px; margin: 0; padding: 0 0 10px 0;  }
#wrapper ul#content li#footer ul#footNav li a { display: inline; text-decoration: none; color: #00704A; }
#wrapper ul#content li#footer ul#footNav li a:hover { text-decoration: underline; }
#wrapper ul#content li#footer ul#footNav li.about3 { width: 429px; }
#wrapper ul#content li#footer ul#footNav li.copyAndInfo { width: 880px; padding-bottom: 0; color: #00704A; }
#wrapper ul#content li#footer ul#footNav li.copyAndInfo a { }
#wrapper ul#content li#footer ul#footNav li.facilitlyHead { width: 600px; padding: 10px 140px 10px 140px; font-weight: 600; font-size: 16px;  color: #00704A; letter-spacing: 1px; border-top: 1px solid #00704A; }
#wrapper ul#content li#footer ul#footNav li.facilitlyList { width: auto; margin: 0 auto; float: none; display: inline-block; padding: 0 10px 10px 10px; }
