/* ----------------------------------------------------------
title: ECPC (master style sheet)

created: 1/21/10
last updated: 2/10/10
---------------------------------------------------------- */
html {
    height: 100%;
    background: #c1b1a6;
    }

body {
    float: left;
    width: 100%;
    height: 100%;
    color: #52453b;
    font-family: "Helvetica Neue", Helvetica;    
    }

#body {
    float: left;
    width: 100%;
    height: 100%;
    background: url(img/bg-tile.jpg) repeat-x center top;
    }

#body-inner-wrap {
    float: left;
    width: 100%;
    min-height: 100%;
    background: url(img/bg.jpg) no-repeat center top;
    }
    
#homePage #body-inner-wrap { background: url(img/bg-home.jpg) no-repeat center top; }


/* links  */
a:link,
a:visited {
    color: #2773a3;
    text-decoration: underline;
    }

#content a:link,
#content a:visited {
    font-weight: bold;
    }

a:hover {
    color: #226088;
    }

a:active {}



/* =Page structure
---------------------------------------------------- */
#top-bar,
#header,
#feature,
#content,
#footer {
    margin:auto;text-align:left; /* leave unchanged */
    width: 960px;
    min-width: 750px;/* optional but recommended */
    padding: 0;
    }
    
#top-bar-wrap,
#header-wrap,
#feature-wrap,
#content-wrap,
#content-inner-wrap,
#footer-wrap {
    float: left;
    clear: both;
    width: 100%;
    }


#content-main {
    float: left;
    width: 690px;
    min-height: 400px;
    margin: 0;
    padding: 0 0 0 20px;
    }

#content-sub {
    float: right;
    width: 210px;
    margin: 0;
    padding: 0 20px 0 0;
    }


/* Home Page */
#homePage #content-group {
    float: left;
    width: 620px;
    }

#homePage #content-main {
    float: right;
    width: 300px;
    padding: 0;
    min-height: 170px;
    }

#homePage #content-sub {
    float: left;
    width: 300px;
    padding: 0;
    min-height: 170px;
    }
    
#homePage #content-extra {
    float: right;
    width: 300px;
    padding: 0;
    min-height: 170px;
    }    
    

.oneCol #content-main {
    float: left;
    width: 920px;
    padding: 20px 20px 0;
    }


/* =Header
---------------------------------------------------- */
#header-wrap {
    min-height: 179px;
    }


#header { position: relative; }



#top-bar-wrap {
    display: none;
    padding-top: 20px;
    padding-bottom: 20px;
    background: #302116;
    }

#top-bar {
    min-height: 260px;
    color: #cab59c;
    font-size: 116%;
    }

#top-bar strong {
    color: #eadfd2;
    }

#top-bar a,
#top-bar h2 {
    color: #fff;
    }

.ajax-error {
    display: block;
    margin: 40px auto;
    padding: 0 0 0 40px;
    padding: 30px 200px;
    font-size: 153.9%;
    background: #473225 url(img/ajax-error.gif) no-repeat 30px 25px;
    }

.ajax-error h2 {
    color: #e2d4c3;
    }
    




    
#identity {
    float: left;
    width: 179px;
    height: 179px;
    margin: 0;
    padding: 0;
    }
    
#identity strong,
#identity a {
    display: block;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
    outline: none;
    background: url(img/logo-web.png) no-repeat 0 0;
    }

.util-nav {
    float: right;
    margin: 0 0 53px;
    padding: 10px 6px;
    background: rgb(74,53,39);
    background: rgba(74,53,39,0.73);
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    }

.util-nav li {
    display: inline;
    list-style: none;
    margin: 0;
    padding: 8px 15px;
    color: #a0b942;
    font-size: 93%;
    font-family: "Gill Sans";
    font-weight: bold;
    font-style: italic;
    }

.util-nav li a {
    color: #d0c4b3;
    text-decoration: none;
    }

.util-nav li a:hover {
    color: #efe7dc;
    text-decoration: underline;
    }


/* =Nav
---------------------------------------------------- */
#nav {
    position: relative;
    float: right;
    clear: right;
    width: 730px;
    margin: 0;
    padding: 16px 20px 0;
    background: rgb(179,199,189);
    background: rgba(179,199,189,0.57);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    z-index: 9999;
    }

.primary-nav {
    float: left;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    }

.primary-nav li {
    position: relative;
    float: left;
    height: 21px;
    margin: 0;
    padding: 0 0 16px 6px;
    list-style: none;
    font-weight: normal;
    }

.primary-nav li a {
    display: block;
    line-height: 1em;
    margin: 0;
    padding: 0 18px 0;
    color: #18384e;
    font-family: "Gill Sans";
    font-size: 161.6%;
    font-weight: normal;
    text-decoration: none;
    outline: none;
    }

.primary-nav li a:hover {
    color: #fff;
    }


.primary-nav li.selectedPage a,
.primary-nav li.selectedPageRoot a {
    color: #fff;
    }


.primary-nav li:hover,
.primary-nav li.sfHover,
.primary-nav li:hover a,
.primary-nav li.sfHover a,
.primary-nav li a:focus, 
.primary-nav li a:hover, 
.primary-nav li a:active {
    color: #fff;
    }



/* second layer */
.primary-nav li:hover ul.level2, 
.primary-nav li:focus ul.level2, 
.primary-nav li.sfHover ul.level2 {
    display: block;
    }

.primary-nav li ul.level2 {
    display: none;
    position: absolute;
    z-index: 3;
    left: -1px;
    top: 37px;
    margin: 0;
    padding: 10px 0;
    font-size: 85%;
    color: #333;
    border-top: none;
    background: rgb(140,123,111) url(img/nav-pointer.png) no-repeat 23px 0;
    background: rgba(140,123,111,0.82) url(img/nav-pointer.png) no-repeat 23px 0;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    }

.primary-nav li ul.level2 li,
.primary-nav li.hasChildren ul.level2 li {
    float: none;
    height: auto;
    margin: 0;
    padding: 5px 10px;
    background: none;
    }        

.primary-nav li ul.level2 li a,
.primary-nav li.hasChildren ul.level2 li a {
    color: #fff;
    width: 10em;
    margin: 0;
    padding: 6px 10px;
    font-weight: normal;
    text-transform: none;
    border: none;
    background: none;
    }                        

.primary-nav li ul.level2 li a:hover,
.primary-nav li ul.level2 li.selectedPage a,
.primary-nav li ul.level2 li.selectedPageParent a,
.primary-nav li ul.level2 li.selectedPagePath a {
    color: #2b1d13;
    }    


    
/* level 3+ flyout navigation */
.primary-nav ul.level3, 
.primary-nav ul.level4 {
    display: none;
    }








/* secondary */
#content .secondary-nav {
    min-height: 200px;
    margin: 0 0 20px;
    padding: 0 0 10px;
    background: rgb(255,252,251);
    background: rgba(255,252,251,0.46);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    }

#content .secondary-nav li {
    padding: 12px 10px 0 10px;
    list-style: none;
    border-bottom: 1px solid #e3dcd8;
    }


#content .secondary-nav li a {
    display: block;
    height: 100%;
    padding: 6px 27px 15px;
    font-size: 146.5%;
    color: #977b66;
    font-weight: bold;
    text-decoration: none;
    background: url(img/blue-arrow.gif) no-repeat 9px 13px;
    }


#content .secondary-nav li a:hover {
    color: #735c4a;
    text-decoration: none;
    }

#content .secondary-nav li.selectedPage a,
#content .secondary-nav li.selectedPageParent a,
#content .secondary-nav li.selectedPagePath a  {
    color: #52453b;
    background: url(img/brown-arrow.gif) no-repeat 9px 13px;
    }

#content .secondary-nav li.selectedPage ul,
#content .secondary-nav li.selectedPageParent ul,
#content .secondary-nav li.selectedPagePath ul {
    margin: 0 0 0 12px;
    }

#content .secondary-nav li.selectedPage ul li,
#content .secondary-nav li.selectedPageParent ul li,
#content .secondary-nav li.selectedPagePath ul li {
    margin: 0 0 0 10px;
    padding: 5px 0 0;
    list-style: disc;
    color: #342419;
    border: none;
    }


#content .secondary-nav .level2 {
    display: none;
    }

    
    
    

/* breadcrumb nav */
.breadcrumb-nav {
    float: left;
    clear: both;
    width: 920px;
    margin: 0 0 1em;
    padding: 0 20px 10px;
    font-size: 93%;
    font-weight: normal;
    color: #1a3951;
    background: rgb(140,123,111);
    background: rgba(140,123,111,0.15);
    }

.breadcrumb-nav a {
    color: #1a3951;
    text-decoration: none;
    }

.breadcrumb-nav a:hover {
    color: #1a3951;
    text-decoration: underline;
    }

.breadcrumb-nav span {
    color: #1a3951;
    padding: 3px;
    }


/* =Content
---------------------------------------------------- */
#content-wrap {
    padding: 0 0 20px;
    }
    
    
#content {
    }

#homePage #content { 
    width: 940px;
    min-height: 0;
    padding: 0 10px;
    background: none;
    }

#content-inner-wrap {
    padding: 0 0 20px;
    min-height: 400px;
    background: rgb(231,224,219);
    background: rgba(231,224,219,0.82);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    }



#content #page-title {
    margin: 0;
    padding: 10px 20px 5px;
    font-size: 300%;
    line-height: 1em;
    font-family: "Gill Sans";
    font-weight: normal;
    color: #52453b;
    background: rgb(140,123,111);
    background: rgba(140,123,111,0.15);
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    }


#content .title {
    margin: .5em 0;
    font-size: 197%;
    }
    
#content .title a {color: #000;}

#content .title em,
#content .title em a {
    font-style: italic;
    color: #000;
    }


#content .blogList ul,
#content .eventsList ul {
    margin: 1em;
    }

#content .blogList ul li,
#content .eventsList ul li {
    list-style: none;
    padding: 6px 0 6px 20px;
    }

#content .blogList ul li .postTitle,
#content .blogList ul li .postTitle a,
#content .eventsList ul li a {
    margin: 0;
    text-decoration: none;
    color: #2773A3;
    font-weight: bold;
    }

#content .eventsList ul li a {font-size: 161.6%;}


#content .postInfo {
    color: #52453B;
    font-size: 93%;
    }

#content .rss { display: none; }

    


#content h1 {
    font-size: 182%;
    }
    
#content h2 {
    font-size: 161.6%;
    }

#content h3 {
    font-size: 146.5%;
    }    
    
#content h4 {
    font-size: 123.1%;
    }

#content h1, 
#content h1 a,
#content h2, 
#content h2 a, 
#content h3, 
#content h3 a, 
#content h4, 
#content h4 a {
    font-weight: bold;
/*     color: #000; */
    }

#content h1 a:hover,
#content h2 a:hover,
#content h3 a:hover,
#content h4 a:hover {
    color: #7c644c;
    }


div.comments dl {
    margin: 0;
    padding: 0;
    }

div.comments dl dd {
    margin: 0 0 1em;
    }

div.comments dl dt.comment {
    border-bottom: 1px solid #d3cabe;
    }
    
div.comments dl dt.comment,
div.comments dl dd.comment {    
    background: none;    
    }

div.comments dl dt.alternate {
    border-bottom: 1px solid #ccc6be;
    }

div.comments dl dt.alternate,
div.comments dl dd.alternate {
    background: none;
    }




/* =Footer
---------------------------------------------------- */    
#footer-wrap {
    padding: 25px 0 30px;
    background: url(img/footer-bg.png) no-repeat center top;
    }
    
#footer {
    min-height: 80px;
    padding: 0;
    color: #6f6258;
    font-size: 116%;
    font-weight: normal;
    font-family: "Gill Sans";
    }

#footer a {
    color: #6f6258;
    text-decoration: none;
    }

#footer a:hover {
    color: #453124;
    text-decoration: underline;
    }

#footer #f-eccs,
#footer #f-facebook,
#footer #f-boyscouts {
    float: left;
    margin: 0 22px 0 0;
    display: block;
    width: 83px;
    height: 83px;
    text-indent: -9999px;
    background: url(img/eccs.png) no-repeat left top;
    outline: none;
    }
    
#footer #f-boyscouts { background: url(img/bsa.png) no-repeat left top; }

#footer #f-facebook { 
    float: right;
    margin: 0;
    background: url(img/facebook.png) no-repeat left top; 
    }
    


#footer #copyright {
    float: left;
    margin: 0;
    padding: 20px 0 0 10px;
    }

#design-meta {
    display: block;
    padding: 5px 0 0;
    }    
    
#discoverSky { padding: 0; }


    
/* =Home
---------------------------------------------------- */    
#feature {
    position: relative;
    height: 385px;
    margin: 0 auto 31px;
    padding: 0;
    overflow: hidden;
    }

#feature-content {
    position: relative;
    float: left;
    width: 731px;
    height: 384px;
    overflow: hidden;
    }
    
#feature-content #feature-0,
#feature-content #feature-1,
#feature-content #feature-2,
#feature-content #feature-3 {
    position: absolute;
    left: 0;
    top: 0;
    width: 731px;
    height: 384px;
    z-index: 1;
    background: #000;
    }
    
#feature-content #feature-0 {z-index: 99;}
#feature-content #feature-2 {z-index: 2;}
#feature-content #feature-3 {z-index: 3;}

.feature-nav {
    float: right;
    width: 209px;
    margin: 0;
    padding: 0 20px 0 0;
    }

.feature-nav li {
    margin: 15px 0 0;
    list-style: none;
    }

.feature-nav a {
    display: block;
    padding: 16px 20px 16px 28px;
    font-size: 300%;
    line-height: 1.1em;
    font-family: "Gill Sans";
    text-decoration: none;
    color: #a8a69b;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    outline: none;
    }

.feature-nav a:hover {
    color: #d2d0c5;
    }

.feature-nav .activeFeature a {
    color: #fff;
    background: #302116;
    }


/* =Inside
---------------------------------------------------- */    
    


/* =Admin
---------------------------------------------------- */    
#adminPage #content #content-main {
    float: left;
    width: 920px;
    margin: 0;
    padding: 20px 20px 0;
    }


/* =Search
---------------------------------------------------- */
.search {
    float: right;
    width: 169px;
    height: 24px;
    margin: 0;
    padding: 5px 0 0 10px;
    }

.search label {
    float: left;
    width: 1px;
    height: 1px;
    text-indent: -9999px;
    }

.search .searchInput {
    float: left;
    width: 105px; /* 111 */
    height: 18px; /* 24 */
    margin: 0;
    padding: 3px;
    border: none;
    color: #fff;
    letter-spacing: 1px;
    font-weight: bold;
    background: url(img/search-input.png) no-repeat left top;
    }
    
.search .searchButton {
    float: right;
    width: 57px;
    height: 0;
    padding-top: 24px;
    border: none;
    cursor: pointer;
    background: url(img/search-btn.png) no-repeat left top;    
    }


/* =Form
---------------------------------------------------- */
.form_container {
    padding: 5px;

    }


.formHeader h2,
.formHeader p {
    margin: 0;
    padding: 0;
    }

.fieldItem,
.fieldItemInner {
    padding: 0 !important;
    }


#content .fieldItem .fieldTitle {
    /* border-bottom: 1px solid #b3a278; */
    }


#content .fieldItem .fieldContent {
    
    }

#content .fieldItem .fieldRow {
    
    }
    
#content .type-address .fieldRow {
    
    }

#content .fieldItem .title {
    font-size: 116%;
    letter-spacing: normal;
    border: none;
    }

#content .type-sectionbreak .fieldTitle {
    display: block;
    }
    
#content .type-sectionbreak .fieldTitle .title {
    letter-spacing: normal;
    font-size: 146.5%;
    }

.fieldSelected {
    
    }

.fieldItem .fieldNote {
    }


.choice-option label {
    display: inline;
    padding: 0 0 0 5px;
    }


#content .submitButtonContainer {
    
    }

#content .submitButtonContainer .submitButton {
        
    }
    
#content .fieldItem {
    border: none;
    }

#content .fieldSelected {
    border: none;
    background: none;
    }

.formHeader .formDescription {
    margin: 0 0 1em;
    }



#homePage .medField textarea.textField {
    width:180px;
    }


div.commentsForm input.submitComment {
    margin-top: 1em;
    width: auto;
    }


/* =Tables
---------------------------------------------------- */



/* =Microformats
---------------------------------------------------- */



/* =CMS
---------------------------------------------------- */    
.sldw_prev a {
    left: 1% !important;
    outline: none;
    width: 30px !important;
    height: 30px !important;
    background: url(img/rotator-arrow-left.png) no-repeat left top;
    }

.sldw_next a {
    right: 1% !important;
    outline: none;
    width: 30px !important;
    height: 30px !important;
    background: url(img/rotator-arrow-right.png) no-repeat left top;
    }
    
.sldw_prev a:hover {background: url(img/rotator-arrow-left-over.png) no-repeat left top;}
.sldw_next a:hover {background: url(img/rotator-arrow-right-over.png) no-repeat left top;}

#content .sldw_caption {
/*     background:transparent url(img/blue-65.png) repeat 0 0; */
    }
        
#content .sldw_caption h3 {
    color: #fff;
    font-size: 123.1%;
    margin: 0;
    padding: 12px;
    text-decoration: none;
    }


#frm {
    height: 100%;
    }
    
.RadWindow th,
.RadWindow td,
.RadEditor th,
.RadEditor td {
    border: 0;
    }


#tree-div ul li { 
    padding-bottom: 0;
    }



/* <textEditor> */
.imgspacing-upperleft { 
    float: left; 
    margin: 0 10px 5px 0;
    }
.imgspacing-upperright { 
    float: right; 
    margin: 0 0 5px 10px; 
    } 
.imgspacing-midleft { 
    float: left; 
    margin: 5px 10px 5px 0; 
    } 
.imgspacing-midright { 
    float: right; 
    margin: 5px 0 5px 10px; 
    } 
.imgspacing-lowleft { 
    float: left; 
    margin: 5px 10px 0 0; 
    } 
.imgspacing-lowright { 
    float: right; 
    margin: 5px 0 0 10px; 
    }
/* </textEditor> */




/* Calandar */
.eventsCalendar table {
    border: none !important;
    width: 100%;
    border-collapse: collapse;
    }
    
.eventsCalendar table td {    
    border-color: #333;
    }

.eventsCalendar td {padding: 0;}
    
.eventsCalendar table tr td {
    background: #523a2a !important;
    }
    


.eventsCalendar table table {
    margin: 0 !important;
    }
    
.eventsCalendar table table tr td {
    font-size: 116% !important;
    background: none !important;
    }    
    
.eventsCalendar table table tr td a {
    font-size: 80% !important;
    }    
    
    
.eventsCalendar table .calendarDay, 
.eventsCalendar table .calendarToday, 
.eventsCalendar table .calendarDayHeader, 
.eventsCalendar table .calendarTitle td, 
.eventsCalendar table .calendarWeekendDay, 
.eventsCalendar table .calendarOtherMonthDay   {
    padding: 10px 4px;
    border: 1px solid #bbb;
    }

.eventsCalendar table table, .eventsCalendar table table td {
    border: none;
    width: 100%;
    border-collapse: collapse;
    }
    
.eventsCalendar table tr td.calendarTitle td {
    text-align: center;
    background: #dadada !important;
    color: #333;
    font-weight: normal;
    padding: 6px 4px;
    text-transform: uppercase;
    }

.calendarNextPrevious {
    font-weight: normal;
    }

.calendarNextPrevious a {
    color: #fff !important;
    font-weight: normal;
    text-decoration: none;
    }

.calendarNextPrevious a:hover {
    text-decoration: underline;
    }


.calendarDayHeader {
    color: #523a2a;
    font-weight: normal;
    height:1px;
    padding:4px 2px;
    text-align:center;
    border: 1px solid #000 !important;
    text-transform: uppercase;
    background: #ac957d;
    }


.eventsCalendar table tr td.calendarDay {
    color: #777;
    background: #fff !important;
    }

.calendarDay a {
    color: #4284ab;
    }

.eventsCalendar table tr td.calendarToday, 
.calendarToday a {
    color: #19394f;
    background: #7da596 !important;
    }


.eventsCalendar table tr td.calendarWeekendDay {
    color: #777;
    background: #fff !important;
    }

.calendarWeekendDay a {
    color: #97958a;
    }
    
.eventsCalendar table tr td.calendarOtherMonthDay {
    color: #bbb;
    background: #f5f5f5 !important;
    }
    
.calendarWeekendDay,
.calendarDay,
.calendarOtherMonthDay,
.calendarToday {
    vertical-align: top;
    text-align: left;
    }

    
/* =Misc
---------------------------------------------------- */
.hide {display:none !important;}

.clear {clear:both !important;}

#accessibility {
    position: absolute;
    top: -9999px;
    left: 0; /* IE */
    font-size: 1px;
}
#poweredBy {
  float: right;
  margin: 0px 30px 5px 0px;
}

#poweredBy img {
  border: none 0px;
}