/* General 
----------------------------------------------------------------------*/

body {line-height: 1; background: #deebf7; width:1180px; margin:auto; color: black;}

#Main  {	background: #deebf7; font-size: 100%; font-family: arial,  sans-serif;}

#PageFrame {min-width: 1200}

a {color: #f3ecf3;}
a:hover {color: #1b4d96;}

h2 {
  background-color:#1f559d;
  border-top:1px solid #434f5c;
  color:#fff;
  display:block;
  font-weight:bold;
  margin:2px 0 8px 0;
  padding:5px;
}
h3 {font-weight:bold; margin:5px 0;
}

/* Header 
------------------------------------------------------------------*/
#Header {
	background: url(../images/headerbg.jpg) repeat-x;
	height: 150px;
	width: 1180px;
	position:relative;
}

.HeaderLeft {float: left;}
.HeaderRight {float: right;}
#Header .sitesearch {position:absolute;bottom:10px;left:27px;}
.churchtitle {
	white-space: nowrap;
	font-weight: normal;
	position: absolute;
	font-family: trebuchet ms;
	color: #DEEBF7;
	font-size: 300%;
	left: 27px;
	top: 22px;
}
.churchtitle_dropshadow {
	/*default*/ white-space: nowrap;
	/*default*/ font-weight: normal;
	/*default*/ position: absolute;
	font-family: trebuchet ms;
	color: #071D4F;
	font-size: 300%;
	left: 29px;
	top: 24px;
}
.churchsubtitle {
	/*default*/ white-space: nowrap;
	/*default*/ font-weight: normal;
	/*default*/ position: absolute;
	font-family: trebuchet ms;
	font-size: 170%;
	color: #D4A450;
	left: 25px;
	top: 65px;
}
.churchsubtitle_dropshadow {
	/*default*/ white-space: nowrap;
	/*default*/ font-weight: normal;
	/*default*/ position: absolute;
	font-family: trebuchet ms;
	color: #071D4F;
	font-size: 170%;
	left: 27px;
	top: 67px;
}

/*---- Layout ----*
-----------------------------------------------------------------*/
#LeftColumn {padding: 10px; float: left; width: 250px;}
#RightColumn {width: 250px; padding: 10px; float: right;}
#ContentColumn {width: auto; margin-left: 270px;}
#Footer {clear: both;}

/* 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 #97b0c8;
	border-bottom: 1px solid #97b0c8;
	display: block;
	color: black;
	padding: 7px 10px;
	text-decoration: none;
}

.menu_primary ul li a:hover {
	border-top: 1px solid #c7d1dd;
	border-bottom: 1px solid #8996a5;
	background: #97b0c8;
	color: #f3ecf3;
}

.menu_secondary ul li a {padding-left: 30px;}


/* Content 
-------------------------------------------------------------------------*/
#Content {padding: 10px; line-height: 1.2; width:610px; float:left;}
#Content a, #ContentNoContainers a {color:#1F559D;}
#Content .store_sidebar a, #ContentNoContainers .store_sidebar a {color:#fff;}
#Content a:visited, #ContentNoContainers a:visited {color:#d4a450;}
#Content a:hover, #ContentNoContainers a:hover {color:#7d97af;}
#Content .store_sidebar a:hover, #ContentNoContainers .store_sidebar a:hover {color:#1F559D;}
#ContentNoContainers .store_sidebar {width:250px; float:right; margin-top:10px;}
#ContentNoContainers .store_main {float:left; padding:10px; width:610px;}


.LeftColumn #Content, .RightColumn #Content, .MenuLeft #Content {width: 1140px;}
.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 #434f5c; background: #7d97af;}
/*	width: 248px;	margin-bottom: 10px; */

/* .widgetdiv4 {padding: 0 10px 10px 10px;} */
h3.widgettitle {background: #1f559d;	color: white;	padding: 5px;}

/* Footer 
----------------------------------------------------------------------------*/
#Footer {
	border-top: 3px solid #434f5c;
	background-color: #184684;
	text-align: center;
	padding: 10px;
}
.creds {
	padding: 2px;
}
#Footer a:hover {color: #26202F;}

/* 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: #ddd; border-bottom:1px dotted #ABA1AB;}

.calendar .day, .calendar .specialDay {
  border-bottom:1px dotted #ABA1AB;
  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:#D4A450;}
.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: #F1F4f9;
}

.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;}
ul.news_list li {height:135px;padding-bottom:24px;}
ul.news_list li h3 {margin-bottom: 5px;}
ul.news_list li p {margin-bottom: 3px;}