/* General
-------------------------------------------------------------- */

body {background: #fefefe url(../images/bg.png);background-position:center; background-attachment: fixed; width:1000px; margin:auto; color: #352e1f;}

#Main {
border-style:solid;
border-width:10px;
border-color:transparent;
border-top-left-radius:20px;
border-top-right-radius:20px;
border-bottom-right-radius:20px;
border-bottom-left-radius:20px;}

#PageFrame {min-width: 450px;}

a {color: rgb(135, 206, 235);}
a:hover {color: #000;}

h2 {
  background-color: rgb(197, 193, 170);
  border-top: 1px solid rgb(197, 193, 170);
  color: #fff;
  display: block;
  font-weight: bold;
  font-size: 9px;
  margin: 2px 0 8px 0;
  padding: 5px;
}

h3 {padding: 5px 0; font-weight: bold;}

/* Header
-------------------------------------------------------------- */

#Header {
	background: url(../images/headerbg.jpg) repeat-x;
	height: 112px;
  position: relative;

}

.churchtitle {color: #f5ad01; left: 180px; top: 55px; font-size: 2.2em; font-family: Arial, Verdana, Helvetica, sans-serif;}
.churchsubtitle {color: #c0c0c0; left: 180px; top: 78px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 16px;}


.HeaderLeft {float: left;}
.HeaderRight {float: right;}
#Header .sitesearch {bottom: -30px; size:100px; right: 20px; position: absolute;}
#Header .sitesearch #search {margin-bottom: 0;}


/* 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;}

/* Main menu
-------------------------------------------------------------- 

.widgetdiv4 .menu_primary {padding: 0;}
.widgetdiv4 .menu_secondary {padding: 0;}

.menu_primary {font-size: 12px; 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 #fff9e5;
	border-bottom: 1px solid #efdea6;
	display: block;
	color: #7d3f10;
	padding: 7px 10px;
	text-decoration: none;
	font-size: 12px;
}

.menu_primary ul li a:hover {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #d3c490;
	background: #ffe58d;
	color: #000;
	font-size: 9px;
}

.menu_secondary ul li a {padding-left: 30px;}
*/

/* --------------- 5. Navigation ------------ */
/* horz nav*/
#navigation{ 
margin: 0px;
float: left;
width: 100%;
background-color: #ffffff;
border-top: 1px solid rgb(238, 238, 209);
border-bottom: 5px solid rgb(238, 238, 209);



}

#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: rgb(105, 105, 105); 
font: 300 17px/26px 'Merriweather';
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: rgb(105, 105, 105);

}

#navigation .menu_primary > ul > li.hovering {
color: rgb(105, 105, 105);
}

#navigation .menu_primary ul li.expanded-menu a{
 font: 300 17px/26px 'Merriweather';
 color: rgb(105, 105, 105);
}

#navigation .menu_secondary {
float:none;
position:absolute;
z-index:99999;
margin-top: 8px;
background-color: rgb(240, 248, 255);
border-top: 1px solid rgb(238, 238, 209);
border-bottom: 1px solid rgb(238, 238, 209);
}

#navigation .menu_secondary ul {
margin-left: 0px;
min-height: 35px;
height: 100%;
background: url();
background-color: rgb(255, 250, 250);
min-width: 100px;
margin: 0px;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
}


#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: rgb(105, 105, 105);
  font: 300 17px/26px 'Merriweather';


}
#navigation .menu_secondary li a:hover,
#navigation .menu_secondary li a:active {
color: #344A94;

}

#navigation .menu_secondary ul li.expanded-menu a {
 color:rgb(240, 248, 255);
}

#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 */

/* Content
-------------------------------------------------------------- */

#Content {color: #4E4B43; padding: 10px; width: 628px; float: left;}
#ContentNoContainers {padding:10px;}
#ContentNoContainers .store_sidebar {float:right; width:250px;}
#ContentNoContainers .store_main {width:440px; float:left;}
#Content .layout {padding: 10px;}

.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: 1px solid rgb(238, 238, 209); background: rgb(240, 248, 255); width: 170px; height: auto; font-size: 10px;}

h3.widgettitle {background: rgb(238, 238, 209); color: rgb(135, 206, 235); font-weight: normal; text-align: center; font-size: 12px; }

/* Footer
-------------------------------------------------------------- */

#Footer {
	background-color: rgb(135, 206, 235);
	color: #9a9a9a;
	font-size: 1.2em;
	text-align: right;
	padding: 10px;
}

#Footer a {color: #fff;}
#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;
  clear: left;
}


.dayName {text-align: center;}

.dayName th {
  border-bottom:3px solid #ABA1AB;
  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: #938970; border-bottom:1px dotted #ABA1AB;}

.calendar .day, .calendar .specialDay {
  border-bottom:1px dotted #938970;
  text-align:left;
  vertical-align:top;
  height:75px;
  background-color:#FFFFFF;
}

.weekendDay {border-bottom:1px dotted #ABA1AB; text-align:left; vertical-align:top;}

#event_calendar .today {background-color:#C5A64E;}

.otherMonth.weekendDay {color: #c0c0c0;}

.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: #F3ECF3;
}

.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;}