/* 
Title:     pastormarklauer.com master styles for screen media
Author:    steve@rejiggered.com
Updated:   9/13/07
*/

/*  =reset.css */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, address, th, td { margin : 0; padding :0; }

h2, h3, h4, h5, h6 { font-size : 100%; font-weight : normal; }

ol, ul { list-style-type : none; }

table { border-collapse : collapse; border-spacing : 0; }

caption, th { text-align : left; }

fieldset, img { border : 0; }

dt, address, caption, cite, code, dfn, i, b, th, var { font-style : normal; font-weight : normal; }


/* =blocktext */

h2, h3, h4, h5, p, blockquote, address, dl, ul, ol { margin : 0px; padding : .5em 0; }


a {outline: none;} /* =remove outlines in Firefox*/



/* =layout */

body{
	background: #1A150D;
	text-align: center;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #F9F6E9;
	line-height: 1.7;}

div#branding_content, div#nav_content, div#content, div#site_info_content{
	width: 770px;
	margin: 0 auto;
	text-align: left;}

div#content_main{
	float: left;
	clear: both;
	width: 500px;
	display: inline;}

div#content_sub{
	float: right;
	width: 245px;
	display: inline;}

div#container{
	background: #241E13 url(../images/bg_body_gradient.gif) repeat-x top left;}



/* =branding */

div#branding{
	background: url(../images/bg_branding_city.png) repeat-x top left;
	height: 216px;}

div#branding h1 {
	color: #1A150D;
	background: url(../images/bg_branding_logo.jpg) no-repeat  0 100%;
	text-indent: -2000px;
	width: 193px;
	height: 63px;
	padding-top: 20px;
	float: left;}

div#branding h1 a {
	width: 193px;
	height: 63px;
	float: left;}

div#branding p {
	background: url(../images/bg_branding_phone.jpg) no-repeat right;
	color: #1A150D;
	text-indent: -2000px;
	height: 25px;
	width: 153px;
	float: right;
	padding-top: 65px;}



/* =content_main */

div#content p, div#content li{
	font-size: 110%;}

div#content ul li{
	font-weight: normal;
	list-style-image: url(../images/li.gif);
	list-style-position: outside;}

div#content ul li p{
	margin: 0.2em 0 .5em 0;
	padding: 0;
	font-size: 100%;}

div#content ul {
	position: relative;}

div#content h2{
	font-size: 180%;
	margin-top: 20px;}

div#content h3{
	color: #CB6600;
	font-size: 140%;
	letter-spacing: -1px;
	padding: 1em 0 0 0;
	text-transform: lowercase;}

div#content blockquote p {
	font-style: italic;}

div#content p.fine_print {
	font-size: 90%;
	font-style: italic;}
	
div#content h3 span{
	color: #F9F6E9;
	font-size: 80%;
	font-style: italic;}

div#content hr{
	color: #5D4932;
	background-color: #5D4932;
	height: 1px;
	border: none;
	margin-top: 30px;}

div#content p.back_to_top{
	float: right;}

div#content p.back_to_top img{
	text-decoration: none;}

div#content blockquote{
	margin-bottom: 15px;}
div#content blockquote img.image_right{
	float: right;
	margin-top: 1.5em;}
div#content blockquote img.image_left{
	float: left;
	margin-top: 1.5em;
	margin-right:5px;}
div#content blockquote cite{
	font-weight: bold;}
p.testimony_nav{
	text-align: center;}




div#content_main ol li{
	list-style: url(../images/carrot.gif) outside;}
div#content_main li.answer{
	color: #F9F6E9;}
div#content_main h3.faq{
	color: #F9F6E9;
	padding-top: .5em;}

div#content_main ol li.question{
	color:#CB6600;
	text-decoration: underline;
	cursor: pointer;}
div#content_main ol li.question:hover{
	color:#CB6600;
	text-decoration: none;}

div#content noscript h3{
margin-top: 16px;
text-transform: none;}

body#no_js ol li{
	list-style: none;}
body#no_js ol li.question{
	text-decoration: none;
	cursor: auto;
	font-weight: bold;}
body#no_js ol li.answer{
	margin-bottom: 10px;}
body#stole{
	background: #352E1F;}
body#stole div#container{
	background: none;}
body#stole img{
	border: #5D4932 1px solid;
	margin-top: 15px;}


div#errors{
	margin-top: 41px;}
div#errors p, div#errors ul{
	color: #CB6600;
	background: #352E1F;
	border: #5D4932 1px solid;
	padding: 0px 5px 0px 5px;	}
div#errors p{
	border-bottom: none;
	font-weight: bold;
	padding-top: 5px;
	background: #352E1F url(../images/error.gif) no-repeat 1% 50%;
	text-indent: 20px;}
div#errors ul{
	border-top: none;
	padding-bottom: 5px;}
div#errors ul li{
	list-style-image: none;}


div#content form#contactform dd{
	margin-bottom: 10px;}

div#content span.required{
	color: #CB6600;
	font-size: 120%;}


div#content form#contactform dd input, div#content form#contactform dd select, div#content form#contactform dd textarea{
	background-color: #F9F5CE;}

div#content form#contactform dd input:focus, div#content form#contactform dd select:focus, div#content form#contactform dd textarea:focus{
	background-color: white;}

div#content form#contactform dd select{
	width: 291px;}




/* =content_sub */

div#content_sub_main, div#content_sub_sub{
	background: #352E1F;
	border: #5D4932 1px solid;
	border-top: none;
	margin: 35px 0 20px 0px;}

div#content_sub_main{
	margin-top: 0;}

div#content_sub_sub{
	border-top: #5D4932 1px solid;}

div#content_sub_sub, div#content_main{
	margin-bottom: 60px;}

div#content_sub p, div#content_sub ul{
	padding: 0em .7em .5em .7em;}

div#content_sub ul li{
	list-style: none}
	
div#content_sub h3{
	padding: 0 0 .5em .4em;}
	
div#content_sub h4#home{
	background: url(../images/bg_about_mark.jpg) no-repeat top left;
	height: 167px;
	margin: 20px 0 0 0;
	padding: 0;
	text-indent: -2000px;}

div#content_sub h4#about{
	background: url(../images/bg_about_mark2.jpg) no-repeat top left;
	height: 231px;
	margin: 20px 0 0 0;
	padding: 0;
	text-indent: -2000px;}
	
div#content_sub h4#wedding {
	background: url(../images/bg_services_wedding.jpg) no-repeat top left;
	height: 198px;
	margin: 12px 0 0 0;
	padding: 0;
	text-indent: -2000px;}

div#content_sub h4#baptism {
	background: url(../images/bg_services_baptism.jpg) no-repeat top left;
	height: 189px;
	margin: 12px 0 0 0;
	padding: 0;
	text-indent: -2000px;}

div#content_sub h4#counseling {
	background: url(../images/bg_services_counseling.jpg) no-repeat top left;
	height: 190px;
	margin: 12px 0 0 0;
	padding: 0;
	text-indent: -2000px;}
	
div.nographic_sub {
	margin: 40px 0 0 0;
	padding: 0;
	border-top: #5D4932 1px solid;}



/* =site info */

div#site_info{
	width: 100%;
	clear: both;
	background: #1A150D;}

div#site_info p{
	font-size: 90%;
	line-height: 1;
	color: #433C2A;
	padding: 2em 0;}



/* =links */

div#container a:link, div#container a:visited{
	color:#CB6600;
	text-decoration: underline;}
div#container a:hover{
	color:#CB6600;
	text-decoration: none;}



/* =navigation */

div#nav{
	background: #352E1F;
	height: 3em;
	border-bottom: 1px solid #5D4932;}
	
div#nav ul{
	margin: 0;
	padding: 0;}

div#nav ul li{
	padding-right: 1.5em;
	margin: 0;
	text-transform: lowercase;
	font-size: 120%;
	display: inline;
	float: left; }

div#nav a{
	padding: .4em .2em 0em .2em;
	margin: 0;
	height: 2.3em;
	float: left;}

div#nav a:link, div#nav a:visited{
	color:#F9F6E9;
	text-decoration: none;}
	
div#nav a:hover, div#container div#nav a.current{
	color:#CB6600;
	text-decoration: underline;}