html,body,div,h1{margin:0;padding:0}
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image:url(../image-files/grad-bck.png);
	background-repeat:repeat-x;
	background-color:#ffffff;
	color: #333333;	
	text-align:center;
	font-size: 12px;
}
#header{
	height:126px;
	background-image:url(../image-files/header.jpg);
	background-repeat:no-repeat;
	position:relative;
	margin-bottom:-26px;
	padding-left:300px;
	padding-top: 90px;
}
#blackstrap{
	background-color: #333333;
	color: #999999;
	text-align:right;
	height:30px;
	padding:1px 20px 0px 0px;
	position:relative;
}
#nav-bar{
	background-image:url(../image-files/nav-bck.gif);
	background-repeat:repeat-x;
	height:24px;
	position:absolute;
	font-size:1.3em;
	font-weight:500;
	font-family:Arial, Helvetica, sans-serif;
	border-left:1px solid #333333;
	border-right: 1px solid #333333;
	left: 0px;
	top: 221px;
	width: 841px;
}
div#outer-wrapper{
	border: 1px solid #333333;
}
div#wrapper{
	margin-top:24px;
	float:left;
	width:841px;
	
}
div#container{
	position:relative;
	text-align:left;
	width:843px;
	margin:15px auto;
	
}

div#content{
	margin:10px 185px -10px 192px;
}
div#main-page-content{/*the content on all pages other than home page*/
	margin:10px 20px -10px 192px;
	padding-bottom: 15px;
}

div#navigation{
	float:left;
	width:178px;
	margin-left:-841px;
	margin-top:26px;
	padding-left:3px;
	text-align:center;
}


div#extra{
	float:left;
	width:165px;
	margin-left:-176px;
	margin-top:26px;
	padding-right:10px;
	

}
div#footer{
	clear:left;
	width:841px;
	text-align:right;
	margin: 0 auto;
}
#keywords{
	width:700px;
	text-align: centre;
	margin: 0 auto;
	color: #999999;
}
#keywords a{color: #999999; text-decoration: none;}
#keywords a:hover{ text-decoration:underline;}
div#hotspot{
	position:absolute;
	left: 13px;
	top: 18px;
	width: 189px;
	height: 65px;
}
div#hotspot a{
	display:block;
	width:189px;
	height: 65px;
	
}
.clear{clear:both; height:0px; width:100%}/*clear all content above*/
.right{float:right; margin: 3px 0px 3px 3px;}/*the image floats*/
.left{float:left; margin: 3px 3px 3px 0px;}/*the image floats*/

/*#####the advertising banner divs#################*/
.banner{/*the advertising banners*/
	margin:5px 0px;
}
.lg-banner{
	height:41px;
	width: 161px;
	text-align:center;
	margin:0 auto;
	padding-top:120px;
}
.lg-banner a{ color:#FFFFFF; text-decoration:none; font-weight:600;}
.lg-banner a:hover{ text-decoration: underline;}

#christian-books{
	background-image:url(../image-files/christian-books.jpg);
	background-repeat:no-repeat;
}
#dating-tips{
	background-image:url(../image-files/christian-dating-tips.jpg);
	background-repeat:no-repeat;
}
/*#####endof the advertising banner divs#################*/

/* form table formatting*/
table{
	text-align:right;
	
}
form{margin-left:100px; font-size:1.2em; font-weight:600; margin-bottom:15px;}
input{border: 1px solid #f9591d;}
textarea{border: 1px solid #f9591d; overflow: auto;}
.btn{ color:#FFFFFF; background-image:url(../image-files/btn-bck.gif); background-repeat:repeat-x;}
.btn:hover{background-image:url(../image-files/btn-bck-over.gif); background-repeat:repeat-x;}

/* form table formatting*/
/*################the horizontal list navigation bar###################*/

 #nav-bar ul
{
margin-top:0px;
padding-left: 20px;
margin-left: 0;
color: White;
float: left;
width: 100%;
font-family:Arial, Helvetica, sans-serif;
}

#nav-bar ul li { display: inline; }

#nav-bar ul li a
{
padding-top:2px;
padding: 2px 1.4em 0em 1.4em;
color: White;
text-decoration: none;
float: left;
height:22px;

}

#nav-bar ul li a:hover
{
background-image:url(../image-files/nav-over.gif);
color: #fff;
}

/*################endof horizontal navigation################*/



/*typography###########################*/
h1.orange-span{
	color: #f9591d;
	font-size:1.5em;
	font-style:oblique;
	margin-bottom: 20px;
}
h1.blue-span{
	color: #336699;
	font-size: 1.4em;
}
h2{
	color: #336699;
	font-size: 1.4em;
}
h2.orange-span{color:#f9591d;}
h3{
	color: #ffffff;
	display:inline;
	padding:1px 5px;
	background-color: #669999;
	border: 1px solid #333333;
	margin-top: 10px;
}
h4{border: 1px solid #999999; color: #006699; padding:3px 0;}
em{font-weight:600;}
p.small-text{
	font-size: 0.8em;
}
p.orange{color:#f9591d}
#header p{
	color: #ffffff;
	font-size: 1.4em;
	font-stretch:wider;
	letter-spacing:0.4pt;
}
p.costs{/*the formatting on the about page for prices*/
	font-size:1.2em;
	font-weight:500;
}
p.quote{
	font-style:italic;
}
span.inline{display:inline; font-weight: 600; background-color:#f9591d;; color:#FFFFFF; padding: 0 2px; margin-right: 2px;}
#blackstrap a{color: #999999; text-decoration: none;}
#blackstrap a:hover{ text-decoration: underline;color:#ffffff}
#footer a{color:#333333; text-decoration:none;}
#footer a:hover{ text-decoration:underline;}
a.button{
	display:block;
	padding:1em 0em;
	background-image:url(../image-files/btn-bck.gif);
	background-repeat:repeat-x;
	color:#FFFFFF;
	font-size:1.1em;
	font-weight:600;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: center;
	}
a.button:hover{
	text-decoration:underline;
	background-image:url(../image-files/btn-bck-over.gif);
	background-repeat:repeat-x;
}
a.button#donate{
	font-size:1.3em;
	padding: 0.5em;
}
a.read-more{
	font-size:1.2em;
	color: #f9591d;
	font-weight:600;
	text-decoration:none;
}
a.read-more:hover{text-decoration: underline;}