/* General
-------------------------------------------------------------- */

body {background: #E3E4FA; width:1000px; margin:auto; color: #352e1f; margin-left: auto; margin-right:auto;}

#Main {}


#PageFrame {min-width: 900px;}

a {color: #7d3f10;}
a:hover {color: #000;}

h2 {
  color: #6b5925;
  display: block;
  font-weight: bold;
  margin: 0 0 5px 0;
  padding: 5px;
}

h3 {color:#6b5925; padding: 5px 0; font-weight: bold;}

/* Header
-------------------------------------------------------------- */

#Header {
	background: url(../images/headerbg.png) repeat-x;
	height: 123px;
  position: relative;
}

.churchtitle {color: #884f24; left: 100px; top: 20px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 2.6em;}
.churchsubtitle {color: #49596e; left: 100px; top: 60px; font-size: 18px; font-family: Arial, Verdana, Helvetica, sans-serif;}

.HeaderLeft {float: left;}
.HeaderRight {float: right;}
#Header .sitesearch {bottom: 5px; right: 60px; position:absolute;}
#Header .sitesearch #search {margin-bottom: 0px;}

/* Layout
-------------------------------------------------------------- */

#LeftColumn {padding: 5px; float: left; width: 150px;}
#RightColumn { width: 150px; padding: 5px; float: right; margin-right: 21px;}
#ContentColumn {width: auto; margin-left: 170px;}
#Footer {clear: both;}

/* --------------- 5. Navigation ------------ */
/* horz nav*/
#navigation{ 
margin: 0px;
float: left;
width: 100%;
background-color: #f5ecdb;

}

#navigation .menu_primary ul {
margin: 0 auto;
list-style: none;
height: 39px;
}

#navigation .menu_primary ul li {
float:left;
padding:11px 25px 8px 0;
}

#navigation .menu_primary ul li a:link,
#navigation .menu_primary ul li a:visited {
padding: 0px 2px 2px 15px;
color: #786835 ; 
text-decoration:none;
font-weight:bold;
font-size:12px;  
text-shadow:0 1px 0 #fff; -webkit-text-shadow:0 1px 0 #fff; -moz-text-shadow:0 1px 0 #fff;
display:block;
text-align:left;
}
#navigation .menu_primary ul li a:hover, 
#navigation .menu_primary ul li a:active{
 color: black;
   text-decoration: none;
   background: #ad9f85;
}

#navigation .menu_primary > ul > li.hovering {
color: black;
background: #ad9f85;

}

#navigation .menu_primary ul li.expanded-menu a{
 font-weight:bold;
 color: #7d3f10;
}

#navigation .menu_secondary {
float:none;
position:absolute;
z-index:99999;
margin-top: 8px;
color: black;
background-color: white;
opacity: 0.80;
border-top: 1px solid black;
border-bottom: 1px solid black;
}

#navigation .menu_secondary ul {
margin-left: 0px;
min-height: 35px;
height: 100%;
color: black;
background: url();
background-color: white
opacity: 0.80;
min-width: 100px;
margin: 0px;
border-left: 1px solid black;
border-right: 1px solid black;
border-top: 1px solid #fff;
border-bottom: 1px solid #d3c490;
}


#navigation .menu_secondary ul li{
  list-style: none;
  background: none;
  padding:3px 7px 3px 0px;
  margin:0;
  display: block;
  float: none;
  border-top: 1px solid #fff;
	border-bottom: 1px solid #d3c490;
}

#navigation .menu_secondary li a:link,
#navigation .menu_secondary li a:visited {
  color: #55160e;
  font-weight:bold;
  text-decoration:none;
  font-size: 11px;


}
#navigation .menu_secondary li a:hover,
#navigation .menu_secondary li a:active {
color: #344A94;

}

#navigation .menu_secondary ul li.expanded-menu a {
 color:#fda579;
}

#navigation .menu_primary ul li div.menu_secondary{display:none}
#navigation .menu_primary ul li.hovering div.menu_secondary{display:block}
/* end insert new nav */

/* Main menu
-------------------------------------------------------------- 

.widgetdiv4 .menu_primary {padding: 0;}
.widgetdiv4 .menu_secondary {padding: 0;}

.menu_primary {font-size: 1.2em; line-height: 1em;}
.menu_primary ul {margin: 0;}

.menu_primary ul li, .menu_secondary ul li {list-style: none;}

.menu_primary ul li a {
	border-top: 1px solid #f5ecdb;
	border-bottom: 1px solid #ad9f85;
	display: block;
	color: #7d3f10;
	padding: 7px 10px;
	text-decoration: none;
}

.menu_primary ul li a:hover {
	border-top: 1px solid #c7d1dd;
	border-bottom: 1px solid #8996a5;
	background: #b7c2cf;
	color: #000;
}

.menu_secondary ul li a {padding-left: 30px;}

/* Content
-------------------------------------------------------------- */
/*
#Content {padding: 10px;}
#ContentNoContainers {padding: 10px 0;}

#ContentNoContainers .store_sidebar {float: left; width: 250px; padding: 0px 10px;}
#ContentNoContainers .store_main {width: 529px; float: right;}
#ContentNoContainers .store_main_inner {padding: 0px 15px;}

.RightColumn #Content, .MenuLeft #Content {width: 509px;}
.RightColumn #ContentColumn, .MenuLeft #ContentColumn {margin-left: 0;}
.RightColumn #ContentColumn, .MenuLeft #ContentColumn {float: left;}
.MenuLeft #LeftColumn {padding-right: 20px;}
.MenuLeft #Content {float: none;}
*/


#Content {padding: 10px; width: 628px; float: left; font-size: 1.2em; line-height: 1.2em;}
#ContentNoContainers {padding: 10px; 0}
#ContentColumnNoContainers {float:left;}
#Content .layout {padding: 10px; height: 1500px; overflow: auto;}

#ContentNoContainers .store_sidebar {float: right; width: 250px;}
#ContentNoContainers .store_main {width: 500px; float: left;}
#ContentNoContainers .store_main_inner {padding: 0px 15px;}

.LeftColumn #Content, .RightColumn #Content, .MenuLeft #Content {width: 710px;}
.RightColumn #ContentColumn, .MenuLeft #ContentColumn {margin-left: 0;}
.MenuLeft #ContentColumn {float: left;}
.MenuLeft #LeftColumn {padding-right: 20px;}
.MenuLeft #Content {float: none;}

/* Sidebars
-------------------------------------------------------------- */

.widgetdiv1 {border: none; border: 1px solid #8d703a; background: #e1d4bb; width: 170px; height: auto; font-size: 10;}

h3.widgettitle {background: #c8a35f; color: #fff; font-weight: normal; text-align: center;}
h3.widgettitle a {color: #fff;}
h3.widgettitle a:hover {color: #74A42C;}

/* Footer
-------------------------------------------------------------- */

#Footer {
	border-top: 3px solid #889790;
	background-color: #81a3bf;
	font-size: 1.1em;
	text-align: left;
	padding: 10px;
	color: #3c4b58;
}

#Footer a {color: #22292f;}
#Footer a:hover {color: #000;}

.creds {padding: 2px;}

#Footer p {margin-bottom: 0;}

/* Calendar
-------------------------------------------------------------- */

.calendar {
  height:440px;
  margin-right:auto;
  padding-left:10px;
  width:440px;
  font-family:"Lucida Grande","Verdana",sans-serif;
  font-size:12px;
  font-size-adjust:none;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  line-height:1.5em;
  text-align:center;
}


.dayName {
  text-align: center;
}

.dayName th {
  border-bottom:3px solid #6B5925;
  color:#666666;
  font-size:85%;
  vertical-align:bottom;
  width:75px;
  background-color:#FFF;
  padding-bottom: 0;
  padding-top: 0;
  height: 35px;
}

.monthName th {
  font-weight:normal;
  padding-bottom:0em;
  padding-top:0em;
  text-align:left;
}

#event_calendar .specialDay {
  background-color: #ba9e24;
  border-bottom:1px dotted #ABA1AB;
}

#event_calendar .specialDay a {color: #000;}

.calendar .day, .calendar .specialDay {
  border-bottom:1px dotted #6B5925;
  text-align:left;
  vertical-align:top;
  height:75px;
  background-color:#fff;
}

.weekendDay {
  border-bottom:1px dotted #6B5925;
  text-align:left;
  vertical-align:top;
}
#event_calendar .today {
  background-color:#6b5925;
}

.otherMonth.weekendDay {
  color: #e1ece8;
}

.otherMonth {
  color: #c0c0c0;
  border-right:1px solid white;
  padding:0.7em 1em;
  text-align:left;
  vertical-align:top;
  border-bottom:1px dotted #ABA1AB;
  background-color:#f0f0f0;
}

.product_description p {
  margin-left:100px;
  width:350px;
}
.upcoming_events, .past_events {
  margin-bottom:25px;
}

/* News List
-------------------------------------------------------------- */

ul.news_list {border-top: 1px solid #F3ECF3; margin-top: 10px; padding: 10px 0; margin: 0;}
ul.news_list li {overflow: auto; padding-bottom: 24px;}
ul.news_list li h3 {margin-bottom: 5px;}
ul.news_list li p {margin-bottom: 3px;}