/* Version 1.0
 *
 * Last Update: 2007/11/12 By: Neils Brooks
 *
 */

/* TOC
 *
 * conditioners
 * redundant items
 * masthead
 * nav
 * nested nav
 * sidebar
 * secondary nav
 * content
 * calendar
 * nav footer
 * footer
 * audio player
 * contact form
 *
 */

/* //////////////////////////////////////////////////////////////// =conditioners */

* {
	margin: 0;
	padding: 0;
	font-family: 'Trebuchet MS' ,Arial,Sans-Serif,Helvetica;
	color: #333;
	background-color: transparent;
}

a {
	cursor: pointer;
}

html {
	text-align: center;
	margin: 0 auto;
	font-size: 100%;
}

body {
	font-size: 0.75em;
	text-align: center;
	background: #e7e3bd url(../images/bg.jpg) repeat-x 0 top;
}

a img, a:link img, a:visited img, img {
	border: 0;
}

p {
	font-size: 1em;
	line-height: 1.2em;
}

br {
	margin: .5em 0 .5em 0;
}

ul, menu, dir {
	display: block;
	list-style-type: none;
}

div div, li li, li p, td p, blockquote p {
	font-size: 1em;
}

/* ////////////////////////////////////////////////////////////////// =redundant items */

.floatLeft {
	float: left;
}

.clearBoth {
	clear: both;
}

#canvas {
	position: relative;
	width: 970px;
	min-height: 100%;
	margin: 0 auto;
	background: url(../images/canvas.jpg) 0 0;
	text-align: left;
}

div#wrapper {
	width: 855px;
	margin: 0 auto;
}


/* ///////////////////////////////////////////////////////////////////// =masthead */

#logo {
	position: absolute;
	top: 15px;
	left: 84px;
}

#strapline {
	position: absolute;
	top: 90px;
	left: 666px;
}

#splash {
	float: right;
	margin-top: 106px;
	padding-bottom: 10px;
}

.section h1 {
	font-family: 'Trebuchet MS' ,Arial,Helvetica, Sans-Serif;
	font-size: 25px;
}

/* ////////////////////////////////////////////////////////////////////////// =nav */

ul#nav {
	position: relative;
	width: 242px;
	top: 142px;
	left: 9px;
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav a {
	font-size: 1em;
}

#nav li {
	display: inline;
}

#nav li {
	position: relative;
	display: block;
	height: 40px;
	line-height: 40px;
}

#nav li a {
	overflow: hidden;
	text-decoration: none;
}

/* hook for replacement image */
#nav li a em {
	position: absolute;
	left: 0;
	top: 0;
	height: 40px;
	width: 242px;
	text-decoration: none;
}

/* default text-replaced-image-state */
li#navWelcome em {
	background: url(../images/navWelcome.jpg) no-repeat 0 0;
}

li#navAboutUs em {
	background: url(../images/navAboutUs.jpg) no-repeat 0 0;
}

li#navOurPastor em {
	background: url(../images/navOurPastor.jpg) no-repeat 0 0;
}

li#navMinistries em {
	background: url(../images/navMinistries.jpg) no-repeat 0 0;
}

li#navAgeGroups em {
	background: url(../images/navAgeGroups.jpg) no-repeat 0 0;
}

li#navCalendar em {
	background: url(../images/navCalendar.jpg) no-repeat 0 0;
}

li#navPrayerRequests em {
	background: url(../images/navPrayerRequests.jpg) no-repeat 0 0;
}

li#navContact em {
	background: url(../images/navContactUs.jpg) no-repeat 0 0;
}

/* hover text-replaced-image-states */
ul#nav li a:hover em, ul#nav li a:active em, ul#nav li a:focus em {
	background-position: 0 -39px;
}

/* active text-replaced-image-states */
body#landing li#navWelcome em {
	background: url(../images/navWelcome.jpg) no-repeat 0 -40px;
}

body#aboutUs li#navAboutUs em {
	background: url(../images/navAboutUs.jpg) no-repeat 0 -40px;
}

body#ourPastor li#navOurPastor em {
	background: url(../images/navOurPastor.jpg) no-repeat 0 -40px;
}

body#ministries li#navMinistries em {
	background: url(../images/navMinistries.jpg) no-repeat 0 -40px;
}

body#ageGroups li#navAgeGroups em {
	background: url(../images/navAgeGroups.jpg) no-repeat 0 -40px;
}

body#calendar li#navCalendar em {
	background: url(../images/navCalendar.jpg) no-repeat 0 -40px;
}

body#prayerRequests li#navPrayerRequests em {
	background: url(../images/navPrayerRequests.jpg) no-repeat 0 -40px;
}

body#contact li#navContact em {
	background: url(../images/navContactUs.jpg) no-repeat 0 -40px;
}

/* ////////////////////////////////////////////////////////////////// =nested nav */

#nav li ul {
	display: none;
	z-index: 3;
	position: absolute;
	left: 250px;
	background-color: #251a05;
	overflow: visible;
}

#nav li:hover ul, #nav li.over ul {
	color: #fff;
	display: block;
	left: 226px;
	top: -1px;
}

#nav li:hover ul li, #nav li.over ul li {
	display: block;
	font: bold 13px 'Trebuchet MS' ,Arial,Helvetica,Sans-Serif;
	height: 30px;
	margin: 5px 0 0 0;
	background-color: #251a05;
	text-decoration: none;
	width: 100%;
}

#nav li ul li a, #nav li ul li a:link, #nav li ul li a:visited {
	display: block;
	color: #d9d19b;
	height: 30px;
	width: 152px;
	margin: -5px 0 0 20px;
	line-height: 30px;
	text-decoration: none;
}

#nav li ul li a:hover, #nav li ul li a:active, #nav li ul li a:focus {
	color: #fff;
	background-color: #715239;
	margin: -5px 0 0 0;
	padding: 0 0 0 20px;
	text-decoration: none;
}

.nestedNavTop {
	margin-top: 0px;
}

.nestedNavBot {
	margin-bottom: 0px;
}


/* ///////////////////////////////////////////////////////////////////// =sidebar */

#sidebar {
	width: 242px;
	min-height: 537px;
	margin-right: 22px;
}

#sidebarBot {
	position: absolute;
	height: 150px;
	top: 460px;
	width: 200px;
	padding: 0 0 0 20px;
}

#sidebarBot h5 {
	font: normal 11px 'Trebuchet MS' ,Arial,Helvetica,Sans-Serif;
	line-height: 20px;
	color: #514e43;
}

#sidebarBot h5.phone {
	margin-top: 20px;
}

#launchButton:link,
#launchButton:visited {
	display: block;
	position: relative;
	top: 20px;
	font-weight: bold;
	width: 152px;
	height: 25px;
	padding: 10px 0 0 0;
	margin-bottom: 15px;
	border: solid 1px #684d08;
	text-decoration: none;
	background-color: #dbd5a1;
	color: #b32018;
}

#launchButton:hover,
#launchButton:active {
	display: block;
	position: relative;
	top: 20px;
	font-weight: bold;
	width: 152px;
	height: 25px;
	padding: 10px 0 0 0;
	margin-bottom: 15px;
	border: solid 1px #684d08;
	text-decoration: none;
	background-color: #dbd5a1;
	color: #b32018;
}

/* /////////////////////////////////////////////////////////////// =secondary nav */

#secondaryNav {
	position: relative;
}

#secondaryNav li {
	line-height: 30px;
	height: 30px;
}

#secondaryNav li a, #secondaryNav li a:link, #secondaryNav li a:visited {
	font: normal 13px 'Trebuchet MS' ,Arial,Helvetica,Sans-Serif;
	text-decoration: none;
}

#secondaryNav li a:hover, #secondaryNav li a:active, #secondaryNav li a:focus, #secondaryNav li.active a {
	font: bold 13px 'Trebuchet MS' ,Arial,Helvetica,Sans-Serif;
	text-decoration: none;
}

/* ///////////////////////////////////////////////////////////////////// =content */

div.content {
	float: right;
	width: 613px;
	font: normal 14px 'Trebuchet MS' ,Arial,Helvetica,Sans-Serif;
	color: #514e43;
}

div.content h1 {
	padding: 10px 0 0 19px;
	font-size: 25px;
	font-weight: bolder;
}

div.content p {
	margin: 10px 45px 12px 20px;
	line-height: 28px;
}

#dandre {
	float: right;
	padding: 10px;
}

.content h5 {
	font-weight: normal;
	margin-left: 20px;
	font: normal 14px 'Trebuchet MS' ,Arial,Helvetica,Sans-Serif;
}


/* //////////////////////////////////////////////////////////////////// =ministry */

#ministryList {
	margin-left: 20px;
}

/* //////////////////////////////////////////////////////////////////// =calendar */

#Summary, #Caption {
	width: 28em;
}

.tableStyle {
	width: 84%;
	margin: 1em 0 1em 5%;
	border: solid #666;
	border-width: 1px 0 0 1px;
	border-collapse: collapse;
}

.tableStyle th, .tableStyle td {
	border: solid 1px #666;
	border-width: 0 1px 1px 0;
	padding: 0.2em;
}

.greyScheme, .greyScheme th, .greyScheme td {
	border-color: #e3dfbc;
}

.greyScheme .even {
	background-color: #fffeef;
}

.greyScheme th, .greyScheme thead td {
	background-color: #eee;
}

.greyScheme th.firstColumn {
	background-color: #d1d1d1;
}

/* /////////////////////////////////////////////////////////////////// =navFooter */

ul#navFooterPrayer {
	display: block;
	width: 475px;
	text-align: center;
	padding-top: 15px;
	margin: 40px 0 25px 45px;
}

ul#navFooterPrayer li {
	display: inline;
	margin: 0 6px 0 6px;
}

ul#navFooterPrayer li a {
	font: bold 10px 'Trebuchet MS' ,Arial,Sans-Serif,Helvetica;
	color: #b2b2b2;
	text-decoration: none;
}

ul#navFooter {
	display: block;
	border-top: solid 1px #b2b2b2;
	width: 475px;
	text-align: center;
	padding-top: 15px;
	margin: 40px 0 25px 45px;
}

ul#navFooter li {
	display: inline;
	margin: 0 6px 0 6px;
}

ul#navFooter li a {
	font: bold 10px 'Trebuchet MS' ,Arial,Sans-Serif,Helvetica;
	color: #b2b2b2;
	text-decoration: none;
}

p#copy {
	text-align: center;
	font: normal 10px 'Trebuchet MS' ,Arial,Sans-Serif,Helvetica;
	color: #b2b2b2;
}

/* ////////////////////////////////////////////////////////////////////// =footer */

#footer {
	clear: both;
	width: 100%;
	height: 31px;
	margin: 0 auto;
	text-align: center;
	background: #e7e3bd url(../images/footer.jpg) no-repeat 50% 50%;
}

/* //////////////////////////////////////////////////////////////// =audio player */

#audioPlayer {
	background-color: #e4e0bc;
	margin: 0;
}

/* //////////////////////////////////////////////////////////////// =contact form */

.contactForm {
	float: left;
}

.contactForm p {
	display: block;
	width: 300px;
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 155px; /* width of left column */
	border-top: 1px dashed #e3e0bd;
	height: 1%;
}

.contactForm label {
	font-weight: bold;
	float: left;
	margin-left: -155px; /* negative width of left column */
	width: 150px;
	color: #333;
}

.contactForm input, .contactForm textarea {
	border: solid 1px #a19668;
}

.contactForm input[type="text"] {
	/* IE6 does not understand the above attribute selector */
	width: 180px;
}

.contactForm textarea {
	width: 250px;
	height: 150px;
}