/***********************/
/******* body **********/
/***********************/
body {
	background-image:url(../images/bg_background.gif);
	text-align:center;
	padding:0px;
	font-family: arial, "bitstream charter", FreeSans, sans-serif;
	font-size: 10pt;
	margin: 0px;
	color: #001F53; 112F64; 
}
#container {
	background-color: white;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	padding: 0px;
	text-align:left;
	width:772px;
}

/***********************/
/***** global **********/
/***********************/
a.tpl, a.tpl:visited:active:link {
	color:#625; red;
	text-decoration: none;
}
a.tpl:hover { text-decoration: underline; }
.clear {clear: both;}
em { font-style: italic; font-weight: bold;}
img { border:0px; }
p {margin-bottom: .75em;margin-top: .75em;}
.left { float: left;}
.right {float: right;}
.error { color: red;}


/***********************/
/****** print-only *****/
/***********************/
#footer-print { display:none; }
#print-header { display:none; }

/***********************/
/******* header ********/
/***********************/
#header { 
	padding: 0px; 
	margin: 0px; 
}
.header-img { float: right; margin:0px; padding:0px; text-align:right; }
.header-logo {float: left; margin-top: 17px; margin-left:4px; background-color: white;}

.showing { border:0px; height:376px; width:292px; }

/***********************/
/****** nav bar ********/ 
/***********************/
.navbar { 
	width:100%; 
	height: 45px;
	margin:0; 
	padding:0; 
	background-image:url(../images/nav-background.JPG); 
	b order:3px solid red;
	overflow: hidden;
}
a.navone { padding:14px 7px 0 7px;}
a.navtwo { padding:7px 7px 0 7px;}
.navbar a, .navbar a:link:visited:active { 
	float:left; 
	height: 45px;
	p adding:7px 7px 0 7px; 
	background-image:url(../images/nav-background.JPG); 
	border-right :solid 1px #226; 
	text-decoration:none; 
	text-align: left; 
	vertical-align: center;
	font-size: 9pt;
	color:white;
}
.navbar a:hover, .navbar a.lmon { 
	background-image:url(../images/nav-background-on.JPG); 
}
.vnavbar {
	text-align:center; 
	/*border: 1px black solid;*/
	padding-bottom: 10px;
	/*line-height: 115%;*/
}
.vnavbar a, .vnavbar a:visited {
	text-align:center; vertical-align:center;
	text-decoration:none;
	font-weight:bold;
	color: black;
	display: block;
	width: 90%; min-height:1.45em;
	/*border:solid 1px #633;*/
	margin:2px auto;
}
.vnavbar a:hover, .vnavbar a.von {
	background-color:#BBB;
	/*border:inset 1px #58F;*/
}
.vnav-title { 
	background-color:#001F53; 
	color: white; 
	font-weight: bold; 
	width:90%;
	margin-top: 7px;
	padding-top:2px; padding-bottom:2px;
}

/***********************/
/**** main content *****/
/***********************/
.content {
  width:100%;
  border-collapse: collapse;
  background-color: #CCC;
}
.welcome { 
	width:400px;
	background-image:url(../images/clouds4.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	font-size:12pt;
	font-family: "eras demi itc", "urw gothic", FreeSans, arial, sans-serif;
	font-weight: bold;
	text-align: center;
	verticle-align: center;
}
.welcome div{padding: 26px;}
.welcome-title { font-size: 14pt;}

.now-playing {
	font-size: 16pt;
	font-weight: bold;
	background-color: black;  #ddd;
	color: white;
	text-align: center;
	padding-top:15px;
	padding-bottom:15px;
}

/*****************
** PAGE CONTENT **
*****************/
.center {text-align: center;}
.menu { font-size:12pt; f ont-weight: bold;}
.page-title { 
	font-size: 18pt; 
	font-family: "eras demi itc", "urw gothic", FreeSans, arial, sans-serif; 
	padding: 10px 0 10px 15px; margin: 0px;
	background-color: #CCC;
	font-style: italic;
	b order-bottom: solid 3px #AAA; 
	b order-right: solid 3px #999; 
}
.page-content { margin: 0 15px 10px 15px; }
.larger { font-size: larger;}
h2 {font-size: 14pt; margin:.2em 0 .2em 0;}
h3 {font-size: 12pt; margin:.2em 0 .2em 0;}
.top {clear: both; text-align: right;}
.top a, .top a:link:visited:active { color: red;}

/*******************
** ADMINISTRATION **
*******************/
.admin-menu {
	margin: 10px 0 0 10px;
	font-size: 12pt;
	font-weight: bold;
}
.sidebar { 
	margin:0px; padding:0px;
	vertical-align:top;
	/*background-color:#dfd; */
	width: 187px; 
	border-right: 1px solid #CCC;
	b order-bottom: 1px solid #633;
}
.mainpage { vertical-align:top; padding: 0 5px 10px 0; }
}

/*****************
** SMALL GROUPS **
*****************/
.smallgroup-image { float: left; margin: 0;}
.smallgroup-text { f loat: left; margin: 15px; font-size:11pt;}
.smallgroup-table { margin-left: auto; margin-right: auto; }
.smallgroup-table td {
	padding:13px 7px 0 7px;
	vertical-align: top;
	color: white; 
	font-weight: bold; 
	width:158px; 
	height:120px; 
	background-image: url('../images/smallgroup-benefit.PNG');
	background-repeat: no-repeat;
	text-align: center;
}
.smallgroup-linktable { margin-left: auto; margin-right: auto; 	width: 650px; border-collapse: collapse;}
.smallgroup-linktable th { color: white; background-color:#001F53;padding1px; text-align: center;}
.smallgroup-linktable th, .smallgroup-linktable td{ border-right: solid 1px white; padding:3px;}
.odd { background-color:#DDD; }
.even { background-color:#EEE; }


/***********************
** CHILDRENS MINISTRY **
***********************/
.childrens-table { margin-left: auto; margin-right: auto; }
.childrens-table td {
	padding:13px 12px 0 12px;
	vertical-align: top;
	color: white; 
	font-weight: bold; 
	width:158px; 
	height:170px; 
	background-image: url('../images/children-bluebox.PNG');
	background-repeat: no-repeat;
	text-align: left;
}

/**********
** STAFF **
**********/
.staff-table {width:600px; margin-left:auto; margin-right: auto; }
.staff-table td {width:300px; }

/**********
**  MAP  **
**********/
.map-p { }


/******************
** FOOTER STYLES **
******************/
.footer-left { 
	width:560px; 
	font-size:10pt;
	padding:5px 0 5px 10px;
	text-align: left;
}
.footer-left div{ padding:5px 0 5px 10px; }
.footer-right {
	font-size:10pt;
	padding:5px 0 5px 10px;
	text-align: left;
}
.footer-right div{ padding: 5px 10px 5px 10px; }
.footer-right .highlight{ font-size:larger; font-weight: bold; c olor:red;}
#footer-close {
	margin-left: auto;
	margin-right: auto;
	height: 40px; 
	width: 772px;
	background-image: url('../images/footer-bottom-crop.PNG');
	b ackground-position: 50% 0%;
	background-repeat: no-repeat;
	margin-bottom: 10px
}
.copyright { float: left; font-size: smaller; padding:7px 0 0 15px; c olor: black;}
.copyright a, .copyright a:link:visited:active{ color:#001F53; text-decoration: none; }
.copyright a:hover { color: white;#625; black;}
.design { float: right; font-size: smaller; padding:7px 15px 0 0; }
.design a, .design a:link:visited:active{ color:#001F53; text-decoration: none; }
.design a:hover { color: white;#625; black;}