/* colors
dark blue: #036
royal blue: #039
light blue: #C9DAF4
gray-tan: #F1EFE2
*/

html,body{height:100%}
#wrapper { border-top: 20px solid #0066ac; background: white; position: relative;}
#wrapper.home  { border-top: 4px solid #F4DC4E; }
body{font:13px Arial,sans-serif;line-height:22px;background:#01314f;color:black;margin:0;padding:0}
#wrapper a{color:#039}
.hidden,li.hidden-page{display:none}
#wrapper h1{font:36px Georgia,serif;padding:8px 0 12px;text-align:center}
#wrapper h2,#copy h1{font:28px Georgia,serif;padding-bottom:12px;text-align:left}
#wrapper h2 { font: 36px Georgia,serif; color: #036; }
#wrapper.church h2.pagetitle { background:transparent url("/media/images/church_header.gif") no-repeat center center; height:42px; text-indent:-9999px; width:325px;  }
#wrapper.school h2.pagetitle { background:transparent url("/media/images/school_header.gif") no-repeat center center; height:41px; text-indent:-9999px; width:325px;  }
#wrapper h3{font:20px Georgia,serif;padding-bottom:8px}
#wrapper h4, #wrapper legend{font:16px Georgia,serif;padding-bottom:4px;margin: 3px;}
#wrapper p{padding-bottom:8px}
#wrapper embed{margin-bottom:12px}
#wrapper div.contentcol{float:left}
#wrapper div.contentcol.page-1{margin:0 auto;width:680px;float:none}
#wrapper div.contentitem{padding-bottom:16px}
#wrapper div.feeditem{padding-bottom:16px}
#wrapper div.vevent, #wrapper div.vcard{padding-bottom:16px}
#wrapper abbr{border-width:0}
#wrapper .fmessage, #wrapper .message{margin-bottom:8px}
#wrapper fieldset{border:0}
#content button{margin:4px 0}
#content a.admin,#content a.checkout{display:table;border:1px solid;padding:1px 6px 2px;
font:13px Arial,Helvetica,sans-serif;text-transform:lowercase;margin-bottom:4px}
#content a.admin:hover,#content a.checkout:hover{color:inherit}
#site-header{background:transparent url(/media/images/nav_tanbar.gif) repeat-x center bottom; padding-bottom:29px;color:#036}
* html #site-header{height:1%}
#site-header h1{background: transparent url("/media/images/home_header.gif") no-repeat center center; height:60px; margin:0 auto; text-indent:-9999px; width:700px;}
#site-header form{position:absolute;top:12px;right:32px}
#site-header input{width:120px}
#site-header select{border:1px solid #333;color:#555;font-family:Verdana;font-size:11px}
#site-header option{padding-right:10px;padding-bottom:2px}
#header-inner { width: 700px; margin: 0 auto; position: relative; }
#header-inner a.church, #header-inner a.school { position: absolute; top: 0; width: 100px; height: 100px; display: block; text-indent: -9999em; }
#header-inner a.school { right: 0; }

#site-nav{background: #003366 url(/media/images/navbar.gif) repeat-x center center;}
#site-nav ul{list-style:none;width:420px;margin:0 auto}
#site-nav ul li{float:left}
#site-nav ul li a{display:block;text-decoration:none;color:#91AA9D;padding:2px 12px 3px}
#site-nav ul li a:hover{color:#6bc7ff}
#site-nav ul li.current a{background:white;border: 1px solid #036;border-bottom:none;color:#036;font-weight:bold;margin-top:-5px;padding-bottom:3px;padding-top:6px}
#site-nav ul ul{}
#site-nav ul li ul a{}
#site-nav ul li ul a:hover{background:none;color:#D1DBBD}
#site-nav ul li.current ul li.current a{color:#D1DBBD}
#site-nav ul li.current ul a{color:#91AA9D}

#subnav{width:250px;background:white;float:left;color:#036;padding:10px 0;}
#subnav ul{list-style:none;margin:0;padding:0;border-top: 1px dotted #999;margin-bottom:30px;}
#subnav ul ul{background:white;font-size:11px;margin-left: 10px;margin-bottom: 0;}
#subnav ul li{line-height:20px;padding-left:0px;border-bottom: 1px dotted #999;}
#subnav ul li a{padding-left:10px; color:#999999;display:block;padding:3px 0;text-decoration:none;}
#subnav ul li a:hover{color:#555;}
#subnav ul li.current{padding-left:0;font-weight:bold}
#subnav ul li.current a{padding-left:10px}
#subnav ul li.current ul a{font-weight:normal}
#subnav ul li ul li.last { border-bottom: none; }


#innerwrap{width: 830px;}
.home #innerwrap { width: 100%; }
#onelevelsub{height:2em}
#content{padding-left:20px}
/* #content .item, #content .blogcomment{display:inline} */
#page.narrow #content{padding-left:280px; width: 550px;}
#copy{padding: 10px 20px 20px 0;}
#wrapper .header-image img{display:block;margin:0 auto 20px;height: 280px; width: 700px;}
#content a,#subnav a{cursor:pointer}
#subnav a{text-decoration:none}
#content ul,ol{margin-left:32px;padding-bottom:8px}
#content li{padding-bottom:2px}
#left{background:#0f0;display:none}
#cart{background:#686736;border:1px solid #484716;margin-bottom:16px;padding:4px 8px 8px;font-size:11px}
#cartleft{float:left}
#cartright{float:right;text-align:right}
#cart h3{font-size:16px;padding-bottom:4px}
#content #cart ul{padding:0}
#content #cart li{padding:0;line-height:16px}
#content ul.total{list-style:none;margin:0 0 4px;padding:0}
#content ul.total li.total{font-weight:bold}
#wrapper p.checkout{font-size:13px;padding:0}
#content a.checkout{display:inline}
#coutproducts{display:none}
#content ul.cols{list-style:none;margin:16px 0 0;padding:0;height:1%}
#wrapper ul.cols li{float:left;margin:0 16px 16px 0;width:146px;height:160px;text-align:center;padding:10px;overflow:hidden;
background:#686736;border:1px solid #484716}
#wrapper div.prodimg{height:100px}
#wrapper ul.cols li a{display:block}
#wrapper ul.cols img{border:0;margin-bottom:4px}
#wrapper div.details{float:right;text-align:center;margin-left:16px;width:180px}
#content div.details a.admin{margin:0 auto}
#wrapper div.tnail img{border:1px solid #32331D}
#wrapper div.tinee{font-size:11px}
#wrapper div.price{font-size:16px;line-height:24px}
#wrapper div.halfcol{float:left;width:50%}
#wrapper .error span{display:block;margin-left:120px;font-style:italic;color:#40411E}
#content fieldset.order ul{list-style:none;margin:0;padding-bottom:16px}
#wrapper ul.flist li{display:block}
#wrapper ul.flist label,#wrapper li#country span{float:left;width:120px}
#wrapper ul.flist input,#wrapper ul.flist textarea{width:200px}
#wrapper blockquote{margin-left:20px}
#wrapper dd{margin-left:40px;padding-bottom:8px}
#wrapper .error_message{font-weight:normal;color:#a01000;float:left;margin-left:8px}
#wrapper .scrollwrapper{border:1px solid #32331D;width:80px;height:316px;overflow:hidden;padding:0}
#content .scrollsection{height:312px;list-style:none;margin:0;padding:4px 4px 0}
#wrapper .scrollsection li{background:#B4AF91;height:72px;width:72px;margin-bottom:4px}
.newsletter-signup { clear: both; }
.newsletter-signup .e2ma_signup_form {
width: auto;
}
.newsletter-signup h3 { margin-bottom: 0; }
.newsletter-signup .e2ma_signup_form_label { width: auto; }
.newsletter-signup .e2ma_signup_form_element { margin-left: 50px; }
.home .newsletter-signup { display: none; }
.newsletter-signup .e2ma_signup_form * { color: #193441; font-size: 13px; font-family: Arial, sans-serif; }

#wrapper input,#wrapper select,#wrapper textarea{font:13px "Trebuchet MS",Verdana,Arial,sans-serif}
#copy form div.required,#copy form div.optional,#copy form div.fbutton,#copy form div.subbtn{clear:both}
#copy form div.required{font-weight:bold}
#copy form label{width:160px;float:left}
#copy form .required input,#copy form .optional input,#copy form textarea{border:1px solid;
padding:2px 4px;margin-bottom:4px;font-size:13px;float:left;width:200px}
.reqfield{color:#c00;float:left;margin-left:8px}
#copy fieldset{border-width:0;clear:both}
#copy fieldset.fsection{float:left;clear:none;width:50%}
#copy .fsection fieldset{margin-bottom:8px}
#copy .fsection fieldset input{width:auto;border-width:0;margin:3px 4px 0 0;padding:0;line-height:20px}
#copy .fsection fieldset label{float:left;margin:0;padding:0;line-height:20px;width:auto}
#copy form textarea{height:100px;width:220px}
#copy form select{border:1px solid;margin-bottom:4px;float:left}
#copy form option{padding-right:10px}
#copy form h4,#copy form legend{padding-top:12px;clear:both}
#copy form div.fbutton input,#copy form div.subbtn input,.accountinfo input,.accountinfo a{border:1px solid;
padding:1px 4px 3px;margin:4px 0;cursor:pointer;text-decoration:none}
#wrapper .accountinfo input,.accountinfo a{float:right;margin-left:8px}
#wrapper .accountinfo a{padding:1px 6px 3px}
* html #wrapper .button input,* html #wrapper .subbtn input,* html .accountinfo input{padding:0}
* html #wrapper .accountinfo a{padding-top:2px}

table.iftable{border:solid #ccc;border-width:1px 0 0 1px}
table.iftable th,table.iftable td{border:solid #ccc;border-width:0 1px 1px 0;text-align:center;padding:0 2px}
table.iftable td.cellright{text-align:right;padding:4px 8px}

.home #bar { display: none; }
#bar { width: 100%; height: 29px; background: transparent url(/media/images/footer_tanbar.gif) repeat-x center top; }

#site-footer{padding-top:58px;font-size:11px;text-align:center;padding-bottom:50px;line-height:14px;
  background: #013154 url("/media/images/footer_bground.gif") repeat-x 0 0;color:white;}
#site-footer a{color:#eee;text-decoration:none}
#site-footer a:hover{text-decoration:underline}
#site-footer ul{list-style:none;padding-bottom:4px}
#site-footer ul li{display:inline;padding-right:4px}
#copyright{display:block;padding-bottom:4px}
#credits{display:block}
.bigbluehat a{color:#eee;text-decoration:none}
#site-footer .bigbluehat a:hover{text-decoration:none}
.bigbluehat a em{color:#6bc7ff;font-style:normal}
#site-header:after,#site-nav:after,ul.cols:after,#page:after,
#content:after,#innerwrap:after,#cart:after{content:".";display: block;height:0;clear:both;visibility:hidden}

/* color changes for default layout */

h3{color:#3E606F}
h4,legend{color:#3E606F}
.fmessage,.message{color:#c00}
#content a.admin,#content a.checkout{border-color:#3E606F;background:#91AA9D;color:#193441}
#page{overflow:hidden; background: #FCFFF5 url("/media/images/footer_tanbar.gif") repeat-x center bottom;color:#193441;}
#page.narrow{background: white;width: 820px; margin: 0 auto;}
.calendar #page.narrow { width: 1090px; }
#content a:hover{color:#D1DBBD}
#copy form .required input,#copy form .optional input,#copy form textarea{border-color:#3E606F;color:#3E606F}
#copy form select{border-color:#3E606F;color:#3E606F}
#copy form div.fbutton input,#copy form div.subbtn input,.accountinfo input,.accountinfo a{border-color:#3E606F;
background:#eee;color:#193441}
#content .accountinfo a{color:#193441}
#content .accountinfo a:hover{color:#193441}

#wrapper .switch{padding:2px 0;text-align:center}
#wrapper .switch a.church,#wrapper .switch a.school{text-indent:-9000px;display:block;height:150px;margin-bottom:20px;}
#wrapper .switch a.church{background:url('/media/images/school_logo.gif') no-repeat center}
#wrapper .switch a.school{background:url('/media/images/church_logo.gif') no-repeat center}
/*
#subnav a.teaching_nav + ul {background:white url('/media/images/site_design/teaching.jpg') no-repeat top left;padding-top:87px}
#subnav a.worshiping_nav + ul {background:white url('/media/images/site_design/worshiping.jpg') no-repeat top left;padding-top:87px}
#subnav a.caring_nav + ul {background:white url('/media/images/site_design/caring.jpg') no-repeat top left;padding-top:87px}
#subnav a.academics_nav + ul {background:white url('/media/images/site_design/academics.jpg') no-repeat top left;padding-top:87px}
#subnav a.physical_nav + ul {background:white url('/media/images/site_design/physical.jpg') no-repeat top left;padding-top:87px}
#subnav a.spiritual_nav + ul {background:white url('/media/images/site_design/spiritual.jpg') no-repeat top left;padding-top:87px}
#subnav a.social_nav + ul {background:white url('/media/images/site_design/social.jpg') no-repeat top left;padding-top:87px}
*/

#content ul.galleryphotos{list-style:none;padding-bottom:16px}
#content ul.galleryphotos li{float:left;margin:0 16px 8px 0;height:1%}
#content ul.galleryphotos a{border:0;float:left;display:inline}
#content ul.galleryphotos span.caption{display:block;clear:both}

#dditem_412 h3 { color: #998675; }
#dditem_412 p { font-family: Georgia, serif; font-size: 24px; color: #998675; line-height: 1.2; }
#dditem_412 p a { font-family: Georgia, serif; font-size: 18px; color: #036; }

#wrapper.school #border-text { width: 402px; height: 20px; background: transparent url(/media/images/educating_tag.gif) no-repeat center center; position: absolute; top: -20px; right: 0; }
#wrapper.church #border-text { width: 250px; height: 20px; background: transparent url(/media/images/church_tag.gif) no-repeat center center; position: absolute; top: -20px; right: 0; }