/* Element Styles */
body { margin: 0; padding: 0; font-size: 10pt; font-family: Verdana, Arial, Helvetica, Sans-Serif; color: #4e391f; text-align: center; background: #f7f0e0 url(/images/bgbg.gif) repeat-x; }
input, button, textarea, select, option, fieldset, legend, table, td { font-size: 10pt; font-family: Verdana, Arial, Helvetica, Sans-Serif; }
input.button, button { cursor: pointer; }
* html input.button, * html button { cursor: hand; }
a { outline: none; color: #d43f0b; text-decoration: underline; }
a:hover { outline: none; color: #02728f; text-decoration: underline;  }
a img { border: 1px solid #d43f0b; }
a:hover img { border: 1px solid #02728f; }

/* Template Styles */
#wrapper { width: 995px; margin: 0 auto; }
#header { display: block; height: 225px; padding: 0 25px 0 20px; background: url(/images/img01.gif) no-repeat center top; }
#header #logo { display: block; padding-top: 25px; }
#header #logo a { display: block; height: 150px; }
#header #logo a span { display: none; }
#page { display: block; min-height: 1%; background: url(/images/img02.png) repeat-y left top; }
* html #page { height: 1%; }
#page-bg { display: block; }
#left { float: left; clear: left; display: inline; width: 168px; margin: 0 0 0 20px; }
ul#nav { width: 168px; margin: 0; padding: 0; list-style: none; }
ul#nav li { float: left; display: inline; clear: both; width: 168px; height: 41px; margin: 0; padding: 0; background-repeat: no-repeat; }
ul#nav li a { display: block; height: 41px; background-position: 0px 41px; background-repeat: no-repeat; }
ul#nav li a:hover, ul#nav li a.selected { background-position: 0px 0px; }
ul#nav li a span { display: none; }
ul#nav li#nav-home { background-image: url(/images/bt_home_off.jpg); }
ul#nav li#nav-home a { background-image: url(/images/bt_home_on.jpg); }
ul#nav li#nav-about { background-image: url(/images/bt_about_off.jpg); }
ul#nav li#nav-about a { background-image: url(/images/bt_about_on.jpg); }
ul#nav li#nav-staff { background-image: url(/images/bt_staff_off.jpg); }
ul#nav li#nav-staff a { background-image: url(/images/bt_staff_on.jpg); }
ul#nav li#nav-links { background-image: url(/images/bt_links_off.jpg); }
ul#nav li#nav-links a { background-image: url(/images/bt_links_on.jpg); }
ul#nav li#nav-news { background-image: url(/images/bt_news_off.jpg); }
ul#nav li#nav-news a { background-image: url(/images/bt_news_on.jpg); }
ul#nav li#nav-events { background-image: url(/images/bt_events_off.jpg); }
ul#nav li#nav-events a { background-image: url(/images/bt_events_on.jpg); }
ul#nav li#nav-videos { background-image: url(/images/bt_videos_off.jpg); }
ul#nav li#nav-videos a { background-image: url(/images/bt_videos_on.jpg); }
ul#nav li#nav-photos { background-image: url(/images/bt_photos_off.jpg); }
ul#nav li#nav-photos a { background-image: url(/images/bt_photos_on.jpg); }
ul#nav li#nav-forms { background-image: url(/images/bt_forms_off.jpg); }
ul#nav li#nav-forms a { background-image: url(/images/bt_forms_on.jpg); }
ul#nav li#nav-location { background-image: url(/images/bt_location_off.jpg); }
ul#nav li#nav-location a { background-image: url(/images/bt_location_on.jpg); }
ul#nav li#nav-contact { background-image: url(/images/bt_contacts_off.jpg); }
ul#nav li#nav-contact a { background-image: url(/images/bt_contacts_on.jpg); }
#donate { display: block; width: 168px; height: 206px; margin-top: 30px; background: url(/images/donate.gif) no-repeat center top; }
#address { display: block; width: 168px; padding: 105px 0 15px 0; font-size: 7.5pt; line-height: normal; color: #d3b291; text-align: center; background: url(/images/saclogo.gif) no-repeat center top; }
#right { float: left; display: inline; width: 782px; min-height: 869px; margin-left: 1px; text-align: left; background: #fff; }
* html #right { height: 872px; }
#main { float: left; clear: left; display: inline; /*width: 581px;*/ width: 778px; min-height: 55px; margin-left: 2px; background: url(/images/fadetop.png) repeat-x center top; }
#sidebar { float: right; clear: right; /*display: inline;*/ display: none; width: 195px; min-height: 55px; margin-right: 2px; background: url(/images/fadetop.png) repeat-x center top; }
#main .content { display: block; padding: 10px 15px 10px 16px; }
#sidebar .content { display: block; padding: 10px; }
#mainother { float: left; clear: left; display: inline; width: 731px; min-height: 55px; margin-left: 2px; background: url(/images/fadetop.png) repeat-x center top; }
#mainother .content { display: block; padding: 10px 15px 10px 16px; }
* html #main, * html #sidebar, * html #mainother { height: 55px; }
#footer { display: block; height: 70px; font-size: 7.5pt; color: #c93; background: url(/images/img04.png) no-repeat left top; }
#footer a { color: #fff; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer .footerlinks { display: block; margin: 0; padding: 5px 0 0 0; color: #fff; text-align: center; }
#footer .copyright { display: block; margin: 0; padding: 21px 0 0 0; text-align: center; }

/* General Classes */
.clear { display: block; clear: both; height: 1px; line-height: 1px; font-size: 1px; }
#sidebar .clear { height: 22px; line-height: 22px; }
.clearline { display: block; clear: both; height: 10px; line-height: 10px; font-size: 1px; }
.pageTitle { margin: 0; padding: 0 0 20px 0; font-size: 30px; font-weight: normal; color: #d74701; }
.pageContent {  }
.pageContent p { margin: 10pt 0; padding: 0; }
#contactForm { display: block; margin: 0 20px; padding: 0; }
#contactForm .formcontainer { width: 600px; text-align: left; }
#contactForm .fieldname { width: 23%; margin: 0; float: left; clear: left; display: inline; text-align: left; font-weight: bold; height: 15px; line-height: 15px; }
#contactForm .field { width: 75%; margin: 0; float: right; clear: right; display: inline; }
#contactForm .input { width: 245px; margin: 0; padding: 0; border-top: 1px solid #abadb3; border-right: 1px solid #dbdfe6; border-left: 1px solid #dbdfe6; border-bottom: 1px solid #e3e9ef; }
#contactForm textarea.input { height: 75px; margin: 0; padding: 0; }
#contactForm #validationImage { width: 245px; height: 50px; border: 1px solid #aaa; }
.dfi-clearline1 { display: block; clear: both; font-size: 1px; height: 1px; line-height: 1px; }
.dfi-clearline3 { display: block; clear: both; font-size: 1px; height: 3px; line-height: 3px; }
.dfi-clearline5 { display: block; clear: both; font-size: 1px; height: 5px; line-height: 5px; }
.dfi-clearline10 { display: block; clear: both; font-size: 1px; height: 10px; line-height: 10px; }
.dfi-clearline35 { display: block; clear: both; font-size: 1px; height: 35px; line-height: 35px; }
.dfi-description { color: #333; margin-left: 10px; margin-right: 10px; }
.dfi-requirednotice { font-size: 92%; display: block; color: #444; font-style: italic; padding: 3px 10px; }
.dfi-requiredindicator { font-size: 92%; font-weight: bold; color: #b02b2c; }
.dfi-notrequiredindicator { visibility: hidden; }
.dfi-securitynote { display: block; font-size: 85%; color: #444; padding: 1px 0; }
.dfi-response { display: block; }
.dfi-response p { margin-top: 0; margin-bottom: 11px; }
.dfi-button { background-color: #a9291c; border-color: #bf5f55; border-width: 1px; color: white; font-weight: bold; width: auto; margin: 5px 0; padding: 3px 10px; overflow: visible; cursor: pointer; }

/* Page Specific - coded to take lowercase "strNavPage" variable and prefix "pg-" to it */
body.pg-home #main { width: 581px; }
body.pg-home #sidebar { display: inline; }
body.pg-home #main .welcome { display: block; height: 238px; line-height: 100%; background: url(/images/main.jpg) no-repeat center -10px; }
body.pg-home #main .rule { display: block; margin: 12px 0; border-bottom: 1px solid #f1e8be; }
body.pg-home #main .rule2 { display: block; margin: 12px 0; border-bottom: 1px dashed #f1e8be; }
body.pg-home #main .section-title { margin: 0; padding: 0 0 0 20px; font-weight: normal; color: #d74701; }
body.pg-home #main .section-title a { color: #d74701; }
body.pg-home #main .section-title a:hover { color: #02728f; }
body.pg-home #main .post { margin-bottom: 15px; }
body.pg-home #main .post h1 { font-weight: normal; }
body.pg-home #main .entry { padding: 0px 10px; }
body.pg-home #main .news-box { padding: 10px 20px 13px 10px; font-size: 92%; line-height: normal; background: #f9f2e0 url(/images/fadetop2.png) repeat-x; border: 1px solid #f9f2e0; }
body.pg-home #main .news-title { margin: 0 0 10px 0; padding: 0; color: #972409; font-weight:600; font-size: 18px; }
body.pg-home #main .news-description { font-size: 92%; line-height: 15px; }
body.pg-home #main .events-box { padding: 10px; font-size: 92%; line-height: normal; border: 2px solid #ece3d1; }
body.pg-home #main .event-title { margin: 0; color: #52702e; font-weight: bold; }
body.pg-home #main .event-description { font-size: 92%; }
body.pg-home #main .byline { margin: 0 0 10px 0; padding: 0; font-size: 92%; color: #ada28b; }
body.pg-home #main .boxlinks { margin-top: 10px; font-size: 7.5pt; font-weight: normal; line-height: normal; color: #d43f0b; text-align: left; }
body.pg-home #main img.thumb-left { float: left; display: inline; margin-right: 10px; }

body.pg-news #main .section { padding-top: 10px; }
body.pg-news #main .section .categories { float: left; clear: left; display: inline; width: 185px; border: 1px solid #e7c235; }
body.pg-news #main .section .categories .links { padding: 5px 10px; }
body.pg-news #main .section .articles { float: left; clear: right; display: inline; width: 545px; margin-left: 15px; }

body.pg-staff #main .category { margin: 20px 0 2px 0; padding: 0; font-weight: bold; font-size: 20px; color: #a9291c; }
body.pg-staff #main .first { margin-top: 0px; }
body.pg-staff #main .contact { display: block; clear: both; padding-left: 15px; }
body.pg-staff #main .contact .thumb { float: left; clear: left; display: inline; width: 142px; margin-right: 10px; text-align: center; }
body.pg-staff #main .contact .thumb img { border: 5px solid #e5e5e5; margin-top: 2px; }
body.pg-staff #main .contact .info { float: left; clear: right; display: inline; width: 570px; }

body.pg-links #main .category { margin: 20px 0 2px 0; padding: 0; font-weight: bold; font-size: 20px; color: #a9291c; }
body.pg-links #main .first { margin-top: 0px; }
body.pg-links #main .link { display: block; clear: both; padding-left: 15px; margin-bottom: 15px; }
body.pg-links #main .link .thumb { float: left; clear: left; display: inline; width: 87px; margin-right: 10px; text-align: center; }
body.pg-links #main .link .thumb img { border: 5px solid #e5e5e5; margin-top: 2px; }
body.pg-links #main .link .info { float: left; clear: right; display: inline; width: 625px; }
body.pg-links #main .link .info .title { display: block; font-weight: bold; font-size: 105%; }
body.pg-links #main .link .info .url { font-size: 92%; color: #777; }
body.pg-links #main .link .info .description { font-size: 92%; color: #333; }

body.pg-events #main .events { }
body.pg-events #main .events .prev-next { float: right; clear: right; display: inline; padding-top: 4px; }
body.pg-events #main .events .month-year { margin-bottom: 2px; font-weight: bold; font-size: 125%; }
body.pg-events #main .events .today { float: left; clear: left; display: inline; width: 40px; height: 40px; line-height: 20px; margin-right: 20px; background: #710500; border: 1px solid #2c4272; color: #fff; font-weight: bold; text-align: center; }
body.pg-events #main .events .day { float: left; clear: left; display: inline; width: 40px; height: 40px; line-height: 20px; margin-right: 20px; background: #3b5999; border: 1px solid #2c4272; color: #fff; font-weight: bold; text-align: center; }
body.pg-events #main .events .daytext { font-size: 12px; color: #fff; }
body.pg-events #main .events .info { float: left; clear: right; display: inline; width: 680px; padding-bottom: 15px; }
body.pg-events #main .events .info .title { font-weight: bold; font-size: 120%; color: #a9291c; }
body.pg-events #main .events .info .description { display: block; margin-bottom: 15px; }

body.pg-photos #main .albums { margin: 0; padding: 0 0 20px 0; font-weight: normal; }
body.pg-photos #main .albums .title { font-size: 125%; font-weight: bold; }
body.pg-photos #main .albums .description { display: block; }

body.pg-forms #main .category { margin: 0 0 2px 0; padding: 0; font-weight: bold; font-size: 20px; color: #a9291c; }

body.pg-location #main #mapContainer { display: block; height: 400px; border: 10px solid #d1c5aa; }
body.pg-location #main #mapContainer #mapLoading { display: block; line-height: 380px; font-size: 115%; font-weight: bold; text-align: center; }