/* GENERAL CSS RESET STYLES */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; outline: 0; }
/* remember to define focus styles! */
/* fix for ff3 outline */
a { outline: none }
/* end fix for ff3 outline */
:focus { outline: 0; }
body { line-height: 12px; color: black; background-color: white; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/* LINK CSS */
a {}
a:link { color: #FFFFFF; text-decoration: none; }
a:visited { color: #FFFFFF; text-decoration: none; }
a:hover { color: #FFFFFF; text-decoration: underline; }
a:active { color: #FFFFFF; text-decoration: underline; }
/* H1 -> H2 Tags */
h1 { font-size: 30px; font-weight: normal; }
h2 { font-size: 24px; font-weight: normal; }
h3 { font-size: 18px; font-weight: normal; }
h4 { font-size: 12px; font-weight: normal; }
h5 { font-size: 11px; font-weight: normal; }
/* end of header styles */
/* INPUT ITEMS TEXT, IE7 HAS Border: 2px all around and PADDING 1px ALL AROUND. FIREFOX DOES NOT HAVE THE LEFT ADN RIGHT PADDING */
/* input { padding: 0px; margin: 0px; border: 0px; }
textarea { padding: 0px; margin: 0px; border: 0px; } */
/* IMAGES MUST HAVE DISPLAY BLOCK TO PREVENT IE6 FROM DISPLAYING A 2-3 PX BUG */
img { display: block; }
/* end of other weird bugs discovered category */
/* END OF RESET STYLES CSS */
/* USEFULL GENERAL CSS CLASSES ALWAYS USED */
.floatLeft { float: left; }
.floatRight { float: right; }
.clear, #pageWrap .clear { clear: both; overflow: hidden; height: 0px; background-image: none; padding: 0px; margin: 0px; }
.noMargins { margin: 0px 0px 0px 0px; }
.noPadding { padding: 0px 0px 0px 0px; }
.noMarginsOrPadding { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
/* CLASSES EDITED AT EACH PAGE CREATION == ACTUAL CSS FILE HERE */
/* smallest size at the top, largest at the bottom */
.size1 {}
.size2 {}
.size3 {}
.size4 {}
.size5 {}
.size6 {}
.size7 {}
.size8 {}
.size9 {}
/* end custom size classes*/
/* Border Style -> ALL PAGES UNDER THIS
t
t b
t b l
t b l r
t b l r bl
t b l r bl br
t b l r bl br tl
t b l r bl br tl tr
t b l r bl br tl tr background: none afterwards else lots of troubles and headaches, mofo
*/
.photoGallery .border { background-image: url("./../images/boxTopBar.png"); background-repeat: repeat-x; background-position: top left;}
.photoGallery .border div { background-image: url("./../images/boxBottomBar.png"); background-repeat: repeat-x; background-position: bottom left;}
.photoGallery .border div div { background-image: url("./../images/boxLeftBar.png"); background-repeat: repeat-y; background-position: top left;}
.photoGallery .border div div div { background-image: url("./../images/boxRightBar.png"); background-repeat: repeat-y; background-position: top right;}
.photoGallery .border div div div div { background-image: url("./../images/boxBLc.png"); background-repeat: no-repeat; background-position: bottom left;}
.photoGallery .border div div div div div { background-image: url("./../images/boxBRc.png"); background-repeat: no-repeat; background-position: bottom right;}
.photoGallery .border div div div div div div { background-image: url("./../images/boxTLc.png"); background-repeat: no-repeat; background-position: top left;}
.photoGallery .border div div div div div div div { background-image: url("./../images/boxTRc.png"); background-repeat: no-repeat; background-position: top right;}
.photoGallery .border div div div div div div div div { background-image: none;}
/* ======== Header CSS =========== */
/* all menu links */
#nav a, #subMenusContainer a{ text-decoration:none; display:block; font-size: 14px; line-height: 14px; color: white; }
/* Custom CSS */
/* on normal */
#nav a .left { display: block;}
#nav a .right { padding: 14px; display: block; font-size: 14px; font-weight: normal; line-height: 14px; height: 14px; cursor: pointer;}
/* on hover */
#nav a:hover { background-image: url("./../images/linksCenter.png"); background-repeat: repeat-x; background-position: top center;}
#nav a:hover .left { background-image: url("./../images/linksLeft.png"); background-repeat: no-repeat; background-position: left center; display: block;}
#nav a:hover .right { background-image: url("./../images/linksRight.png"); background-repeat: no-repeat; background-position: right center; }
/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/
#nav a{ margin:0; float:left; }
/* Just sub menu links */
#subMenusContainer a, #nav li li a{ text-align:left; padding:10px 20px; color: white; background-color: #385b27; line-height: 16px; }
/* All menu links on hover or focus */
#nav a:hover, #nav a:focus, #subMenusContainer a:hover, #subMenusContainer a:focus, #nav a.mainMenuParentBtnFocused, #subMenusContainer a.subMenuParentBtnFocused{ color: #2e521e;}
/* sub menu links on hover or focus */
#subMenusContainer a:hover, #subMenusContainer a:focus, #subMenusContainer a.subMenuParentBtnFocused { background-color: #578b3d; color: white;}
/* Parent Sub Menu Links ---[javascript users only]*/
.subMenuParentBtn{ }
/* Parent Sub Menu Links on hover or focus ---[javascript users only]*/
.subMenuParentBtnFocused{ }
/* Parent Main Menu Links ---[javascript users only]*/
.mainMenuParentBtn{ }
/* Parent Main Menu Links on hover or focus ---[javascript users only]*/
.mainMenuParentBtnFocused{ color: #2e521e; background-image: url("./../images/linksCenter.png") }
.mainMenuParentBtnFocused .left { background-image: url("./../images/linksLeft.png"); background-repeat: no-repeat; background-position: left center; display: block; }
.mainMenuParentBtnFocused .right { background-image: url("./../images/linksRight.png"); background-repeat: no-repeat; background-position: right center; }
/* ----[ OLs ULs, LIs, and DIVs ]----*/
/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.smOW{ display:none;
position: absolute;
overflow:hidden;
/*the 2px left & right padding lets you have a 1px border
on the ul or ol inside since overflow is set to hidden*/
padding:0 0px;
margin:0 0 0 0px;
width: 250px;
}
/* All submenu OLs and ULs */
#nav ol, #nav ul, #subMenusContainer ul, #subMenusContainer ol { /*border around submenu goes here*/ left:0; }
#nav ol, #nav ul { display: none;}
/* All ULs and OLs */
#nav, #nav ul, #nav ol, #subMenusContainer ul, #subMenusContainer ol { padding: 0; margin: 0; list-style: none; line-height: 1em; }
/* List items in main menu --[for non-javascript users this applies to submenus as well] */
#nav li { /*great place to use a background image as a divider*/ display:block; list-style:none; position:relative; float:left; font-size: 15px; line-height: 15px; }
#subMenusContainer li{ list-style: none; }
/* main menu ul or ol elment */
#nav{ display:block; list-style:none; margin:0 0 0 0; z-index:5; text-align: right; height: 42px; font-size: 15px; width: 948px; }
#subMenusContainer{ display:block; position:absolute; top:0; left:0; width:100%; height:0; overflow:visible; z-index:1000000000; }
/* ========= End of Header CSS ============== */
/* ================== Footer CSS ================= */
html, body { height: 100%;}
#pageWrap { min-height: 100%; height: auto !important; height: 100%; margin-bottom: -131px;}
.push { height: 131px;}
.footer { background-image: url("./../images/footerR.png"); background-position: bottom; height: 100px; background-repeat: repeat-x; padding-top: 31px;}
.footer .innerFooter { width: 990px; margin: 0px auto; padding-top: 20px; height: 80px;}
.footer .innerFooter a { padding-left: 15px; padding-right: 15px; font-size: 14px; line-height: 18px; text-decoration: none; color: white;}
.footer .innerFooter a:link, .footer .innerFooter a:active, .footer .innerFooter a:visited, .footer .innerFooter a:focus { color: white; text-decoration: none;}
.footer .innerFooter a:hover { color: #b9efa4; text-decoration: none;}
.footer .innerFooter p { color: white; padding-bottom: 15px;}
.footer .innerFooter .lastP { padding-left: 15px; padding-bottom: 0px;}
.footer .innerFooter p img { display: inline; margin-bottom: -4px;}
.footer .innerFooter .logo { padding: 0px;}
.footer .innerFooter .logo img { margin: 0px;}
/* ========================= PAGE CSS ========================= */
body { font-size: 13px; line-height: 13px; font-family: Arial, Georgia, Helvetica;}
/* Header Specific CSS */
.topHeader { background-image: url("./../images/topHeaderR.jpg"); background-repeat: repeat-x; background-position: top left; height: 22px;}
.middleHeader { background-image: url("./../images/middleHeaderR.jpg"); background-repeat: repeat-x; background-position: top left;}
.middleHeader div { height: 158px; width: 990px; background-image: url("./../images/middleHeaderImg.jpg"); background-repeat: no-repeat; background-position: top left; margin: 0px auto;}
.middleHeader .weatherDiv { width: 232px; height: 45px; background-image: url("./../images/weatherImg.png"); background-repeat: no-repeat; background-position: top left; margin-top: 2px; margin-right: 42px;}
.middleHeader .weatherDiv a { display: block; width: 232px; height: 45px; }
.bottomHeader { background-image: url("./../images/linksR.jpg"); background-repeat: repeat-x; background-position: left top; height: 53px;}
.bottomHeader .innerDiv { padding-top: 11px; height: 42px; width: 990px; margin: 0px auto;}
/* End of Header Specific CSS */
/* Welcome Div CSS */
.content .welcomeDiv { width: 318px; background-image: url("./../images/redTransparent.png"); background-repeat: no-repeat; background-position: top center; padding-top: 20px; height: 298px; margin-bottom: 10px;}
.content .welcomeDiv h1 { font-family: Georgia, Arial, Helvetica; font-size: 24px; line-height: 30px; color: #e3c8bf; padding-left: 20px; padding-right: 20px; margin-bottom: 5px; }
.content .welcomeDiv h1 img, .content .welcomeDiv p img { display: inline;}
.content .welcomeDiv h1 img { margin-bottom: -7px;}
.content .welcomeDiv p img { margin-bottom: -3px;}
.content .welcomeDiv p { font-size: 16px; line-height: 20px; color: white; padding-left: 20px; padding-right: 30px; text-align: justify; padding-bottom: 23px;}
.content .welcomeDiv a { background-image: url("./../images/linkAtTheTop.png"); background-repeat: no-repeat; background-position: center; display: block; width: 274px; height: 36px; margin-left: 20px;}
/* End of the Welcome Div CSS */
/* Start of the Green Div CSS */
.content .whatsHappening { background-image: url("./../images/greenTransparent.png"); background-repeat: no-repeat; background-position: center; width: 630px; height: 318px; margin-bottom: 10px;}
.content .whatsHappening h2 { margin-left: 40px; margin-top: 20px; font-size: 24px; line-height: 30px; font-family: Georgia, Arial, Helvetica; color: white; margin-bottom: 8px;}
.content .whatsHappening h2 img { display: inline; margin-bottom: -7px;}
/* floatleft & float right*/
.content .whatsHappening .floatLeft { padding-left: 20px; width: 284px; display: inline; height: 260px;}
.content .whatsHappening .floatRight { padding-right: 21px; width: 284px; display: inline; height: 260px;}
/* Content specific CSS */
.content { background-image: url("./../images/contentTopR.jpg"); background-repeat: repeat-x; background-position: top center;}
.content .innerContent { width: 990px; margin: 0px auto; padding-top: 12px;}
/* POS DIV */
.content .posDiv { width: 948px; background-image: url("./../images/contentRight.png"); background-repeat: repeat-x; background-position: center top; background-color: white; }
.content .posDivLeft { background-image: url("./../images/contentInnerLeft.png"); background-repeat: no-repeat; background-position: top left; }
.content .posDivRight { background-image: url("./../images/contentInnerRight.png"); background-repeat: no-repeat; background-position: top right; padding-left: 21px; padding-right: 19px; padding-top: 22px; width: 908px;}
/* Individual Divs cSS LEFT SIDE CSS =============*/
.content .left { width: 696px;}
.content .posDivRight .individualDivs { margin-bottom:20px; width: 696px;}
.content .posDivRight .indv { width:212px; margin-right: 20px; float: left; display: inline;}
.content .posDivRight .indv a.titleLink { background-image: url("./../images/redLinks.png"); background-repeat: no-repeat; background-position: center top; width:172px; height: 43px; display: block; font-size: 18px; line-height: 43px; font-family: Georgia, Arial, Helvetica; color: #561d04; text-decoration: none;padding-left: 40px;}
.content .posDivRight .indv a.titleLink:link, .content .posDivRight .indv a.titleLink:visited, .content .posDivRight .indv a.titleLink:active, .content .posDivRight .indv a.titleLink:focus, .content .posDivRight .indv a.titleLink:hover { text-decoration: none; color: #561d04;}
.content .posDivRight .left p { padding: 15px; color: #3e3c39; line-height: 18px; border-left: 1px solid #b1ada5; border-right: 1px solid #b1ada5; background-color: #ded9d0;}
.content .posDivRight a.learnMore { background-image: url("./../images/bottomListImg.png"); background-repeat: no-repeat; background-position: center top; border-left: 1px solid #b1ada5; border-bottom: 1px solid #b1ada5; border-right: 1px solid #b1ada5; display: block; padding: 0px 1px 1px 1px; background-color: #ded9d0; width: 208px; height: 36px; }
/* photo Gallery Div */
.content .photoGallery { margin-right: 20px; width: 676px; background-color: #ded9d0;}
.content .innerPhotoGallery { padding: 10px 20px 5px 20px; }
.content .innerPhotoGallery .middle { margin-left: 43px; margin-right: 43px; display: inline;}
.content .innerPhotoGallery .box { width: 183px; margin-bottom: 15px; float: left; }
.content .innerPhotoGallery h1 { font-size:24px; line-height: 30px; margin-bottom: 10px; font-family: Georgia, Arial, Helvetica; padding-left: 2px; }
.redS { color: #6d1f00;}
.greenS { color: #1e3919;}
.content .innerPhotoGallery .box .imgSlot { background-image: url("./../images/boxImg.png"); background-repeat: no-repeat; background-position: center top; width: 180px; height: 113px; margin-bottom: 10px; padding-left: 3px; padding-top: 3px;}
.content .innerPhotoGallery .box p { padding: 0px; border: 0px none; text-align: center;}
/* ====== Right Side CSS ======== */
.content .right { width: 212px; margin-top: -41px; z-index: 20;}
/* events css */
.content .newsEvents h1 { background-image: url("./../images/rightSideLinksHeader.png"); background-repeat: no-repeat; background-position: top center; font-size: 24px; line-height: 40px; font-family: Georgia, Arial, Helvetica; width: 212px; text-align: center;}
/* calendar div css*/
.content .right .newsEvents .eventBox { width: 212px; height: 150px; margin-bottom: 20px;}
/* sunday brouch div css */
.content .right .newsEvents .sunday { background-image: url("./../images/sundayBrooch.jpg"); background-repeat: no-repeat; background-position: top center; width: 212px; height: 150px; margin-bottom: 20px;}
.content .right .newsEvents .sunday h5 { font-size: 18px; line-height: 20px; font-family: Georgia, Arial, Helvetica; color: #33302b; padding-top: 15px; padding-left: 15px; margin-bottom: 3px;}
.content .right .newsEvents .sunday p { padding-left: 15px; font-size: 14px; line-height: 16px;}
.content .right .newsEvents .sunday a { display: block; padding-left: 15px; font-size: 14px; color: #7c320c; line-height: 16px; text-decoration: none;}
.content .right .newsEvents .sunday a:link, .content .right .newsEvents .sunday a:visited, .content .right .newsEvents .sunday a:active, .content .right .newsEvents .sunday a:hover, .content .right .newsEvents .sunday a:focus { text-decoration: none; color: #7c320c;}
/* Contact Us Module ======== */
.content .contactUs { margin-bottom: 20px;}
.content .contactUs h1 { background-image: url("./../images/rightSideLinksHeader.png"); background-repeat: no-repeat; background-position: top center; font-size: 24px; line-height: 40px; font-family: Georgia, Arial, Helvetica; width: 212px; text-align: center;}
.content .contactUs p { line-height: 18px; font-size: 13px; color: #0c472e;}
.content .contactUs a { color: #521a00; text-decoration: underline;}
.content .contactUs a:link, .content .contactUs a:visited, .content .contactUs a:hover, .content .contactUs a:focus, .content .contactUs a:active { color: #521a00; text-decoration: underline;}
/* Directions Div * ============== */
.content .quickDir h1 { background-image: url("./../images/rightSideLinksHeader.png"); background-repeat: no-repeat; background-position: top center; font-size: 24px; line-height: 40px; font-family: Georgia, Arial, Helvetica; width: 212px; text-align: center;}
.content .quickDir p { line-height: 18px; font-size: 13px; color: #0c472e; margin-bottom: 1px;}
.content .quickDir p.tags { margin:0px;}
.content .quickDir p.tags a { color: #521a00; text-decoration: underline;}
.content .quickDir p.tags a:link, .content .quickDir p.tags a:active, .content .quickDir p.tags a:hover, .content .quickDir p.tags a:focus, .content .quickDir p.tags a:visited { color: #521a00; text-decoration: underline;}
.content .quickDir p.tags a:after { content: ","}
/* ======================= Sub Page ================== */
.subPage .innerContent { padding-top: 30px;}
.subPage .otherLinks { background-image: url("./../images/subPageOtherLinksContent.png"); background-repeat: repeat-y; background-position: center; width: 221px;}
.subPage .otherLinks .top { background-image: url("./../images/subPageOtherLinksTop.png"); background-repeat: no-repeat; background-position: top center;}
.subPage .otherLinks .bottom { background-image: url("./../images/subPageOtherLinksBottom.png"); background-repeat: no-repeat; background-position: bottom center; width: 161px; height: 291px; padding-left: 30px; padding-right: 30px; padding-top: 20px;}
.subPage .otherLinks h1 { line-height: 30px; font-size: 24px; font-family: Georgia, Arial, Helvetica; text-align: center;}
.subPage .otherLinks ul li { text-align: center; line-height: 18px; border-bottom: 1px solid #aba59a;}
.subPage .otherLinks ul li a { padding-top: 5px; padding-bottom: 5px; display: block; text-decoration: none; color: #521a00;}
.subPage .otherLinks ul li a:link, .subPage .otherLinks ul li a:visited, .subPage .otherLinks ul li a:active, .subPage .otherLinks ul li a:focus { text-decoration: none; color: #521a00;}
.subPage .otherLinks ul li a:hover { color: #005f05; text-decoration: none;}
/* SubPage Text ========================= */
.subPageText { background-image: url("./../images/subPageTextContent.png"); background-repeat: repeat-y; background-position: left top;}
.subPageText .innerSubPageText { background-image: url("./../images/subPageTextTop.png"); background-repeat: no-repeat; background-position: left top; width: 670px; padding-top: 20px; padding-left: 27px; padding-right: 30px;}
.subPageText h2.title { color: #6d1f00; font-size: 24px; font-weight: normal; line-height: 28px; margin-bottom: 5px; font-family: Georgia, Arial, Helvetica;}
.subPageText p { font-size: 14px; line-height: 20px; padding-bottom: 10px;}
.subPageText ul { margin-bottom: 15px; padding-left: 12px; }
.subPageText ul li { font-family: Verdana, Arial, Helvetica; font-size: 13px; color: #000000; padding-left: 2px; list-style-position: outside; list-style-type: disc; line-height: 17px; margin-bottom: 5px;}
.subPageText ol { list-style-type: decimal; list-style-position: outside; padding-left: 15px; margin-bottom: 15px;}
.subPageText ol li { line-height: 17px; margin-bottom: 5px; color: #000000;}
.subPageText table { margin-bottom: 15px; border-collapse: collapse;}
.subPageText table tr td { padding: 10px; color: #000000; line-height: 13px; font-family: Verdana, Arial, helvetica; background-color: #ffffff; border: 1px solid #000;}
.subPageText blockquote { padding-left: 15px; margin-bottom: 15px;}
.subPageText a { font-family: Verdana, Arial, helvetica; font-size: 13px; color: #6d1f00; text-decoration: underline; line-height: 17px;}
.subPageText a:link, .subPageText a:active { color: #6d1f00; text-decoration: underline;}
.subPageText a:visited { color: #6d1f00; text-decoration: underline;}
.subPageText a:focus, .subPageText a:hover { text-decoration: none; color: #6d1f00;}
.subPageText h1 { font-size: 28px; line-height: 32px; font-weight: normal; color: #6d1f00; margin-bottom: 5px; }
.subPageText h2 { font-size: 24px; line-height: 28px; font-weight: normal; color: #6d1f00; margin-bottom: 5px; }
.subPageText h3 { font-size: 20px; line-height: 24px; font-weight: normal; color: #6d1f00; margin-bottom: 5px; }
.subPageText h4 { font-size: 16px; line-height: 20px; font-weight: normal; color: #6d1f00; margin-bottom: 5px; }
.subPageText .input { border: 1px solid #000; padding: 2px;}
.subPageText .submit { border: 1px solid #000; padding: 0px 6px;}
/* calendar sub div */
.calendarSub { width: 219px; border: 1px solid #aba59a; height: 247px; background-image: url("./../images/calendarSub.png"); background-repeat: no-repeat; background-position: center; padding-top: 40px; }
.calendarSub h3 { text-align: center; font-size: 24px; line-height: 30px; font-family: Georgia, Arial, Helvetica; margin-bottom: 20px;}
.calendarSub .calendarCode { margin-left: 32px; margin-right: 32px; width: 155px;}
/* contact us div */
.contactUsSub { width: 727px;}
.contactUsSub .left { width: 324px; height: 289px;}
.contactUsSub .right { width: 403px; margin-top: 0px;}
/* ================== AlternateSubpage ================= */
.alternateSub .subPageText .innerSubPageText { width: 891px; background-image: url("./../images/subPageTextTop2.png");}
.alternateSub .subPageText { background-image: url("./../images/subPageTextContent2.png"); padding-bottom: 20px;}
dd { margin: 5px 0px;}
dt { margin: 10px 0px;}
/*=========== Gallery ============= */
/*
#images img { border: 1px solid #aaa; margin: 8px; vertical-align: middle; display: inline; }
#pagination { text-align: right; margin-right: 50px; }
#pagination span { margin: 3px; }
#images div.gallery { float: left; width: 300px; border: 1px solid #4b924f; text-align: center; margin-right: 25px; padding: 5px; }
*/
#images { margin-right: -20px;}
#images div { float: left; margin: 20px 20px 0 0;}
#images a { display: table-cell; width: 280px; height: 210px; text-align: center; vertical-align: middle; background-color: #ded9d0; border: 1px solid #aba59a; text-decoration: none;}
#images a p { color: #000; margin: 0; }
/*\*//*/
* html #images a {
display: block;
}
* html #images strong {
display: inline-block;
vertical-align: middle;
height: 100%;
width: 1px;
}
* html #images a {
font-size: 1px;
}
*/
#images div { border-collapse: collapse; /* Op7 */}
.clear { clear: both; margin: 0; padding: 1em 0;}
#images a.buffer { display: none;}
#images img { border: 1px solid #aaa; vertical-align: middle; display: inline;}
#pagination { text-align: right; margin-right: 50px;}
#pagination span { margin: 3px;}