/* @override 
	http://localhost/xch_peoples/css/site_struct.css
	http://franklin.thepeopleschurch.org/css/site_struct.css
*/

/****************************************************
TYPOGRAPHY
****************************************************/
body {
	font-family: "Lucida Grande", Arial, Helvetica, Geneva, sans-serif;
	color: #3e3e3e;
	font-size: 12px;
	line-height: 18px;
}
table {
	margin: 0;
}
p {
	margin-top: 0px;
	margin-bottom: 15px;
}
ul {
	margin-left: 30px;
	list-style: square;	
}
ol {
	margin-left: 33px;
	list-style: decimal;	
}
a {
	color: #036ea1;
}
/****************************************************
BASIC STRUCTURE AND BACKGROUNDS
****************************************************/
body {
	background: #FFF url(../img/site/bg-top.jpg) repeat-x;
}
#body-container {
	width: 967px;
	min-height:728px;
  	height:auto !important;
  	height:728px;
  	background: url(../img/site/bg-body.jpg) no-repeat;
}
.body-section {
	width: 870px;
	position: relative;
	left: 75px;
}
#header {
	height: 212px;
	width: 870px;
	overflow: hidden;
}
#logo {
	float: left;
}
#join-email-container {
	width: 280px;
	height: 30px;
	float: right;
	overflow: hidden;
}
#email-text {
	border: none;
	width: 190px;
	position: relative;
	top: 7px;
	background: transparent;
	color: #ddd;
}
#email-btn {
	border: none;
	width: 66px;
	height: 19px;
	background: url(../img/site/btn-joinnw.jpg);
	position: relative;
	top: 7px;
	left: 15px;
	cursor: pointer;
}
#nav	 		{ width:620px; padding: 0pt; margin: 0pt; list-style-image: none; list-style-position: outside; list-style-type: none;float: right;position: relative;top: 110px;}
#nav li	 		{float:left; margin: 0pt; padding: 0pt;}
#nav a 			{display:block; height:30px; margin: 0pt; padding: 0pt;text-decoration: none; float: left;font-size: 20px;color: #FFF;padding-right: 10px;padding-left: 8px;background: url(../img/site/div-nav.jpg) top right no-repeat;}
#nav a.active,
#nav a:hover {
	color: #5096c6;
	text-decoration: none;
}
#nav a.last {
	background: none;
	padding-right: 0px;
}
#content {
	min-height:500px;
  	height:auto !important;
  	height:500px;
  	margin-bottom: 20px;
}
#site-credits {
	text-align: right;
	color: #484848;
	font-size: 13px;
}
#site-credits a {
	color: #484848;
	font-size: 13px;
}
#site-credits a:hover {
	color: #036ea1;
	font-size: 13px;
	text-decoration: none;
}
#body-footer {
	min-height:446px;
  	height:auto !important;
  	height:446px;
  	background: url(../img/site/bg-footer.jpg) repeat-x;
  	padding-top: 20px;
}
#footer-content {
	width: 870px;
	min-height:400px;
  	height:auto !important;
  	height:400px;
  	background: url(../img/site/bg-footer-content.jpg);
}
.footer-column {
	float: left;
	width: 145px;
	position: relative;
	left: 25px;
	top: 15px;
	font-size: 10px;
}
.footer_title {
	color: #036ea1;
	text-decoration: underline;
}
.footer-column a {
	display: block;
	color: #565656;
}
.footer-column a:hover {
	color: #036ea1;
	text-decoration: none;
}
#footer-right {
	float: right;
	position: relative;
	top: 15px;
	right: 12px;
}
/*** INDEX STYLES **********************/
#index-left {
	float: left;
	width: 643px;
}
.promo-banner {
	float: left;
	width: 314px;
	height: 101px;
	margin-top: 7px;
	margin-bottom: 7px;
}
.promo-banner img {
	width: 314px;
	height: 101px;
	border: 1px solid #c1c1c1;
}
.promo-spacer {
	height: 10px;
	width: 13px;
	float: left;
}
#twit-text {
	width: 600px;
	margin-left: 30px;
}
.twit-blue {
	color: #036ea1;
	font-size: 11px;
	font-weight: bold;
}
#index-right {
	width: 212px;
	float: right;
}
.news-item {
	width: 212px;
	height: 172px;
	background: url(../img/site/bg-index-news.jpg);
	overflow: hidden;
}
.news-img {
	width: 212px;
	height: 88px;
}
.news-img img {
	width: 199px;
	height: 69px;
	position: relative;
	top: 8px;
	left: 7px;
}
.news-content {
	height: 50px;
	width: 190px;
	margin: auto;
	overflow: hidden;
	margin-bottom: 3px;
	color: #d2d2d2;
	font-family: Arial;
	line-height: 16px;
}
.news-readmore {
	background: url(../img/site/btn-readmore.jpg);
	height: 23px;
	line-height: 23px;
	color: #FFF;
	padding-left: 15px;
	display: table;
	width: auto;
	margin-left: 10px;
	text-transform: uppercase;
	cursor: pointer;
}
.news-readmore span {
	background: url(../img/site/btn-readmore.jpg) right;
	display: table;
	padding-right: 15px;
}
/*** PAGE STYLES **********************/
#page-loop {
	width: 870px;
	height: 288px;
	overflow: hidden;
}
#page-left {
	float: left;
	width: 207px;
	min-height:256px;
  	height:auto !important;
  	height:256px;
  	padding-top: 20px;
}
#subnav a {
	display: block;
	width: 193px;
	height: 25px;
	line-height: 25px;
	background: url(../img/site/div-subnav.jpg) left bottom no-repeat;
	padding-left: 15px;
	color: #747474;
	font-size: 13px;
	text-transform: uppercase;
}
#subnav a:hover,
#subnav a.active {
	background: url(../img/site/bg-subnav-hover.jpg) left bottom no-repeat;
	text-decoration: none;
}
#page-right {
	float: right;
	width: 625px;
	padding-top: 20px;
	padding-right: 15px;
	border-left: 1px solid #ccc;
	padding-left: 15px;
}
#events-page h1,
.page-title,
#page-right h1 {
	color: #036ea1;
	font-size: 20px;
	border-bottom: 1px solid #999;
	padding-bottom: 4px;
	margin-bottom: 8px;
}
#events-page {
	margin-top: 30px;
}
/*** XTRANET LOGIN **********************/
#xtranet_login_form {
	background: #878787;
	width: 260px;
	padding: 20px;
	margin: auto;
	margin-top: 40px;
	margin-bottom: 80px;
}
#xtranet_login_form .login_form_usr,
#xtranet_login_form .login_form_pwd {
	width: 225px;
	text-align: right;
	margin-bottom: 5px;
	margin-left: 10px;
}
#xtranet_login_form label {
	color: white;
}
#xtranet_login_form .login_form_usr input,
#xtranet_login_form .login_form_pwd input {
	width: 150px;
}
#xtranet_login_form .submit {
	width: 210px;
	margin: auto;
	text-align: right;
}
#xtranet_login_form .submit input {
	width: 60px;
	margin-top: 4px;
}
#xtranet_login_error {
	margin-top: 15px;
	text-align: center;
	text-transform: uppercase;
	color: #FFF;
}
/** MEDIA STYLES *****************************/
#media-links {
	padding-top: 10px;
	padding-bottom: 5px;
}
#media-links a {
	display: block;
	color: #1b597d;
	background: url(../img/site/div-subnav.gif) bottom no-repeat;
	padding-bottom: 8px;
	padding-left: 15px;
	font-size: 20px;
	font-weight: bold;
}
#media-links a:hover,
#media-links a.active {
	color: #696969;
	text-decoration: none;
}
#media-channel-container {
	margin-top: 30px;
	clear: both;
}
.channel-item {
	float: left;
	margin-right: 19px;
	margin-left: 19px;
}
.channel-img {
	width: 95px;
	height: 95px;
}
.channel-title {
	display: block;
	width: 95px;
	height: 60px;
	text-align: center;
	color: #1b597d;
	font-size: 14px;
	padding-top: 10px;
	overflow: hidden;
}
.channel-title:hover {
	color: #969696;
	text-decoration: none;
}
#media_srch_container {
	margin-top: 10px;
	margin-bottom: 25px;
}
#mp_srch_txt {
	float: left;
	margin-left: 10px;
	border: 1px solid #999;
	line-height: 17px;
	padding: 4px;
	font-size: 10px;
	color: #4a4a4a;
	width: 130px;
}
.media_srch_btn {
	width: 28px;
	height: 27px;
	border: none;
	margin-left: 5px;
	background: #1b597d;
	color: #FFF;
	cursor: pointer;
}
.media_srch_btn:hover {
	background: #969696;
}
#audio-image img {
	width: 635px;
	height: 215px;
	margin-bottom: 10px;
}
.search-item {
	margin-bottom: 15px;
	border-bottom: 1px solid #999;
	padding-bottom: 15px;
}
.search_item_title a{
	font-size: 14px;
	color: #7d531b;
}
.search_item_container {
	width: 90%;
	margin: auto;
	padding-top: 15px;
	padding-bottom: 15px;
}
.search_odd_bg {
	background: #f7f7f7;
}
#search_results_container .search_item_title a {
	color: #777;
	text-decoration: none;
	font-size: 20px;
	text-transform: uppercase;
}
.search_item_body {
	height: 18px;
	overflow: hidden;
	padding-top: 2px;
}
.search_item_link {
	text-align: right;
}
#search_results_container .search_item_link a {
	color: #a2a391;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	color: #1b597d;
}
#search_results_container .search_item_link a:hover {
	color: #777;
}
/* IMAGE GALLERY *****************************/
.gallery_item_container {
	width: 590px;
}
.gallery_item_container img {
	margin: 9px;
}
/* STAFF ITEMS***** **************************/
.staff_sect {
	margin-bottom: 30px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
}
.staff_pic {
	width: 140px;
	height: 180px;
	overflow: hidden;
	float: left;
}
.staff_pic img {
	width: 140px;
	height: 140px;
}
.staff_body {
	float: right;
	width: 465px;
}
.staff_name {
	color: #777;
	font-size: 22px;
	margin-bottom: 1px;
	text-transform: uppercase;
}
.staff_title {
	color: #1b597d;
	font-size: 16px;
	margin-bottom: 8px;
	text-transform: lowercase;
}
.staff_link {
	font-size: 14px;
	display: block;
	text-align: center;
	padding-top: 5px;
	font-weight: bold;
}
/* SMALL GROUPS *****************************/
.small_group_drop {
	width: 200px;
	margin-top: 15px;
}