/*

Central Baptist Church of Southington CT
Created By:Mike Moreau, Jr.
6-2-2007
www.harvestmedia.com

Section 1 - Default, Reset, and Global Styles

Section 2 - Layout

Section 3 - Home Page Specific Sytles

Section 4 - Navigation

Section 5 - Typography

Section 6 - Footer

Section 7 - Ekklessia

Section 8 - Accessibility Options

Section 9 - Sitemap

*/






/* Section 1 - Default and Global Styles
_______________________________________________ */
/* Begin Eric Meyer's Recommended Reset Styles */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{
	margin:0;
	padding:0;
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-family:inherit;
	text-align:left;
	vertical-align:baseline;
}
a img, :link img, :visited img{
	border:0;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
ol, ul{
	list-style:none;
}
q:before, q:after, blockquote:before, blockquote:after{
	content:"";
}/* End Reset Styles */

body{
	background:url(/images/page-bgd.gif) repeat-x #dedede;
	color:#444444;
	font-family:Calibri, "Trebuchet MS", tahoma, Helvetica, Arial, sans-serif;
	font-size:12px;
	line-height:18px;
}
strong{
	font-weight:bold;
}
em{
	font-style:italic;
}
hr{
	display:none;
}

/* Default Link Styles */
a{
	outline:none;
}
a:link{
	color:#13274c;
	text-decoration:underline;
}
a:visited{
}
a:hover, a:active{
	text-decoration:none;
}






/* Section 2 - Layout
_______________________________________________*/
ul#toptabnav{
	left:50%;
	margin-left:-50px;
	position:absolute;
	top:0px;
	width:420px;
}
ul#toptabnav li{
	float:left;
}
ul#toptabnav li a{
	float:left;
	display:block;
	height:27px;
	text-decoration:none;
	text-indent:-9999px;
}
ul#toptabnav li a.cca{
	background:url(/images/top-tab-academy.png) no-repeat;
	width:200px;
}
ul#toptabnav li a.nebc{
	background:url(/images/top-tab-college.png) no-repeat;
	width:217px;
}

div#container{
	background:url(/images/shadow-tile.gif) repeat-y #fff;
	height:auto;
	left:50%;
	margin:0 0 0 -387px;
	overflow:hidden;
	position:absolute;
	top:34px;
	width:775px;
}
div#masthead{
	background:url(/images/masthead.png) no-repeat;
	height:219px;
	position:relative;
	z-index:80;
}
div#masthead div.curveend{
	/* Applied via the DOM */
	background:url(/images/curveend.png);
	bottom:-21px;
	height:21px;
	position:absolute;
	right:0px;
	width:32px;
}
div#masthead h1 a{
	background:url(/images/masthead.png) no-repeat;
	display:block;
	height:141px;
	text-indent:-9999px;
	width:277px;
}
div#pnav{
	background:#13274c;
	height:47px;
	margin-left:7px;
	width:760px;
}

/* Main Search Form */
form#searchForm{
	height:59px;
	right:8px;
	position:absolute;
	top:14px;
	width:222px;
}
form#searchForm fieldset{
	padding:18px 0px 0px 18px;
}
form#searchForm input{
	background-color:#fff;
	background-image:none;
	border:none;
	color:#666666;
	letter-spacing:.1em;
	text-transform:uppercase;
	width:135px;
}
a#search_go:link, a#search_go:visited{
	color:#333;
	text-transform:uppercase;
	text-decoration:none;
}
a#search_go:hover, a#search_go:active{
	color:#000;
	text-decoration:none;
}
div#main{
	float:left;
	margin:0 0 32px 39px;
	width:475px;
	z-index:1;
}
div#sidebar{
	background:#f0e6d5 url(/images/sidebar-top-round.png) no-repeat top right;
	float:right;
	margin:0 40px 32px 0;
	padding-top:1em;
	width:190px;
}
/* Override Sidebar on Youth Fest Page */
body#youth-fest-page div#sidebar{
	background:none;
}
div#footer{
	clear:both;
	font-size:10px;
	margin-left:39px;
	padding:1em 0 2em 0;
	width:696px;
}






/* Section 3 - Home Page Specific
_______________________________________________*/

/* Orverride the Usual Sidebar Style */
body#home div#sidebar{
	background-color:transparent;
	padding:0;
}
body#home div.home-sidebar{
	/* Because some events are also in the sidebar and I don't want a background color behind them */
	background:#f0e6d5 url(/images/sidebar-bottom.png) no-repeat bottom right;
	padding-bottom:44px;
	margin-bottom:20px;
}

/* Style Contact Icons */
body#home ul.vcard{
	font-weight:bold;
	list-style-position:outside;
	margin:0 0 18px 32px;
	padding-top:18px;
}
ul.vcard li{
	margin-bottom:.5em;
}
ul.vcard li.tel{
	list-style-image:url(/images/phone-icon.png);
}
ul.vcard li.email{
	list-style-image:url(/images/mail-icon.png);
}
ul.vcard li.services{
	list-style-image:url(/images/clock-icon.png);
}
ul.vcard li.directions{
	list-style-image:url(/images/map-icon.png);
}

/*  Ministries */
body#home ul.featured-ministries a.cca{
	background:url(/images/cca-sidebar-icon.png) no-repeat top left;
	display:block;
	height:57px;
	text-indent:-9999px;
	width:190px;
}
body#home ul.featured-ministries a.cca:hover{
	background-image:url(/images/cca-sidebar-icon-hover.png);
}
body#home ul.featured-ministries a.nebc{
	background:url(/images/nebc-sidebar-icon.png) no-repeat top left;
	display:block;
	height:56px;
	text-indent:-9999px;
	width:190px;
}
body#home ul.featured-ministries a.nebc:hover{
	background-image:url(/images/nebc-sidebar-icon-hover.png);
}


/* Church Image on Top */
body#home div.church-photo{
	background:url(/images/church-sidebar-photo.jpg) no-repeat;
	height:95px;
	text-indent:-9999px;
	width:190px;
}

/* Event LIst is Sidebar */
body#home div.eventbox{
	margin-bottom:2em;
}
body#home div.eventbox h3{
	font-family:Palatino, "Book Antiqua", Georgia, "Times New Roman", Times, serif;
	font-size:1.5em;
	line-height:1em;
	margin:0 0 .3333em 0;
}
body#home div.eventbox h4{
	margin-bottom:.5em;
	text-transform:uppercase;
}
body#home div.eventbox p{
	font-style:italic;
}

/* Image Slideshow Currently using flash SSP component instead*/
div#rotator{
	height:191px;
	margin-bottom:10px;
	position:relative;
	width:475px;
	z-index:1;
}
div#youth-promo{
	margin-bottom:10px;
}

/* Featured Event and Most Recent Sermon */
div.featured-event{
	background:url(/images/featured-area-tile.jpg) repeat-y top left;
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
	margin-bottom:16px;
	padding:18px 18px 18px 92px;
	position:relative;
}
div.recent-sermon{
	background:url(/images/featured-area-tile.jpg) repeat-y top left;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:18px 128px 18px 92px;
	position:relative;
}
div.featured-event div.calendar-page{
	background:url(/images/event-home-icon.png) center no-repeat;
	color:#fff;
	display:block;
	font-weight:bold;
	height:40px;
	left:18px;
	line-height:1em;
	padding-top:20px;
	position:absolute;
	text-align:center;
	top:18px;
	width:53px;
}
div.recent-sermon div.playicon a{
	background:url(/images/sermon-home-icon.png);
	display:block;
	height:56px;
	left:18px;
	position:absolute;
	text-indent:-9999px;
	top:18px;
	width:56px;
}
div.recent-sermon h3 a, div.featured-event h3 a{
	color:#13274c;
	font-family:Palatino, "Book Antiqua", Georgia, "Times New Roman", Times, serif;
	font-size:1.5em;
	line-height:1em;
	margin-bottom:.3333em;
}
div.recent-sermon p, div.featured-event p.featured-label{
	color:#d28501;
	margin-bottom:.5em;
}
div.recent-sermon ul li, div.featured-event ul li{
	display:inline;
}
div.recent-sermon a.more-messages{
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8333em;
	line-height:1.8em;
	position:absolute;
	right:18px;
	text-decoration:none;
	top:18px;
	width:110px;
}
div.recent-sermon a.more-messages:hover{
	text-decoration:underline;
}








/* Section 4 - Navigation
_______________________________________________*/

/* Top Level Nav Items */
ul#nav{
	margin-left:19px;
}
ul#nav li{
	float:left;
	position:relative;
	z-index:10;
}
ul#nav a:link, ul#nav a:visited{
	background:#13274c;
	color:#fff;
	display:block;
	float:left;
	font-size:16px;
	font-weight:normal;
	letter-spacing:.05em;
	margin:8px 19px 0px 0px;
	padding:7px;
	text-decoration:none;
}
ul#nav a:hover, ul#nav a:active{
	background:#c0cdf0;
	color:#001d3f;
}

/* Show Hover State of top level Menu Item when in that section - part of Ekklessia API */
ul#nav li.current a:link, ul#nav li.current a:visited, ul#nav li.current a:hover, ul#nav li.current a:active{
	background:#c0cdf0;
	color:#001d3f;
}

/* Make Hover state on top level nav stick when browsing a sub menu - same sytling as the hover state for top level nav */
html ul#nav li.stick{
	z-index:20;
}
ul#nav li.stick a:link, ul#nav li.stick a:visited{
	background:#c0cdf0;
	color:#001d3f;
}


/* 2nd Level Drop Down Menus - positioned off the page to hide until moused over */
ul#nav ul{
	background:#c0cdf0;
	left:-9999px;
	padding:7px 0 0 0;
	position:absolute;
	top:35px;
	width:15em;
}
ul#nav ul li{
	float:none;
}
ul#nav ul a:link, ul#nav ul a:visited,  ul#nav li.current ul a:link, ul#nav li.current ul a:visited{
	background:#c0cdf0;
	color:#13274c;
	float:none;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:1.1em;
	margin:0px;
	padding:0 7px 10px 7px;
}
ul#nav ul a:hover, ul#nav ul a:active, ul#nav li.stick ul a:hover, ul#nav li.stick ul a:active{
	color:#325200;
}

/* Show 2nd Level Menus when mousing over top level menu item */
ul#nav li ul.show{
	left:0px;
}

/* 3rd Level Drop Down Menus - Just in Case there are any */
ul#nav ul ul{
	display:none;
}

/*
	Pagination
*/
p#pagination{
	overflow:auto;
	width:474px;
}
p#pagination a:link, p#pagination a:visited{
	display:block;
	font-family:Calibri, "Lucida Grande", "Lucida Sans", tahoma, "Trebuchet MS", Arial, sans-serif;
	float:left;
	padding:5px;
}
p#pagination a#off:link, p#pagination a#off:visited{
	display:none;
}
p#pagination a#current:link, p#pagination a#current:visited{
	font-weight:bold;
	text-decoration:none;
}







/* Section 5 - Typography
_______________________________________________*/
h2{
	color:#13274c;
	font-family:Palatino, "Book Antiqua", Georgia, "Times New Roman", Times, serif;
	font-size:2em;
	line-height:2em;
	margin-bottom:1em;
}
div#sidebar h2{
	color:#aaa;
	font-family:Calibri, "Trebuchet MS", tahoma, Helvetica, Arial, sans-serif;
	font-size:1em;
	margin:1.5em 0 .5em 0;
	text-transform:uppercase;
}
div.text h3{
	color:#13274c;
	font-family:Palatino, "Book Antiqua", Georgia, "Times New Roman", Times, serif;
	font-size:1.5em;
	line-height:1.5em;
}
div.text h4{
	font-weight:bold;
	font-size:1.1667em;
	line-height:1.286em;
	margin:1em 0 0 0;
}
div.text h5{
	font-weight:bold;
}
div.text h6{
	font-weight:bold;
	color:#CC6600;
}
div.text p{
	line-height:1.5em;
	margin-bottom:1.5em;
}
div.text ul{
	line-height:1.5em;
	list-style-position:outside;
	list-style-image:url(/images/bullet_yellow.png);
	margin:0 0 1.5em 3em;
}
div.text ol{
	list-style-position:outside;
	list-style-type:decimal;
	margin:0 0 1.5em 3em;
}
div.text ul li, div.text ol li{
	line-height:1.5em;
	margin-bottom:.5em;
}
div.text table{
	margin-bottom:1.5em;
	width:98%;
}

/* Sidebar Text Div's - in addition to styles above */
div#sidebar div.text h2{
	color:#13274c;
	font-family:Palatino, "Book Antiqua", Georgia, "Times New Roman", Times, serif;
	font-size:1.25em;
	font-weight:normal;
	margin:0 10px 0 10px;
}
div#sidebar div.text h3{
	font-family:Calibri, "Trebuchet MS", tahoma, Helvetica, Arial, sans-serif;
	font-size:1.25em;
	font-weight:bold;
	margin:0 10px 0 10px;
}
div#sidebar div.text h4, div#sidebar div.text h5, div#sidebar div.text h6{
	font-family:Calibri, "Trebuchet MS", tahoma, Helvetica, Arial, sans-serif;
	font-size:1em;
	font-weight:bold;
	margin:0 10px 0 10px;
}
div#sidebar div.text p{
	margin:0 10px 1.5em 10px;
}
div#sidebar div.text ul, div#sidebar div.text ol{
	margin:0 10px 1.5em 28px;	
}


/* Staff Bios */
div.bio{
	overflow:auto;
	border-bottom:1px dotted #ccc;
	margin-bottom:1.5em;
}
div.bio img{
	border:1px solid #ccc;
	float:right;
	margin:0 0 .25em 1em;
	padding:.5em;
}
span.title{
	display:block;
	font-size:11px;
	font-style:italic;
}







/* Section 6 - Footer
_______________________________________________*/
div#footer{
	border-top:1px solid #ccc;
}
div#footer a{
	color:#000000;	
}





/* Section 7 - Ekklessia
_______________________________________________*/

/* Google Map API */
div#gmap{
	height:296px;
	margin:32px 0 0 0;
	width:475px;
}

/* Large Calendar */
#calendar-container table.calendar{
   border-top:1px solid #3A3E46;
   border-collapse:collapse;
   width:98%;
}
#calendar-container table.calendar caption{
   padding-bottom:10px;
   color:#13274c;
   font-size:1.5em;
}
#calendar-container table.calendar caption span{
	font-size:1em;
   color:#8A4700;
}
#calendar-container table.calendar th{
   padding:3px;
   background:#13274c;
   color:#fff;
}
#calendar-container table.calendar td{
   width:14%;
   height:64px;
   border:1px solid #ccc;
   border-left:0;
   border-top:0;
   background:#eee;
   color:#aaa;
}
#calendar-container table.calendar td.empty{
   background:#fff;
}
#calendar-container table.calendar td a:link, #calendar-container table.calendar td a:visited{
   color:#000;
   text-decoration:none;
}
#calendar-container table.calendar td a:hover, #calendar-container table.calendar td a:active{
	text-decoration:underline;
}
#calendar-container table.calendar td ul{
   margin:.5em;
   list-style:none;
}
#calendar-container table.calendar td li{
   margin-bottom:.75em;
}
#calendar-container table.calendar td ul li a:link, #calendar-container table.calendar td ul li a:visited{
   color:#8A4700;
}

/* Event Detail Pages */
body#events div#sidebar{
	background-color:transparent;
	background-image:none;
	padding:0px;
	/* Orverride the Usual Sidebar Style */
}
body#events #calendar-container table.calendar td{
	height:auto;
	text-align:center;
}
body#events #calendar-container table.calendar td a{
	text-align:center;
}
div#sidebar ul.belowMonthEventNames li{
	margin-top:1em;
	text-align:center;
}
div#sidebar ul.belowMonthEventNames li a:link, div#sidebar ul.belowMonthEventNames li a:visited, div#sidebar ul.belowMonthEventNames li a:hover, div#sidebar ul.belowMonthEventNames li a:active{
	color:#666666;
	text-decoration:none;
}
li.eventtime{
	font-weight:bold;
}
div.event-meta{
	background:#FFFFCC;
	padding:10px;
	margin-bottom:1em;
}
div.event-meta h3{
	color:#CC6600;
}


/* Sermons */
div.sermonbox{
	border-top:1px dotted #ccc;
	padding:1em;
	overflow:auto;
}
div.sermonbox:hover{
	background-color:#dbe5ff;
}
div.altsermon{
	/* Applied via the DOM */
	background-color:#eee;
}
div.sermonbox h4{
	font-size:1.25em;
	font-weight:bold;
	line-height:1em;
	margin-bottom:.5em;
}
div.sermonbox h4 a{
	color:#13274c;
	text-decoration:none;
}
div.sermonbox h4 a:hover{
	text-decoration:underline;
}
div.sermonbox p{
	margin-bottom:1em;
}
div.sermonbox:hover p{
	color:#000000;
}
div.sermonbox p.preacher{
	color:#000000;
	font-style:italic;
}
ul.sermonbox-controls{
	float:right;
	margin:0 0 .25em 64px;
	width:100px;
}
ul.sermonbox-controls li{
	height:16px;
	line-height:1em;
	list-style-image:none;
	padding:4px 0 4px 0;
}
ul.sermonbox-controls li a{
	float:left;
	margin-right:.25em;
}
li.sl_listen a{
	background:url(/images/play.gif);
	display:block;
	height:16px;
	text-indent:-9999px;
	width:16px;
}
li.sl_download a{
	background:url(/images/save.gif);
	display:block;
	height:16px;
	text-indent:-9999px;
	width:16px;
}
li.sl_download-notes a{
	background:url(/images/notes.gif);
	display:block;
	height:16px;
	text-indent:-9999px;
	width:16px;
}
li.sl_detail a{
	background:url(/images/detail.gif);
	display:block;
	height:16px;
	text-indent:-9999px;
	width:16px;
}
body#sermons h2{
	margin-bottom:0px;
}
h3.sort-title{
	color:#13274c;
	font-family:Palatino, "Book Antiqua", Georgia, "Times New Roman", Times, serif;
	font-size:1.5em;
	line-height:1.5em;
	margin-top:1em;
}

/* Sermon Detail Page */
ul#byline{
	margin-bottom:1em;
}
ul#byline li{
	margin-bottom:.5em
}
li#bl_preacher{
	color:#000;
	font-size:1.5em;
	font-style:italic;
}

div#sidebar div.text ul.sermonbox-controls{
	float:none;
	margin-left:1em;
}

/* Sermon List Pages Sidebar */
div#sidebar select{
	display:block;
	margin-bottom:.25em;
}
a.show-all{
	display:block;
}



/* Section 8 - Accessibility Options
_______________________________________________*/
ul#skip{
	position:absolute;
	top:0px;
	left:-20em;
	width:10em;
}





/* Section 9 - Sitemap
_______________________________________________*/
ul#sitemap ul{
	list-style-image:url(/images/arrow-trans.gif);
}
ul#sitemap li#sitemap_contact, ul#sitemap li#sitemap_{
	list-style-image:url(/images/arrow-trans.gif);
}