/*

	TITLE:	First Baptist Church Owasso
	DATE:	4-24-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 Arial;
	background: #2b1507 url('images/mainBg.jpg') repeat-x;
}

/* links */
a{font-weight: bold; color: #000;}
a:hover{text-decoration: none;}

/* heading */
h1{font: normal 2.0em Georgia; padding: 5px 0px;}
h2{font: normal 1.6em Georgia; padding: 3px 0px;}
h3{font: normal 1.4em Georgia; padding: 2px 0px;}
h4{font: normal 1.2em Georgia; padding: 1px 0px;}
h5{font: normal 1.0em Georgia; padding: 0px 0px;}
h6{font: normal 0.8em Georgia; padding: 0px 0px;}

/* para-list */
p{margin: 5px 0px; padding: 3px 0px;}


/*
 LAYOUT.
-----------------------------------------------*/
#shdwTile{width: 100%; float: left; background: url('images/shdwTile.gif') center top repeat-y;}
#shdwTop{width: 100%; float: left; background: url('images/shdwTop.gif') center top no-repeat;}

#frame{width: 782px; margin: 0 auto;}

#header{width: 782px; height: 88px; float: left; background: url('images/header.jpg') no-repeat;}
#header h1#mainTitle a{width: 515px; height: 80px; float: left; text-indent: -9999px; }
#header #search{width: 204px; float: right; padding: 9px 9px 0 0; margin: -9px 0 0 0;}
#header #search .searchInput{width: 147px; height: 22px; float: left; border: 0; background: url('images/search.gif') no-repeat;}
#header #search .searchButton{width: 49px; height: 22px; float: right; border: 0; font-size: 0; cursor: pointer; color: #fff; background: url('images/searchBtn.gif') no-repeat;}

#mainNav{width: 782px; float: left; background: url('images/mainNav.jpg') repeat-x;}
#mainNav ul{padding: 3px 10px; text-align: center; }
#mainNav li{list-style: none; float: left; padding: 0 1px 0 0;  background: url('images/mainNavSep.jpg') right no-repeat;}
#mainNav li a{float: left; padding: 9px 15px 12px 13px; font: normal 1.2em Arial; color: #fff; text-decoration: none;}
#mainNav li a:hover, #mainNav li.selectedPage a{background: url('images/mainNavOver.jpg') repeat-x;}

#container{width: 782px; float: left; background: url('images/container.jpg') repeat-y;}
#containerStretch{width: 782px; float: left; padding: 0 0 17px 0; background: url('images/containerStretch.jpg') bottom no-repeat;}

#intro{width: 732px; float: left; margin: 0 16px; padding: 8px 9px; display: inline; background: #500303 url('images/intro.jpg') bottom no-repeat;}
#intro h1{color: #ffd358;}
#intro #welcome{width: 206px; height: auto; min-height: 228px; _height: 228px; padding: 10px 15px; float: left; color: #d3c3ac; background: url('images/welcome.gif') no-repeat;}
#intro #flash{width: 487px; float: right;}

#actionsTile{width: 750px; float: left; margin: 10px 16px; color: #2b1507; display: inline; background: url('images/actionsTile.jpg') repeat-y;}
#actionsTop{width: 750px; float: left; background: url('images/actionsTop.jpg') top no-repeat;}
#actionsBottom{width: 750px; float: left; background: url('images/actionsBottom.jpg') bottom no-repeat;}
#actionsBottom #aLeft{width: 497px; float: left;}
#actionsBottom #a1{width: 203px; float: left; margin: 6px 20px; display: inline;}
#actionsBottom #a2{width: 202px; float: right; margin: 6px 20px 6px 31px; display: inline;}
#actionsBottom #a3{width: 202px; float: right; margin: 6px 20px 6px 31px; display: inline;}
#actionsBottom #a1 h1, #actionsBottom #a2 h1, #actionsBottom #a3 h1 {color: #404a38; border-bottom: 1px solid #b5a799;}
#actionsBottom #a1 ul, #actionsBottom #a2 ul, #actionsBottom #a3 ul{padding: 10px 10px;}
#actionsBottom #a1 li, #actionsBottom #a2 li, #actionsBottom #a3 li{list-style: none; padding: 2px 0;}
#actionsBottom #a1 li a, #actionsBottom #a2 li a, #actionsBottom #a3 li a{padding: 0px 15px; text-decoration: none; background: url('images/brownArrow.gif') 0 3px no-repeat;}
#actionsBottom #a1 li a:hover, #actionsBottom #a2 li a:hover, #actionsBottom #a3 li a:hover{color: #4a6037; background: url('images/greenArrow.gif') 0 3px no-repeat;}

#mainCol{width: 524px; float: right; margin: 12px 16px 0 0; color: #2b1507; display: inline; background:#fff url('images/mainCol.jpg') top no-repeat;}
td.data{padding: 5px; border: 1px solid #ccc; background: #eee;}
#mainCol #mainColStretch{width: 524px; float: left; padding: 8px 0 0 0; background: url('images/mainColStretch.jpg') bottom no-repeat;}
#mainCol h1, #mainCol h2, #mainCol h3, #mainCol h4, #mainCol h5, #mainCol h6{color: #404a38;}
#mainCol ul{padding: 5px 5px;}
#mainCol li{list-style: none; padding: 0 5px 0 15px; background: url('images/brownArrow.gif') 0 4px no-repeat;}
#mainCol a{color: #82301a;}
#mainCol #image{}
#mainCol #content{width: 474px; padding: 10px 25px 15px 25px;}

#admin{width: 730px; padding: 15px 10px; color: #2b1507; margin: 10px 15px 0 15px; background-color: #eee6da; }
#admin a{color: #82301a;}
#admin h1, #admin h2, #admin h3, #admin h4, #admin h5, #admin h6{color: #404a38;}

#subCol{width: 212px; float: left; margin: 0 0 0 17px; padding: 10px 0 10px 0; display: inline; background:#622011 url('images/sideStretch.jpg') bottom no-repeat;}
#subCol h1{color: #eebc4f; border-bottom: 1px solid #af682f;}
#subCol a{color: #eebc4f;}
#subCol #sideNav{width: 173px; float: left; margin: 0 10px 0 9px; padding: 8px 10px 8px 10px; display: inline; background: url('images/sideNav.jpg') top no-repeat;}
#subCol  ul{padding: 7px 5px;}
#subCol  li{list-style: none; padding: 2px 0;}
#subCol  #sideNav li a{color: #c0ab8d; padding: 2px 10px 2px 15px; text-decoration: none; background: url('images/arrow.gif') 0 5px no-repeat;}
#subCol  #sideNav li a:hover{color: #dfa848; background: url('images/arrowOver.gif') 0 5px no-repeat;}
#subCol #sideSec{width: 173px; float: left; color: #c0ab8d; margin: 25px 10px 10px 9px; display: inline; padding: 0 10px; display: inline;}
#subCol #sideSec ul{padding: 5px 0px; }
#subCol #sideSec li{padding: 2px; list-style:none;}
#subCol #sideSec li a{color: #c0ab8d;  text-decoration: none;}
#subCol #sideSec li a:hover{color: #dfa848;}

#footer{width: 100%; float: left; padding: 30px 0 15px 0; color: #c0ab8d; background: #2a1507 url('images/shdwBottom.gif') center top no-repeat;}
#footer #fContent{width: 780px; margin: 0 auto; }
#footer #fContent p{padding: 0; margin: 3px 0;}
#footer #fContent ul{padding: 0; margin: 0;}
#footer #fContent li{list-style: none; display: inline; padding: 0 5px 0 0;}
#footer #fContent li a{color: #c0ab8d;}
#footer #fContent li a:hover{}
#footer #fContent p#sky a{width: 115px; height: 23px; float: right; text-indent: -9999px; margin: -40px 5px 0 0; display: inline; background: url('images/sky.gif') no-repeat;}

.eventsElement table{border-collapse: collapse;}
.eventsElement td{background: # !important;}
.eventsElement td a{}
.eventsElement td td a{}
.eventsElement td td{background: # !important;}
.eventsElement td table td a{background: # !important;}
.eventsElement th{background: #82301a !important;}
.eventsElement table table td{background: # !important;}

/* Store Front */
body#store #header{width: 782px; height: 88px; float: left; background: url('images/header-2.jpg') no-repeat;}

.MenuItemDown{}
.MenuItem{}

.VertTopMenuItem{cursor:pointer; color: #c0ab8d; padding: 2px 10px 2px 15px; text-decoration: none; background: url('images/arrow.gif') 0 5px no-repeat;}/* links */
.VertTopMenuItemHover{cursor:pointer; color: #dfa848; background: url('images/arrowOver.gif') 0 5px no-repeat;}		

.VertMenuItem{ width: 150px; cursor:pointer; background: #782714; color: #dfa848;}
.VertMenuItemHover{width: 150px; cursor:pointer; background: #dfa848; color: #782714;}
				
.VertScrollItem{}
.VertScrollItemH{}
.VertScrollItemA{}
			
.VertScrollItem{}
.VertScrollItemH{}
.VertScrollItemA{}

/*
 MISC.
-----------------------------------------------*/
.left{float: left;}
.right{float: right;}
.black{color: #000;}
.white{color: #fff;}
.hide{display: none;}

/* clearing */
#ListOfDivs:after{
	content: '.';
	height: 0px;
	visibility: hidden;
	display: block;
	clear: both;	
}