/* --- DISCLAIMER --------------------------------------------------------------------------------------------------------------------------------- */
/* - This website, it's contents and the corresponding code (css, html, etc) are copyright 2006 Sean D'Entremont.  You may not change, copy,
	distibute or otherwise tamper with any of the previously stated items without my permission.  Feel free to use the code as an example for
	learning. (although I cannot claim that my code is well written by any means)  If you have any questions or comments, or you would like to
	request permission to use anything found on my site, send me an email at: sdent64@hotmail.com - This code is best displayed using a mono
	-spaced font */

/* ----- CLEAR ALL MARGINS ------------------------------------------------------------------------------------------------------------------------ */
* { margin: 0px; padding: 0px; }

/* ----- LIST STYLE ------------------------------------------------------------------------------------------------------------------------------- */
#contactList { list-style-type: none; } #contactList li { display: block; }

/* ----- BODY ADJUSTMENTS ------------------------------------------------------------------------------------------------------------------------- */
html,body { height: 100%; }
body {
	background: #fff url(../images/bgtile.gif) repeat;
	color: #333;
	font-family: 'trebuchet ms', verdana, helvetica, arial, sans-serif;
	font-size: 12px;
	overflow: -moz-scrollbars-vertical;
	}

/* ----- BODY ATTRIBUTES -------------------------------------------------------------------------------------------------------------------------- */
h1, h2 { font-size: 18px; font-weight: normal; padding-top: 24px; margin-bottom: 10px; text-transform: uppercase; }
h2 { line-height: 16px; margin-bottom: 30px; }
h3 { text-indent: 12px; font-size: 14px; margin-top: 12px; margin-bottom: 6px; }
p { text-indent: 12px; margin-right: 0px; line-height: 18px; text-align: justify; }
p, h1, h2, h3, .dirList, .linkList { margin-left: 175px; }
.currentMenu { color: #000; }

a:link, a:visited { color: #223388; text-decoration: underline; }
a:hover, a:active { color: #2255ee; text-decoration: underline; }

ul li {
	margin-top: 0px;
}
.linkList { line-height: 28px; list-style: none; color: #999; }
.linkList a:link, a:visited { color: #223388; text-decoration: underline; }
.linkList a:hover, a:active { color: #2255ee; text-decoration: underline; }

/* ----- CONTAINER LAYOUT ------------------------------------------------------------------------------------------------------------------------- */
#container {
	width:704px;
	margin: 0px auto;
	background: url(../images/containerTile.gif) repeat-y;
	position: relative;
	text-align: center;
	}

/* ----- MENU LAYOUT ------------------------------------------------------------------------------------------------------------------------------ */
#rootMenu { height: 70px; }
#rootMenu ul { position: absolute; top: 14px; right: 14px; }
#rootMenu ul li {
	display: inline;
	font-size: 11px;
	margin-left: 18px;
	padding-left: 6px;
	border-left: 1px solid #ccc;
	}
#rootMenu ul li a:link, #rootMenu ul li a:visited, #rootMenu ul li a:active { color: #666; }
#rootMenu ul li a:hover { color: #000; }
#textSize {
	font-size: 11px;
	position: absolute;
	top: 50px;
	right: 14px;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
#textSize ul li { display: inline; margin-left: 12px; }
.textSizeH1 { font-weight: bold; font-size: 11px; }
#textSize ul li a:link, #textSize ul li a:visited, #textSize ul li a:active { color: #666; }
#textSize ul li a:hover { color: #000; }

/* ----- HEADER LAYOUT ---------------------------------------------------------------------------------------------------------------------------- */
#header h1 {
	color: #000;
	margin: 0;
	padding: 0;
	line-height: 22px;
	text-align: right;
	text-transform: none;
	position: absolute;
	top: 20px;
	left: 14px;
	}
#logoMain { font-size: 32px; }
#logoSub { font-size: 14px; }
#headerSub { color: #777; font-size: 11px; text-transform: none; }
#header { margin: 0px 2px 0px 2px; text-align: left; }
#headerGraphic { width: 700px; height: 182px; }
#biblePassage {
	display: none;
	width: 455px;
	color: #fff;
	font-size: 13px;
	font-style: italic;
	text-align: right;
	position: absolute;
	top: 100px;
	right: 37px;
	}
#biblePassage p { line-height: 20px; }
#centerColumn {
	background: url(../images/content_tile.gif) repeat-x;
	margin: 0px 2px 0px 2px;
	padding: 0px 32px 10px 32px;
	text-align: left;
	}
	
/* ----- SIDE INFO LAYOUT --------------------------------------------------------------------------------------------------------------------------- */
#contactUs, #serviceList {
	background: #f3f3f3;
	padding: 10px;
	position: absolute;
	}
#serviceList { top: 278px; left: 33px; }
#contactUs { top: 467px; left: 33px; }
.serviceInfoBorder { border-style: solid; border-width: 1px; border-color: #e1e1e1; }
.contactInfoBorder { border-style: solid; border-width: 1px; border-color: #e1e1e1; }
.sideInfoList { list-style: none; }
.sideInfoList li { margin-bottom: 2px; }
.infoListH1 { font-size: 13px; font-weight: bold; margin-bottom: 4px; text-transform: uppercase; }
.infoListH2 { font-size: 14px; font-weight: bold; color: #333; margin-top: 6px; text-decoration: none; }
.infoListSub { font-size: 11px; margin-bottom: 8px; }
.infoListFoot { margin-bottom: 24px; } 

/* ----- COLUMN AREA LAYOUT ----------------------------------------------------------------------------------------------------------------------- */
.dirList {
	list-style: none;
	line-height: 18px;
	}

#footer {
	background: url(../images/footer_tile.gif) repeat-x bottom;
	width: 702px;
	color: #cfcfcf;
	margin-left: 1px;
	padding: 15px 0px 2px 0px;
	clear: both;
	}
#footer p { font-size: 11px; text-align: left; }