/* Horizontal template */
html { 
	margin:0; 
	padding:0; 
	color:#000; 
	font:12px Arial, Helvetica, sans-serif;
	line-height:1.5em;
	background:url(../images/GWParish.jpg) center top no-repeat fixed #0b5729; 
}

/* system setup */
* { margin:0; padding:0; } /* here im removing all default margins and paddings for crossbrowser awesomeness */
h1, h2, h3, h4, h5, h6, p, blockquote, label, fieldset, address { margin:0 0 1em 0; line-height:1.5em; } /* here im adding my own margin to these elements */
ul, ol, dl { margin:0 0 1em 2em; line-height:1.5em; }
img { border:0; }
h1, h2, h3, h4, h5, h6, a, .required, .wtfielderror { color:#0b5729; }
table { border-collapse:collapse; }
table td { vertical-align:top; }
a { text-decoration:none; color:#588BBA; }
a:hover { text-decoration:underline; color:#0b5729; }
/* end system setup */

/* document styling */
h1 { font-size:20px; margin-bottom:0.5em; }
h2, h4 { font-size:16px; margin-bottom:0.3em; color:#0b5729; }
h3, h5, h6 { font-size:14px; margin-bottom:0; }
h6 { float:right; color:#0b5729; } /* used for dates in news section */
hr { border:1px solid #000; }
/* end document styling */

/* system */
#page, #footer, #credits, #bottomCont { width:991px; margin:0 auto; } 
#page { width:975px; padding:8px; margin-top:25px; background:#fff; position:relative; z-index:100; }
#footer { width:971px; padding:10px; background:#0b5729; color:#fff; }
.cesalogo { float: left; }
#bottomCont { margin-top:10px; font-size:11px; }
#bottomCont h2 { font-size:12px; }
/* end system */

/* main */
#header, #nav, #content, #banner, #bannerHome { margin-bottom:8px; }
#logoBG { position:fixed; width:1026px; height:890px; z-index:0; float:right; right:-10px; top:-30px; }
#header { height:115px; padding-right:15px; font-size:11px; color:#fff; background:url(../images/GWParishHeaderBg.jpg) no-repeat right; }
.editMode #header { height:190px; }
#banner { height:155px; }
#bannerHome { height:275px; position:relative; z-index:50; }
.editMode #bannerHome { height:auto; }
#contentHome { background:#fff; }
#content { background:#0b5729; }
#rightCol { width:233px; margin:0; padding:15px 0 0 0; float:right; overflow:hidden; }

#bannerHolder { }
#bannerHolder img { display:block; }

#contHolder { background:#fff; }
#contentArea { padding:15px; }
#contentHome #contentArea { padding:0; }
.withRight { margin-right:250px; }
.withLeft #contHolder { margin-left:170px; }

#credits { font-size:10px; font-style:italic; }
#credits a { margin:0 3px; text-decoration:none; }
#credits a:hover { text-decoration:underline; }

#footerPages { padding:10px; float:right; width:237px; text-align:right; }
#footerPages a { color:#fff; font-size:11px; }
#footerPages span { padding:0 10px; }
#footerImages { width:712px; }
#footerImages .fImg { float:left; margin:0 8px 8px 0; }
#footerImages .fImg img { display:block; }

#videoHolder { text-align:center; }
#videoPlayer { margin-bottom:10px; }
/* end main */

/* header items */
#search { margin:0 0 15px; padding:10px 0 0;  float:right; text-align:right; vertical-align:top; }
#search .formbutton { padding:2px 5px; vertical-align:top; font-size:11px; }
#quickkeywords { width:180px; padding:2px; border:1px solid #a7a6aa; font-size:11px; }
#loginHolder { width:200px; float:right; text-align:right; clear:right; }
#loginHolder #password, #loginHolder #username { width:118px; border:1px solid #a7a6aa; font-size:11px; }
#loginHolder #logoutForm { margin:0 0 0 5px; float:right; }
#logo {  }
#shopping { margin:10px 0 0 0; padding:0 10px 0 0; clear:right; float:right; }
#contactDetails { margin:13px 0 0 0; float:right; clear:right; text-align:right; font-size:12px; }
#contactDetails .cont { height:3em; overflow:hidden; }
/* end header items */

/* home */
#homeCont { }
#promoHolder { }
#newsHolder { }

.hPromo { width:205px; height:246px; margin:0 9px 0 0; padding:10px 15px; border:1px solid #0b5729; float:left; }
.editMode .hPromo { height:auto; }
.hp4 { margin:0; }
.hPromo h2 { margin:0 0 8px 0; padding:0; font-size:15px; line-height:1.3em; height:1.3em; overflow:hidden; }
.hPromo .cont { line-height:1.3em; height:15.6em; overflow:hidden; margin-bottom:10px; }
.hPromo .contWithImg { height:4.2em; }
.hPromo .cont p { line-height:1.3em; }

/* Promos */
.promo { margin:0 0 8px 0; padding:10px 15px; border:1px solid #0b5729; }
.promo h4 { line-height:1.2em; height:1.2em; overflow:hidden; }
.promo h4, .promo h4 a { color:#0b5729; }
.promo .headings a {  }
.promo .pImg { }
.promo .pImgCont { overflow:hidden; }
.promo img { display:block; }
.promo .cont { height:6.5em; margin:5px 0; padding:0; overflow:hidden; font-size:11px;  }
.promo .cont p { line-height:1.3em; }

/* end promos */
/* end home */

/* news */
.archivedBlock { padding:4px 0; border-bottom:1px solid #acacad; }
.archivedBlock a { display:block; }
/* end news*/

/* faq */
#faq { margin:0 0 20px 0; padding:0; list-style:none; border:1px solid #729cc0; }
#faq li { margin:0; padding:0; background:#fade92; border-bottom:1px solid #729cc0; }
#faq li a { margin:0; padding:4px 10px; display:block; font-weight:bold; }
#faq li a:hover { text-decoration:none; }
#faq li.last { border-bottom:0; }
.faqBlock { margin:0 0 15px 0; padding:0 0 10px 0; border-bottom:1px solid #0b5729; }
.faqBlock .more { text-align:right; }
/* end faq */

/* personnel */
#personnelCredits { margin:0 0 10px 0; padding:5px; background:#fade92; }
#personnelCredits img { display:block; }
/* end personnel */

/* media gallery */
/* media gallery */
#media { margin:0; padding:0; list-style:none; }
#media li { width:181px; height:215px; float:left; margin:0 10px 10px 0; padding:0; cursor:pointer; background:#fff; }
#media li.last { margin-right:0; }
#media li a { display:block; width:179px; height:179px; border:1px solid #0b5729; }
#media li .caption { height:1.5em; margin:0; padding:8px 3px; text-align:center; overflow:hidden; color:#fff; font-weight:bold; background:#0b5729; }
#media li .cont { display:none; }
#media li .mediaMag { border:1px solid #d5d5d5; border-width:0 1px 1px 0; width:15px; height:16px; padding:2px; background:#fff; }
.withLeft #media li { width:186px; height:220px; }
.withLeft #media li a { width:184px; height:184px; }
.withLeft .withRight #media li { width:168px; height:202px; }
.withLeft .withRight #media li a { width:166px; height:166px; }
.withRight #media li { width:166px; height:200px; }
.withRight #media li a { width:164px; height:164px; }


#mediaFader, #mediaContainer { width:100%; height:100%; position:fixed; top:0; left:0; cursor:pointer; }
#mediaFader { z-index:300; filter:alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; background:#111111; }
#mediaContainer { z-index:400; }
#mediaHolder { width:860px; height:480px; margin:-250px 0 0 -450px; padding:10px 20px; position:absolute; top:50%; left:50%; font-size:12px; overflow:hidden; color:#eeeeee; background:#0b5729; cursor:default; }
#mediaButtons { height:20px; margin-bottom:10px; text-align:right; }
#mediaClose, #mediaNext, #mediaBack { width:55px; height:19px; margin-right:5px; display:block; text-align:center; float:right; cursor:pointer; }
#mediaClose { margin-right:0; }
.mediaDir { font-size:14px; }
#mediaContent { width:190px; height:415px; padding-right:10px; font-size:11px; overflow:auto; float:right; }
#mediaFile { width:640px; height:415px; overflow:hidden; text-align:center; }
#mediaCaption, #mediaDownload { position:absolute; bottom:10px; }
#mediaCaption { width:640px; height:1.5em; overflow:hidden; font-size:14px; font-weight:bold; text-align:center; }
#mediaDownload { right:10px; z-index:400; cursor:pointer; font-style:italic; }
#mediaDownload a { color:#eeeeee !important; }
/* end media gallery */

/* forms */
.formbutton { margin:0; padding:2px 5px; border:0; cursor:pointer; color:#fff; font-size:12px; vertical-align:top; background:#0b5729; }
a.formbutton { padding:4px 5px 3px; font-size:11px; vertical-align:sub; }
a.formbutton:hover { text-decoration:none; }
.qty { width:40px; border:1px solid #acacad; }
#form { width:380px; }
#form .formrow { margin:0 0 5px 0; }
#form label { width:96px; margin:0 5px 0 0; display:inline-block; vertical-align:top; }
#form fieldset { margin:0 0 10px 0; padding:10px; border:1px solid #acacad; }
#form legend { margin:0; font-weight:bold; color:#fff; background:#333; }
#form legend span { padding:3px 10px; display:block; font-size:13px; }
#form .textinput, #form .textareainput { width:273px; padding:1px 2px; border:1px solid #acacad; font-size:12px; }
#form select { padding:1px 2px; border:1px solid #acacad; font-size:12px; }
#form .textinput:focus, #form .textareainput:focus { border:1px solid #666; background:#F8F8FF; }
#form .textareainput { height:100px; font-size:12px; font-family:Arial, Helvetica, sans-serif; vertical-align:top; }
#form .checkboxfieldset, #form .radiobuttonfieldset { margin:0; padding:0; border:0; display:inline; background:none; }
#form .checkboxinput, #form .radioinput { margin:0 4px 0 0; }
#form .requiredtextrow { float:left; }
#form .formbuttons { display:block; text-align:right; }
#form #FieldSubscribeDiv label { width:173px; }
#form #FieldBillingLabel { width:252px; }
#form #rowBilling label { width:auto; }
/* end forms */

/* cart items */
#wtCart { width:100%; border-collapse:collapse; padding:0; }
#wtCart th { text-align:right; border-bottom:1px solid #C1C1C2; }
#wtCart td { padding:10px 0; border-bottom:1px solid #c1c1c2; }
#wtCart .wtCartTotal { text-align:right; }
#wtCart { margin:0 0 20px 0; }
#Field2069 { width:300px; }
#wtCC td { padding:3px 10px; }
#wtCC td td { padding:2px; }
#wtCC td #drpCardType { width:204px; }
#wtCC td #txtCardHolderName, #cartHolder #wtCC td #txtCardNumber { width:200px; }
#wtOrderAddress { margin-bottom:10px; }
#txtCardSecurityCode { width:25px; }
/* end cart */

/* order */
#orderContent { margin:0 260px 0 0; }
#orderRight { width:210px; padding:15px; float:right; position:relative; z-index:1; }
#shoppingCart { width:100%; }
.order { border-top:1px solid #acacad; margin:10px 0 0 0; padding:10px 0 0 0; }
.orderImage { width:60px; text-align:right; float:left; }
.orderCont { margin:0 0 0 80px; }
.order .subHeadings { font-size:13px; }
/* end order */

/* product styles */
.categories ul { margin:0; padding:0; list-style:none; }
.categories li { width:186px; height:220px; float:left; margin:0 10px 10px 0; padding:0; cursor:pointer; background:#fff; }
.categories li.last { margin-right:0; }
.categories li a { display:block; width:184px; height:184px; border:1px solid #0b5729; }
.categories li .caption { height:1.5em; margin:0; padding:8px 3px; text-align:center; overflow:hidden; color:#fff; font-weight:bold; background:#0b5729; }
.categories li .mediaMag { border:1px solid #d5d5d5; border-width:0 1px 1px 0; width:15px; height:16px; padding:2px; background:#fff; }
.categories li .caption a { width:auto; height:auto; color:#fff; }

.products ul { margin:0; padding:0; list-style:none; }
.products li { width:186px; height:262px; float:left; margin:0 10px 10px 0; padding:0; background:#fff; }
.products li.last { margin-right:0; }
.products li a { display:block; width:184px; height:184px; border:1px solid #0b5729; }
.products li .mediaMag { border:1px solid #d5d5d5; border-width:0 1px 1px 0; width:15px; height:16px; padding:2px; background:#fff; }
.products li .caption { height:60px; margin:0; padding:8px 3px; color:#fff; font-weight:bold; background:#0b5729; }
.products li h4 { font-size:14px; line-height:1.4em; height:1.4em; overflow:hidden; margin-bottom:4px; }
.products li .proPrice { line-height:1.3em; height:1.3em; overflow:hidden; margin-bottom:4px; font-size:11px; }
.products li .more { text-align:right; }
.products li .more a { display:inline-block; }
.products li .caption a { width:auto; height:auto; color:#fff; }

/* product full view */
#productLeft { float:left; width:200px; }
#productRight { margin:0 0 0 210px; }
.productOptions { margin:0 0 10px 0; }
/* end product full view */
/* end product styles */ 

/* this is used for the gallery style popup */
#productHolder #media ul { margin:0; padding:0; list-style:none; }
#productHolder #media li { margin:0 10px 10px 0; padding:0; width:60px; height:60px; float:left; background:#0b5729; }
#productHolder #media li a { width:60px; height:60px; display:block; border:0; }
#productHolder #media li a img { display:none; }
#productHolder #media li.last { margin-right:0; }
/* end product styles */

/* events */
.eventsTable { border-collapse:collapse; border:1px solid #000; width:99%; }
.eventsTable th { text-align:left; color:#fff; background:#A40039; padding:2px 5px; border-bottom:1px solid #000; }
.eventsTable th.alignRight { text-align:right; }
.eventsTable td { padding:2px 5px; border-bottom:1px solid #000; }
.eventsTable tr.row1 td { background:#EFEFEF; }
/* end events */

/* blog */
.blogposttitle { margin:10px 0 2px; padding: 0; font-size:16px }
.blogpostdate { margin:0 0 4px 0; padding:0; color:#aaa }
.blogaudioplayer { margin:4px 0; }
.blogpost { margin:8px 0 0 0; }
.blogextract { margin:8px 0 0 0 ; }
.blogpostfooter { margin:4px 0 20px; }
.blogcomments h3 { margin:10px 0 2px; }
.blogpostcomment { margin:8px 0; padding:8px; background-color: #eee; }
.blogcommentinfo { color:#aaa }
.blogcommentformrow { clear:both; margin:4px 0; }
.blogcommentformrow label { width:120px; float:left }
.blogcommentformrow .textinput { width:240px; }
.blogcommentformrow textarea { width:240px; height:100px; }
#blogcommentform { display:none }
/* end blog */

/* general editing */
.clearBoth { clear:both; }
.clearLeft { clear:left;}
.clearRight { clear:right; }
.floatRight { float:right; }
.floatLeft { float:left; }
.alignLeft { text-align:left; }
.alignCenter { text-align:center; }
.alignRight { text-align:right; }
.imgLeft { margin:0 10px 10px 0; float:left; }
.imgRight { margin:0 0 10px 10px; float:right; }
.noBorder { border:0 !important; }
.files { margin:0 0 5px 0; }
.hide { display:none; }

.contentBlock { margin:0 0 20px 0; }
.contentImage { margin:0 0 10px 10px; float:right; }
.note { padding:5px; border:2px dashed #f00; color:#fff; background:#000; }
.caption { margin:0; padding:0; color:#000; }

.more { padding:0; }
.more a { padding:1px 5px; font-size:10px; color:#fff; display:inline-block; background:#0b5729; }
/* end general editing */

/* table of contents */
#tableOfContents { margin:0 0 10px 0; background:#ebebeb; }
#tableOfContents h5 { padding:5px 10px; font-size:15px; border-bottom:1px solid #fff; }
#tableOfContents ul { margin:0; list-style:none; }
#tableOfContents li a { margin:0; padding:4px 10px 4px 20px; border-bottom:1px solid #fff; display:block; background:url(../images/faqBullet.gif) no-repeat 10px center; }
#tableOfContents li a:hover { text-decoration:none; color:#fff; background:#0b5729 url(../images/faqBullet.gif) no-repeat 10px center; }
#tableOfContents li.last a { border-bottom:0; }
/* end table of contents */

/* calendar */
.caleventbar { cursor:pointer !important; }
#eventinfo { padding:10px !important; }
/* end calendar */

/* paging */
.pages { height:20px; padding:10px 0 0; }
.pages a, .atfirst, .currentpage, .atlast { margin:0 5px 0 0; padding:0 5px; border:1px solid #0b5729; background:#0b5729; color:#f4f4f4; display:block; float:left; }
.atfirst, .atlast { color:#aaa; background:none !important; border:0; padding:1px 5px; font-style:italic; }
.pages a:hover, .currentpage { text-decoration:none; background:#0b5729; color:#fff;  }
.break { display:block; margin:0 5px 0 0; float:left; padding:0 5px; }
/* end paging */

/* nav */
#nav { width:975px; background:#0b5729; position:relative; z-index:100;}
#nav ul { margin:0; padding:0; list-style:none; }
#nav li { padding:0; border-right:1px solid #92b5d4; float:left; position:relative; }
#nav li a { padding:11px 50px; display:block; color:#ffffff; letter-spacing:0.08em; font-weight:bold; text-decoration:none; }
#nav li a:hover, #nav li a.onPage, #nav li a.onHover { color:#0b5729; background:#ffd461; }
#nav li a span { display:block; font-size:10px; }
#nav li a div { display:none; }
#nav li.last { padding:0; border-right:0; }
#nav li.last a { }

#nav ul ul { width:160px; display:none; z-index:20; position:absolute; left:auto; font-size:11px; background:#ffd461; }
#nav li li { width:100%; border-right:0;  }
#nav li li a { padding:1px 10px !important; color:#0b5729; border:1px solid; border-color:#26376c #070f2a #070f2a #26376c; background:none; }
#nav li li a:hover, #nav li li a.onPage, #nav li li a.onHover { background:#fade92; }
/* end nav */

/* sub nav */




#subNav { width:170px; float:left; }
#subNav ul { margin:0; padding:0; list-style:none; }
#subNav li { border-bottom:1px solid #ffd461; font-weight:bold; margin-left:15px}
#subNav li a { padding:5px 0; ; display:block; color:#fff; text-transform:capitalize; }
#subNav li a:hover, #subNav li a.onPage { text-decoration:none; color:#0b5729; background:#ffd461; }
#subNav li a span { display:block; font-size:10px; }

#subNav ul ul { padding:0 0 2px 0; }
#subNav li li { border:0; }
#subNav li li a { padding:1px 10px 1px 25px; }
#subNav li li li a { padding:1px 10px 1px 35px; }
#subNav li li li li a { padding:1px 10px 1px 45px; }
/* end sub nav */

/* end nav */

/* edit mode fixes */
.editMode #media li { height:291px !important; }
.editMode .promo { height:auto; }
/* end edit mode fixes */

/* the browser fixes */
.ie #form legend { margin-left:-8px; }
.ie6 .formbutton, .ie7 .formbutton { padding:0 2px; }
.ie form { margin:0; }
.ie #shopping { width:300px; text-align:right; }
/* ie has a funny thing with the padding for the nav, so I remove 1px to compensate */
.ie #nav li.last a { padding-left:33px; padding-right:34px; }
.ie #nav li li a { padding-bottom:1px; }

.ie7 .withLeft .withRight #media { width:525px; }
.ie7 .withRight #media { width:700px; }
.ie7 #mediaFader { filter:alpha(opacity=75) !important; }
.ie7 #orderRight { position:absolute; top:300px; right:40px; float:none; }
.ie7 .withCol #orderRight { right:260px; }
.ie7 .hPromo .cont { height:15.0em; }
.ie7 .hPromo .contWithImg { height:4.2em; }

.ie6 { height:100%; }
.ie6 #mediaFader { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75) !important; height:100%; }
.ie6 #faq .last a { height:1px; }
.ie6 .pageOrder { position:relative; }
.ie6 #orderRight { position:absolute; top:300px; right:20px; float:none; }
.ie6 .withCol #orderRight { right:240px; }
.ie6 #media li.mediaEdit { overflow:hidden; margin-right:6px; }
.ie6 #media li { margin-right:7px; }
.ie6 #media li.last { margin-right:0; }
.ie6 .withLeft .withRight #media { width:519px; overflow:hidden; }
.ie6 .withRight #media { width:690px; overflow:hidden; }
.ie6 #tableOfContents li.last a { height:1px; }
.ie6 #bannerPromos .bPromo { overflow:hidden; }
.ie6 #homeCont .cont { height:18.7em; }
.ie6 .promo .pImgCont { width:200px; }
.ie6 #footerImages { width:700px; }
.ie6 .hPromo .cont { height:15.0em; }
.ie6 .hPromo .contWithImg { height:4.2em; }

.firefox2 #form .fieldlabel { display:-moz-inline-box; width:140px; }
.firefox2 #form fieldset { display:table-caption; width:auto; }
.firefox2 #form .formrow fieldset { width:300px; }
.firefox2 .formrow { margin-bottom:3px; }
.firefox2 .labelwrapper { display:block; width:160px; }

.default form, .safari form { margin:0; }
.macosxfirefox #nav li.last a { padding:11px 34px 11px 33px; }
.macosxsafari #nav li a { padding:11px 39px; }
.macosxsafari .hPromo .cont { height:13.8em; }
/* end the browser fixes */