/*

Rose Park Baptist Church
Created By: Mike Moreau, Jr.
2-22-2007
www.harvestmedia.com

Section 1 - Default and Global Styles

Section 2 - Layout

Section 3 - Home Page

Section 4 - Navigation

Section 5 - Typography

Section 6 - Footer

Section 7 - Google Map API

Section 8 - Ekklessia Presentation

_____________________________________________*/





/* Section 1 - Default and Global Styles
_______________________________________________*/
/* Eric Meyer's Reset Styles - http://meyerweb.com/eric/tools/css/reset/index.html */ 
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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* End Reset Styles */


body {
	color: #353535;
	font-size: 62.5%;
	font-family: "lucida grande", "lucida sans", Verdana, Arial, tahoma, Helvetica, sans-serif;
	line-height: 130%;
	background: #ece7d1 url(/images/Tiling-Page-Background.jpg) repeat-x;
	margin: 0;
	padding: 0;
}

p {
	margin-bottom: 1em;
}
ul {
	list-style-type: none;
	display: block;
}
ol {
	list-style-type: decimal;
	list-style-position: outside;
	display: block;
}
img, a img {
	border-style: none; border-width: 0;
}

a:link {
	color: #4b85d9;
	font-weight: bold;
	background-color: transparent;
}
a:visited {
	color: #60404d;
	font-weight: bold;
	background-color: transparent;
}
a:hover, a:active {
	background-color: white;
	text-decoration: none;
}
div#content h3 a:hover, div#content h3 a:active, div#content h4 a:hover, div#content h4 a:active, div#content h5 a:hover, div#content h5 a:active, div#content h6 a:hover, div#content h6 a:active {
	/* Remove all background color from links that reside in heading elements */
	background: transparent;
}
html body img.mcms_stats div#container div#content {
	float: none;
	display: none;
}






/* Section 2 - Layout
_______________________________________________*/
#windmill {
	background: url(/images/Faded-Windmill.jpg);
	height:497px;
	left: 0;
	position: absolute;
	top: 503px;
	width:419px;
	z-index: 1;
	/* Added to markup via the DOM */
}
#masthead {
	position: relative;
	width: 750px;
	height: 253px;
	margin-right: auto;
	margin-left: auto;
}
#logo {
	position: absolute;
	top: 77px;
	left: 0;
}
#mastheadpeople {
	position: absolute;
	top: 149px;
	left: -14px;
}
#mastheadchurch {
	position: absolute;
	top: 0;
	right: 0;
}
#container {
	background-repeat: repeat-y;
	background-attachment: scroll;
	background-position: 0 0;
	position: absolute;
	top: 30em;
	left: 50%;
	width: 750px;
	height: auto;
	margin-left: -375px;
	z-index: 2;
}
div#content {
	/* The Right Column */
	width: 532px;
	height: auto;
	float: left;
	margin-right: 30px;
	padding-bottom: 30px;
	display: inline;
}
div#sub {
	/* The Left Column */
	width: 187px;
	height: auto;
	float: right;
	padding-top: 2em;
	padding-bottom: 30px;
	display: inline;
}
div#footer {
	position: relative;
	width: 749px;
	height: auto;
	z-index: 50;
	float: left;
	border-top: 1px solid #c4ad8d;
}






/*Section 3 - Home Page Only
_______________________________________________*/
/* Small Calenar on Home Page with pop-up div */
#traildiv{
   position: absolute;
   top: 0px;
   left: 0px;
   z-index: 999;
   visibility: hidden;
   width: 100px;
   height: 100px;
   color: #FFF;
}
#traildiv ul{
   padding: 0.75em;
   background-color:#575757;
   font-size: 1.1em;
}
#traildiv li{
   color: #FFF;
   margin-bottom: .75em;
}
#traildiv a{
   color: #FFF;
   text-decoration: none;
}

body#page_index div#calendarcontainer table {
	background: #fff;
	border-top: 3px solid #ece7d1;
	margin-bottom: 1em;
}
body#page_index div#calendarcontainer table caption {
	border-bottom: 1px solid #fff;
	color:#5F5300;
	font-size: 1.5em;
	padding: 0 0 .5em 0;
	text-align: left;
}
body#page_index div#calendarcontainer table caption span {
	color: #575757;
}
body#page_index div#calendarcontainer table th, body#page_index div#calendarcontainer table td {
	border: none;
	height: 1.5em;
	text-align: center;
	vertical-align: center;
}
body#page_index div#calendarcontainer table td a:link, body#page_index div#calendarcontainer table td a:visited {
	display:block;
	background-color:#808080;
	color:#ffffff;
	font-weight:bold;
	text-decoration: none;
}
body#page_index div#calendarcontainer table td a:hover, body#page_index div#calendarcontainer table td a:active {
	background-color:#000000;
	text-decoration:none;
}

/* Sermon List on Home Page */
body#page_index div#sub h3.beforesermonlist {
	margin-top: 2em;
	margin-bottom: 0.75em;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #fff;
}
body#page_index div#sub div.sermonbox {
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: 1px solid #fff;
}
body#page_index div#sub div.sermonbox p {
	margin-bottom: 0px;
}
body#page_index div#sub div.sermonbox p.sermonlink {
	margin-top: 1em;
}
body#page_index div#sub div.sermonbox p.sermonlink a:link, body#page_index div#sub div.sermonbox p.sermonlink a:visited {
	display: block;
	width: 8em;
	padding: .15em;
	color: #FFFFFF;
	background-color: #810030;
	text-decoration:none;
}
body#page_index div#sub div.sermonbox p.sermonlink a:hover, body#page_index div#sub div.sermonbox p.sermonlink a:active {
	color: #FFFFFF;
	background-color: #c00;
	text-decoration:none;
}






/*Section 4 - Navigation
_______________________________________________*/
/* Top level nav items */
ul#nav {
	position: absolute;
	top: 280px;
	left: 50%;
	width: 750px;
	height: auto;
	z-index: 800;
	margin-left: -375px;
}
ul#nav li {
	position: relative;
	float: left;
	display: block;
}
ul#nav li a {
	color: #c4ad8d;
	font-size: 1.25em;
	font-weight: bold;
	line-height: 100%;
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: 0 0;
	text-decoration: none;
	text-transform: uppercase;
	width: 7.5em;
	height: 1em;
	float: left;
	margin-right: 0.5em;
	padding-right: 0.2em;
	padding-bottom: 0.4em;
	padding-left: 0.2em;
	border-right: 1px solid #c4ad8d;
	border-bottom: 1px solid #c4ad8d;
	border-left: 1px solid #c4ad8d;
	display: block;
}
ul#nav li a:hover {
	color: #817d5b;
	font-weight: bold;
	background-color: transparent;
	border-bottom: 3px solid #c4ad8d;
}

/* Second Level Nav Items */
ul#nav ul {
	background-color: #575757;
	position: absolute;
	top: 1.4em;
	left: 0;
	border-right: 1px solid #c4ad8d;
	display: none;
}
ul#nav ul li {
	float: none;
}
ul#nav ul li a {
	color: #fff;
	font-weight: normal;
	text-transform: none;
	width: 88px;
	height: auto;
	float: none;
	padding: 0.25em;
	border-style: none;
	border-width: 0;
}
ul#nav ul li a:hover {
	color: #ede6be;
	background-color: transparent;
	text-transform: none;
	border-style: none;
	border-width: 0;
}






/* Section 5 - Typography
_______________________________________________*/
/* Main Content Typography */
div#content h3.first {
	/* This Class is applied automatically via the DOM */
	color: #a10300;
	font-size: 3em;
	font-weight: normal;
	line-height: 125%;
	background-color: transparent;
	letter-spacing: -0.05em;
	margin-top: 1em;
	margin-bottom: 0em;
}
div#content h3 {
	color: #a10300;
	font-size: 3em;
	font-weight: normal;
	line-height: 125%;
	background-color: transparent;
	letter-spacing: -0.05em;
	margin-top: 3em;
	margin-bottom: 0em;
}
div#content h4 {
	color: #5f5300;
	font-size: 2em;
	line-height: 130%;
	margin-top: 1.5em;
	margin-bottom: 0em;
}
div#content h5 {
	font-size: 1.3em;
	font-weight: bold;
	line-height: 130%;
	margin-top: 1em;
}
div#content p {
	font-size: 1.2em;
	line-height: 1.8em;
	margin-bottom: 1.5em;
}
div#content p.special-emphasis {
	color: #810030;
	font-size: 1.5em;
	line-height: 120%;
	background-color: transparent;
}
div#content ul {
	font-size: 1.2em;
	line-height: 135%;
	margin-bottom: 1.5em;
	list-style-position: outside;
	list-style-image: url(/images/arrow-trans.gif);
	margin-left: 1.75em;
}
div#content ul li {
	margin-bottom: .25em;
}
div#content ul ul {
	font-size: 1em;
	line-height: 135%;
	margin-top: .5em;
	margin-left: 1.5em;
}
div#content img {
	float: right;
	margin-left: 1em;
	padding: .5em;
	border: 1px solid white;
}



/* Sub Content Typography */
div#sub h3 {
	color: #5f5300;
	font-size: 1.5em;
	font-weight: normal;
	line-height: 125%;
	background-color: transparent;
	letter-spacing: -0.05em;
	margin-top: 0.5em;
}
div#sub div.subnav ul {
	font-size: 1.2em;
	margin-top: 0.5em;
	padding-top: 1em;
	border-top:
	1px solid #c4ad8d;
}
div#sub div.subnav ul li { 
	list-style-position: outside;
	list-style-image: url(/images/arrow-box.png);
	margin-left: 1.75em;
}
div#sub div.subnav ul a:link, div#sub div.subnav ul a:visited {
	color: #a10300;
	background-color: transparent;
	text-decoration: none;
	width: 99%;
	margin-bottom: 1em;
	display: block;
}
div#sub div.subnav ul a:hover, div#sub div.subnav ul a:active {
	color: #c00;
	background-color: transparent;
}






/* Section 6 - Footer
_______________________________________________*/
div#footer ul {
	margin-top: 1em;
}
div#footer ul li {
	display: inline;
}
div#footer ul li a {
	color: #353535;
	background-color: transparent;
	text-decoration: none;
	margin-right: 1em;
}
div#footer ul li a:hover {
	color: #000;
	background-color: transparent;
	text-decoration: underline;
}
div#footer address {
	font-size: 1em;
	font-style: normal;
	position: absolute;
	top: 1em;
	right: 0;
}
div#footer p {
	color: #808080;
	font-size: 1em;
	line-height: 120%;
	background-color: transparent;
	position: absolute;
	top: 3em;
	left: 0;
	width: 35em;
}






/* Section 7 - Google Map API
________________________________________________________*/
div#gmap {
	width: 450px;
	height: 300px;
}





/* Section 8 - Ekklesia Presentation
________________________________________________________*/
/* Go Back links used for various modules */
html body div#content img.goback {
	float: none;
	margin: 0px;
	padding: 0px;
	border: none;
}
a.goback:link, a.goback:visited {
	color: #810030;
	background-color: transparent;
	text-decoration: none;
}
a.goback:hover, a.goback:active {
	color: #c00;
	background-color: transparent;
	text-decoration: none;
}


/* Large Calendar on Calendar Page (See home page section for styling on small home callendar) */
div#sub div#calendarcontainer table {
	text-align: center;
}
div#calendarcontainer table {
	width: 98%;
	margin-bottom: 1em;
}
div#calendarcontainer table caption {
	padding-top: 2em;
	padding-bottom: 1em;
	font-size: 2em;
}
div#calendarcontainer table td {
	background: transparent;
	width: 14%;
	vertical-align:top;
	border: solid 1px #ffffff;
	border-collapse: collapse;
}
div#calendarcontainer table td.empty {
	visibility:hidden;
}
div#calendarcontainer table td.linked-day {
	background-color:white;
}
div#calendarcontainer table td a:link, div#calendarcontainer a:visited {
	display:block;
	color:#000000;
	font-weight:bold;
	text-decoration: none;
}
div#calendarcontainer table td a:hover, div#calendarcontainer table td a:active {
	color: #c00; text-decoration:none;
}
div#calendarcontainer table td ul {
	margin-top: 1em;
	margin-left: .5em;
	margin-right: .25em;
	margin-bottom:.25em;
}
div#calendarcontainer table td ul li {
	list-style-position: outside;
	list-style-image: url(/images/arrow.png);
	margin-left: 1.5em;
}
div#calendarcontainer table td ul li a:link, div#calendarcontainer ul li a:visited {
	display:block;
	color:#810030;
	font-weight:bold;
	text-decoration: none;
}
div#calendarcontainer table td ul li a:hover, div#calendarcontainer table td ul li a:active {
	color: #c00;
	text-decoration:none;
}



/* Calendar Events Drill Down Pages */
body#events div#calendarcontainer table caption {
	font-size: 1em;
	padding-top: 0px;
	padding-bottom: 1em;
	font-weight: bold;
}
body#events div#calendarcontainer table td a:link, body#events div#calendarcontainer table td a:visited {
	display:block;
	background-color:#808080;
	color:#ffffff;
	font-weight:bold;
	text-decoration: none;
}
body#events div#calendarcontainer table td a:hover, body#events div#calendarcontainer table td a:active {
	background-color:#000000;
	text-decoration:none;
}


/* Event Typography in Event Box */
div#content p.eventtime, div#content p.website, div#content p.group, div#content p.attendance, div#content p.cost div#content p.eventlocation {
	margin-bottom: 0px;
}
div#content div.eventdescription {
	overflow: auto;
}


/* Sermon Page */
h3.beforesermonlist {
	margin-top: 2em;
	margin-bottom: 0.75em;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #fff;
}
div#content div.sermonbox h5 {
	margin-bottom: 0px;
}
div#content div.sermonbox p {
	margin-top: .25em;
}
div#content div.sermonbox ul.controls {
	margin-top: 0px;
	margin-bottom: 3em;
}
div#content div.sermonbox ul li {
	display: inline;
}
div#content div.sermonbox ul li a:link, div#content div.sermonbox ul li a:visited  {
}
div#content div.sermonbox ul li a:hover, div#content div.sermonbox ul li a:active  {
	color: white;
	background-color: #4b85d9;
}

/* Right Column Sermon Controls */
div.sermonsearch {
	padding: 1em;
	background-color:#575757;
}
div.sermonsearch input, div.sermonsearch select {
	width: 130px;
	border: 1px solid white;
	background-color: #EEEEEE;
}
a#search_go:link, a#search_go:visited {
	color: white;
	text-decoration: none;
}
a#search_go:hover, a#search_go:active {
	color: white;
	background-color: #000000;
}
p#filter {
	color: white;
	margin-top: 0px;
}
ul#sort-list {
	font-size: 1.2em;
	margin-top: 0.5em;
	padding-top: 1em;
	border-top: 1px solid #c4ad8d;
}
ul#sort-list li { 
	list-style-position: outside;
	list-style-image: url(/images/arrow.png);
	margin-left: 1.75em; }
ul#sort-list a:link, ul#sort-list a:visited {
	color: #a10300;
	background-color: transparent;
	text-decoration: none;
	width: 99%;
	margin-bottom: 1em;
	display: block;
}
ul#sort-list a:hover, ul#sort-list a:active {
	color: #c00;
	background-color: transparent;
}


/* Sitemap */
body#sitemappage ul#sitemap {
	margin-top: 2em;
}
body#sitemappage ul#sitemap li {
	margin-bottom: 2em;
}
body#sitemappage ul#sitemap li a:link, body#sitemappage ul a:visited {
	dispaly: block;
	text-decoration: none;
	font-size: 1.25em;
}
body#sitemappage ul#sitemap a:hover, body#sitemappage ul a:active { }
body#sitemappage div#content ul#sitemap ul {
	margin-top: .4em;
	margin-bottom: 2em;
	}
body#sitemappage ul#sitemap ul li {
	list-style-position: outside;
	list-style-image: url(/images/arrow.png);
	margin-bottom: 0px;
}
body#sitemappage ul#sitemap ul li a:link, body#sitemap ul a:visited {
	font-size: 1em;
}
body#sitemappage ul#sitemap li#sitemap_ {
	/* Style the icon of the Home List item */
	list-style-image: url(/images/home-trans.gif);
}