body {
	background-color: #023b64;
}



/* --------------------LAYOUT-------------------- */
#container {
	width: 1000px;
    background-color:#fff;
	margin: 10px auto 0px auto;
}

#logobar {
	background-color: #EEDEAC;
	width:970px;
	border-top:5px #FBF3E6 solid;
	border-right:5px #FBF3E6 solid;
	border-left:5px #FBF3E6 solid;
	padding:10px 10px 10px 10px;
}

#logobar #utilities {
	float: right;
	text-align:justify;
	padding-top:14px;
	padding-right: 15px;
}

#logobar #utilities #search {
	width:165px;
	margin-bottom:5px;
	margin-top:9epx;
	border:1px #999999 solid;
}

#banner {
	padding-top:5px;
	width:100%;
	height:100px;
}

#banner img {
	float:left;
	padding-left:5px;
}
#banner #banner_left {
	padding-left:0px;
}

#banner img:first-child {
	padding-left:5px;
}

#topnav {
	height:47px;
	width:100%;
	background-color:#CC9900;
}

hr {
	color:#01538F;
	background-color:#01538F;
	border: none;
	height: 1px;
}

#bulletlist ul li {
	font-family: verdana;
	font-size: 11px;
	color: #01538f;
	line-height: 15px;
	list-style-type: square;
	margin: 0px 0px 0px -25px;
	!important}
	
#bulletlistsub ul {
	list-style-type: square;
	margin-top: -10px;
	!important}
	
.sermonicons {	
	float: left;
	width:120px;
	padding-top:10px;
}

	

/* --------------------TYPOGRAPHY-------------------- */
body { 
	font-size:100%;
	font-family: verdana;
}

a:link, a:visited, a:active {
	text-decoration:none;
	color: #7f0202;
}

a:hover {
	text-decoration:underline;
	color: #7f0202;
}

#logobar { /* use em=16px per w3 recommendation */
	font-size: .7em;
	line-height: .8125em;
}

#logobar, #logobar a {
	color: #936F01;
	font-weight:bold;
}

#logobar #utilities #search {
	font-size:.8em;
	color:#939393;
}

h1 {
	font-family: verdana;
	font-size: 19px;
	color: #01538f;
}

h2 {
	font-family: verdana;
	font-size: 14px;
	color: #01538f;
}

h3 {
	font-family: verdana;
	font-size: 13px;
	color: #01538f;
}

h5 {
	font-family: verdana;
	font-size: 9px;
	color: #01538f;
	line-height: 10px;
	margin: -10px 0px 0px 0px;
}

h6 {
	font-family: verdana;
	font-weight: lighter;
	font-size: 9px;
	color: #01538f;
	line-height: 10px;
	margin: 0px 0px 0px 0px;
}

.caption {
	font-family: verdana;
	font-size: 9px;
	color: #01538f;
	line-height: 10px;
	font-weight:bold;
	display:block;
	padding-top:0px;
}

p {
	font-family: verdana;
	font-size: 12px;
	color: #01538f;
	line-height: 18px;
}

#homemorelink
{
	font-family: verdana;
	font-size: 9px;
	color: #01538f;
}

#peopletable {
	font-family: verdana;
	font-size: 12px;
	line-height: 15px;
	color: #01538f;
	margin: -60px 0px 10px 0px;
	
}

#peopletable img {
	margin-top: 3px;
}

.sermontitle {
	margin: 0px 0px 5px 0px;
}
	
.sermonlisting {
	font-family: verdana;
	font-size: 12px;
	line-height: 12px;
	color: #01538f;
	margin: 5px 0px 25px 0px;
	padding-right:45px;
	width: 450px;
	float: left;
	}
	
	
/* --------------------LEFT COLUMN-------------------- */

#leftcol {
	padding:6px 0px 10px 10px;
	width:240px;
	float:left;
	margin-left:6px;
	background:url(../images/layout/leftcol_bkg_gradient.jpg) repeat-x;
}

#leftcol p {
	width: 200px;
	font-size:11px;
	line-height:14px;
	margin-left: 15px;
}

#leftcol h3 {
	color:#01538F;
	font-size:14px;
	margin: 15px 0px 0px 15px;
}

#leftcolhome h3{
	color:#01538F;
	font-size:14px;
	font-style: bold;
	margin: 15px 0px -15px 15px;
}

#leftcolhome {
	margin: 0px 0px 0px 0px;
}

a.eventtitle:link {
	color:#01538F;
	font-weight: bold;
}
a.eventtitle:active {
	color:#01538F;
	font-weight: bold;
}
a.eventtitle:visited {
	color:#01538F;
	font-weight: bold;
}
a.eventtitle:hover {
	text-decoration:underline;
}



/* --------------------MAIN COLUMN-------------------- */


#maincol {
	width:500px;
	padding:6px 0px 0px 20px;
	float:left;
	margin: auto auto 40px auto;
}

#maincol h3 {
	color:#01538F;
	font-size:13px;
}

.tablecaption {
	color:#01538F;
	font-size:9px;
	font-weight:bold;
}

.tablecaption {
	color:#01538F;
	font-size:9px;
	font-weight:bold;
}

.ministrymaptable  {
	color:#01538F;
	font-size: 10px;
}

#ministrymapbullets ul li {
	list-style-type: square;
	margin: 0px 0px 0px 0px;
	font-size: 10px;
}


#maincol ul li  {
	margin: 0px 0px 0px -25px;
	padding-top: 0;
	padding-bottom: 0;
	list-style-type: square;
	font-family: verdana;
	font-size: 12px;
	color: #01538f;
	line-height: 18px;
	}


ul ul, ul ol, ol ul, ol ol {
	/* remove margins on sub-lists */
	margin-top: 0;
	margin-bottom: 0;
	}


#nobullet ul li {
	list-style: none;
	margin-left: 0px;
	padding-left: 1em;
	text-indent: -1em;
	}
	
#nobullet ul ul li {
	list-style: none;
	margin-left: 0px;
	padding-left: 1em;
	text-indent: -1em;
	
	}
	
#maincol ol li {
	margin: 0px 0px 0px 0px;
	}

#maincol ol ol li{
	margin: 0px 0px 0px 0px;
	}


.pagination {
    list-style-type:none;
	font-size: 13px;
	padding-left:5px;
!important
	}


.pagination li {
    display:inline;
	padding: 0px 15px 0px 20px;
!important
	}




/* --------------------RIGHT COLUMN-------------------- */


#rightcol {
	width:180px;
	padding:5px 0px 0px 20px;
	float:left;
	font-size:11px;
	line-height:14px;
	margin-left: 5px;
}

#rightcol, #rightcol p {
	color:#01538F;
	font-size:11px;
	line-height:14px;
}

#rightcol h2 {
	color:#01538F;
	font-size:15px;
	margin: 20px 0px -10px 0px;
}

#rightcol h3 {
	font-family: verdana;
	font_weight: bold;
	color:#01538F;
	font-size:13px;
	margin: 15px 0px 0px 0px;
}

#rightcol img {
	margin-top: 10px;
}


.calendarheading 
{
	border-top:1px solid #01538F;
	margin-top:25px;
	padding-top:2px;
}

#newsservices {
	line-height: 20px;
}
	

/* --------------------FOOTER-------------------- */


#footer {
	height:47px;
	padding:5px 0px 0px 0px;
	text-align:center;
	font-family: verdana;
	font-size: 9px;
	color: #5f9ecd;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


/* --------------------LEFT NAV-------------------- */

	
#nav_sub li {
	list-style: none;
	margin-left: -25px;
	padding: 0px 0px 12px 0px;
	line-height: 15px;
}


#nav_sub ul li{
	list-style: none;
	padding: 10px 0px 5px 0px;
}

#nav_sub a {
	font-family: verdana;
	font-weight: bold;
	font-size: 12px;
	color: #CC9900;
}

#nav_sub a:hover {
	font-family: verdana;
	font-weight: bold;
	font-size: 12px;
	color: #01538F;
}

#nav_sub li.here > a {
	color: #01538F;
}

#nav_sub li.parent_here > a {
	color: #01538F;
}


/* --------------------TOP NAV-------------------- */

#nav {
	padding-top:5px;
}

.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.1;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:		 	100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}



/*** --------------------DEMO SKIN-------------------- ***/
ul.sf-menu #nav_about_all_souls 			{ width: 125px; padding-left:20px; }
ul.sf-menu #nav_worship_music_and_the_arts  { width: 166px }
ul.sf-menu #nav_children_youth_and_families { width: 170px }
ul.sf-menu #nav_parish_life                 { width: 100px }  
ul.sf-menu #nav_christian_formation         { width: 142px }
ul.sf-menu #nav_caring_for_all_souls           { width: 135px }
ul.sf-menu #nav_serving_our_world           { width: 142px }

.sf-menu {
	float:			left;
	margin-bottom:	5px;
	background-color:#FFFFFF;
	padding-top:4px;
}
.sf-menu a {
	padding: 		.75em 1em;
	text-decoration:none;
	text-transform:uppercase;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:#fff;
	font-weight:bold;
	font-size:12px;
}
.sf-menu li {
	background:		#CC9900;
}
.sf-menu li li {
	background:		#CC9900;
}
.sf-menu li li li {
	background:		#CC9900;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#DDAA11;
	outline:		0;
}

/* set color of selected top menu item */
.sf-menu>li.parent>a, .sf-menu>li.selected>a {
	color:#014466;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}


/* -------------------- HOMEPAGE SLIDESHOW -------------------- */


.slideshow li{width:480px;height:336px;border:0px;margin: 0 14px 14px 0;overflow:hidden;}
.slideshow li div{left:0px}
.slideshow li img.thumb{opacity:.5}
.slideshow li.active img.thumb,.gallery_demo li:hover img.thumb{opacity:.99} /* safari bug */
.slideshow li div .caption{font: 0.7em/1.4 verdana;}


/* -------------------- CALENDAR -------------------- */

.calendarBG {
	width:100px;
	border: solid 1px #01538F;
	margin-top: 10px;
}
.calendarBG th, .calendarBG td {
	font-size:12px;
}

/* -------------------- SEARCH -------------------- */

.marker { background-color: #ff0; }


/* ----------------MISC-------------------*/

.floatright {float: right;}
.floatleft {float: left;}
.floatleftnewsletters {float: left; margin: 0px 15px 400px 0px;}