/*

	TITLE:	Faith Temple
	DATE:	4-20-07

*/
/* 
 ZERO
-----------------------------------------------*/
h1, h2, h3, h4, h5, h6,
ul, li,
p, br, form, body,
img{margin: 0;	padding: 0;	border: 0;}

/*
 MAIN 
-----------------------------------------------*/
body{
	font: normal 12px/17px Tahoma; color: #595959;
	background: #ffffff url('images/mainBg.jpg') center top repeat-x;
}

/* <textEditor> */
.fontArial {font: arial, sans-serif;}
.fontArialBlack {font: "Arial Black", sans-serif;}
.fontArialRounded {font: "Arial Rounded Bold", sans-serif;}
.fontCenturyGothic {font: "Century Gothic", sans-serif;}
.fontComicSans {font: "Comic Sans", sans-serif;}
.fontMonoTypeCorsiva {font: "Monotype Corsive", sans-serif;}
.fontTahoma {font: Tahoma, sans-serif;}
.fontTimesNewRoman {font: "Times New Roman", sans-serif;}
/* </textEditor>  */

/* links */
a{font-weight: bold; color: #7f0000;}
a:hover{text-decoration: none;}

/* heading */
h1{font: normal 1.8em Arial; color: #7f0000; padding: 5px 0px;}
h2{font: normal 1.6em Arial; color: #7f0000; padding: 3px 0px;}
h3{font: normal 1.4em Arial; color: #7f0000; padding: 2px 0px;}
h4{font: normal 1.2em Arial; color: #7f0000; padding: 1px 0px;}
h5{font: normal 1.0em Arial; color: #7f0000; padding: 0px 0px;}
h6{font: normal 0.9em Arial; color: #7f0000; padding: 0px 0px;}

/* para-list */
p{margin: 5px 0px; padding: 3px 0px;}


/*
 LAYOUT.
-----------------------------------------------*/
#shdwTop{width: 100%; float: left; background: url('images/shdwTop.gif') center top no-repeat;}
#shdwTile{width: 100%; float: left; background: url('images/shdwTile.gif') center top repeat-y;}
#shdwBottom{width: 100%; float: left; padding: 0 0 0px 0; }

#frame{width: 780px; margin: 0 auto;}
#header{width: 780px; height: 81px; float: left; background: url('images/header.jpg') no-repeat;}
#header h1#logo a{width: 319px; height: 81px; margin: -5px 0 0 0; _margin: 3px 0 0 0; float: left; text-indent: -9999px;}
#header #search{width: 220px; padding: 33px 26px 0 0; float: right; color: #626262;}
#header #search .searchInput{width: 162px; height: 22px; float: left; text-indent: 5px; border: 0; background: url('images/searchTxt.jpg') no-repeat;}
#header #search .searchButton{width: 51px; height: 22px; float: right; border: 0; color: #626262; font-size: 0; background: url('images/search.jpg') no-repeat;}
#body{width: 740px; float: left; padding: 15px 20px; background: #f7f7f7;}
#body{/* internal */} body#internal #body{padding: 5px 20px 15px 20px;}

#flash{width: 740px; float: left; }


#actionsTile{width: 740px; float: left; background: url('images/actionsTile.jpg') repeat-y;}
#actionsTop{width: 740px; float: left; background: url('images/actionsTop.jpg') no-repeat;}
#actionsBottom{width: 740px; float: left; background: url('images/actionsBottom.jpg') 0px bottom no-repeat;}
#actionsBottom #aLeft{width: 472px; float: left; margin: 0 0 0 10px; display: inline; }
#actionsBottom #aLeft #a1{width: 204px; float: left; padding: 22px 10px 50px 10px;}
#actionsBottom #aLeft #a2{width: 203px; float: right; padding: 22px 10px 50px 10px;}
#actionsBottom #aRight{width: 202px; float: right; margin: 0 10px 0 0; display: inline; padding: 22px 10px 50px 10px;}
#actionsBottom #aRight #a3{}
#a1, #a2, #a3{height: auto; min-height: 220px; height: 220px; text-align: center; }
#a1 h4, #a2 h4, #a3 h4{font-weight: bold; margin-top: 10px;}
#newsEvents{width: 740px; float: left; padding: 15px 0 0 0;  }
#newsEvents ul{padding: 5px;}
#newsEvents li{list-style: none;}
#newsEvents #events{width: 222px; float: left; margin: 0 0 0 12px; display: inline; }
#newsEvents #events .element{padding: 5px 0 0 0;}
#newsEvents #events a{color: #000;}
#newsEvents #news{width: 471px; float: right; margin: 0 9px 0 0; display: inline; }
#newsEvents h1{font: normal 18px Arial; color: #8b0e0d; border-bottom: 1px solid #b9b9b9;}
  
#mainCol{width: 486px; float: right; }
#mainCol #image{width: 100%; float: left;  }
#mainCol #image .element{padding: 0 0 20px 0; background: #f7f7f7 url('images/content.jpg') bottom no-repeat;}
#mainCol #content{width: 486px; float: left; }
#mainCol ul{padding: 5px 15px;}

#subCol{width: 233px; float: left;}
#subCol #sideNav{width: 233px; float: left; padding: 0px 0 0 0; font-size: 1.1em; background: #545454 url('images/sideNavTp.jpg') no-repeat;}
#subCol #sideNav h1{width: 203px; float: left; font: normal 1.6em Arial;  padding: 7px 10px 5px 20px; color: #fff; background: #000 url('images/sideNavTp.jpg') no-repeat;}
#subCol #sideNav ul{width: 233px; float: left; padding: 0 0 40px 0; background: url('images/sideNavBt.jpg') bottom no-repeat;}
#subCol #sideNav li{width: 233px; float: left; list-style: none;  background-color: #DDD; list-style: none;}
#subCol #sideNav li a{width: 193px; float: left; padding: 7px 20px; color: #fff; text-decoration: none; background:#545454 url('images/sideNavBg.jpg') repeat-x; border-bottom: 1px solid #383838;}
#subCol #sideNav li a:hover{background:#2a2a2a url('images/sideNavOver.jpg') repeat-x;}

#subCol #sideSec{width: 203px; float: left; padding: 0 15px;}
#subCol #sideSec h1{font-size: 1.6em;}
#subCol #sideSec ul{padding: 5px 15px;}
#subCol #sideSec li{list-style: none;}
#subCol #sideSec li h2{font-size: 12px;}
#subCol #sideSec a{color: #000; text-decoration: none;}
#subCol #sideSec li a{}
#subCol #sideSec li a:hover{}
#subCol #sideSec .postInfo em{display: none;}


#footer{width: 100%; float: left; color: #828282; padding: 50px 0 15px 0; background: #fff url('images/shdwBottom.gif') center top no-repeat;}
#footer #footerContent{width: 780px; margin: 0px auto 0 auto; }
#footer a{color: #828282; font-weight: normal;}
#footer #footerNav{}
#footer #footerNav ul{}
#footer #footerNav li{list-style: none; display: inline;} 
#footer #footerNav li a:hover{} 
#footer p#water a{width: 115px; height: 23px; float: right; text-indent: -9999px; margin: -50px 0 0 0; background: url('images/water.gif') no-repeat;}




/*
 MISC.
-----------------------------------------------*/
.left{float: left;}
.right{float: right;}
.black{color: #000;}
.white{color: #fff;}
.hide{display: none;}

/* clearing */
#actionsTile:after,
#actionsBottom:after{
	content: '.';
	height: 0px;
	visibility: hidden;
	display: block;
	clear: both;	
}