/* =Reset
======================================================================== */
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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* =Layout
======================================================================== */
* {	margin: 0; padding: 0; }

#wrap { margin: 0px auto; width: 770px;  }

#header { height: 143px; width: 100%; }

#main { float: right; width: 580px; }
	#innertext { padding: 10px 30px; }
	
#nav { float: left; width: 190px; padding-top: 5px; }
	
	/* ==index.php */
	#who_are_we { padding: 0 15% 3% 10% }
	
	#what_do_we_believe { padding: 0 10% 3% 15%; }

	#worship { padding: 0 5% 3% 20%; }
	
	#learn_more { padding: 0 0 3% 25%; }
	
#map { margin: 20px auto; width: 500px; height: 300px;}

.clearing { clear: both; }

#footer { clear: both; height: 35px; margin-top: 40px; }

p { margin: 10px 0; }

ul { margin-left: 15px; }
ul.nav { margin-left: 0; padding-bottom: 15px; }
li.current { padding: 3px 7px; }
ul.nav a { display: block; padding: 4px 7px;}

dd {padding-left: 10px;}

div.portrait {float: right; width: 210px; margin: 10px; }
img.portrait { float: right; padding: 5px; margin: 10px; }
.portrait * {margin: 5px;}

.sermon_outline { margin: 0 20px; }
.sermon_outline ol { margin-left: 50px; }
	
.sermon_list { width: 530px; margin-bottom: 20px;  }
.sermon_list th { padding: 7px; }
.sermon_list td { padding: 4px; }


/* =Typography
======================================================================== */
#footer { text-align: right; font-weight: bold; font-style: italic; font-size: 85%; line-height: 1.2em; }

body { font: 73%/1.8 Verdana,Arial,Helvetica,sans-serif; text-align: justify; }

ul.nav { font: italic 120% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; text-align: right; }
ul.nav a { text-decoration: none; }
ul.nav li a:hover { font-weight: bold; }
li.current { font-weight: bold; font-style: italic; }

dt { font-weight: bold; font-style: italic; }

h1 { font-size: 160%; font-weight: bold; }
h2 { font-size: 150%; font-weight: bold; }
h3 { font-size: 120%; font-weight: bold; }
h4 { font-size: 130%; font-style: italic; }
h5 { font-size: 100%; font-weight: bold; }
h6 { font-size: 100%; font-style: italic; }
h1.subtle { font-style: italic; font-size: 100%; letter-spacing: 1em; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.sermon_outline { text-align: center; }
.sermon_outline ol { list-style-type: upper-roman; text-align: left; }
.sermon_outline ol li { font-weight: bold; font-size: 105%; }
.sermon_outline ol li * { font-weight: normal; }

.portrait { font-size: 90%; }

.sermon_list th { text-align: center; font-style: italic; }

strong { font-weight: bold; }
em { font-style: italic; text-decoration: underline; }

/* =Colors =Backgrounds =Borders
======================================================================== */
body { background: #e1e1e1 url('images/body_bg.png') 0% 0% repeat-x; color: #333; }

#wrap { background: #fff url('images/church_shortened.jpg') 50% 0% no-repeat; border: 1px solid #666; }
#innerwrap { background: transparent url('images/footer.jpg') 0% 100% no-repeat; }
#main {  background: transparent url('images/shadow_vert.gif') 0% 0% repeat-x; }
#footer { color: #eee; }

img { border: 0; }

.portrait { border: 1px solid #666; background: #f0f0f0; }

#nav { background: #810408 url('images/shadow_vert_wine.gif') 0% 0% repeat-x; }
ul.nav { list-style: none; background: transparent url('images/nav_transition.gif') 0% 100% no-repeat; }
ul.nav a { color: #dbb; border-bottom: 1px dotted #a22; }
ul.nav a:hover {background: #984749; color: #fff; border-right: 6px solid #cb6e70; }
li.current { background: #fff; border-top: 3px solid #cb6e70; border-bottom: 3px solid #cb6e70; }

.sermon_list { border: 1px solid #666; }
.sermon_list th { background: url('images/table_header.png') 0 0 repeat-x; }
.sermon_list td { border-left: 1px solid #ddd; border-top: 1px solid #aaa; }
.sermon_list tr.alt td { background: #f4f4f4;}

h1.subtle { color: #aaa; }

a:link { color: #c13418; }
a:hover { color: #dc4d30; }
a:visited { color: #932711; }

/* =Edge Cases
======================================================================== */


/* =Package Deals
======================================================================== */

/*core drop shadow rules*/
.wrap1, .wrap2, .wrap3 {
	display:inline-table;
	/* \*/display:block;/**/} 
.wrap1 {
	float:left;
	background:url(images/shadow.gif) right bottom no-repeat;}
.wrap2 {background:url(images/corner_bl.gif) left bottom no-repeat;}
.wrap3 {
	padding:0 8px 8px 0;
	background:url(images/corner_tr.gif) right top no-repeat;}
.wrap3 img {
	display:block;
	border:1px solid #ccc;
	border-color:#efefef #ccc #ccc #efefef;}