/* @override 
	http://localhost/xch_bridge/css/site_struct.css
	http://thebridge.louddevelopment.com/css/site_struct.css
	http://www.thebridgefellowship.com/css/site_struct.css
*/

/****************************************************
TYPOGRAPHY
****************************************************/
body {
	font-family: Tahoma, Arial, Helvetica, Geneva, sans-serif;
	color: #909090;
	font-size: 11px;
	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;	
}

/****************************************************
BASIC STRUCTURE AND BACKGROUNDS
****************************************************/
body {
	background: #000;
}
#nav-container {
	height: 93px;
	background: #282626;
}
#nav {
	width: 900px;
	height: 93px;
	margin: auto;
	background: url(../img/site/bg-nav.gif);
}

#nav ul	 		{ width:751px; padding: 0pt; margin: 0pt; list-style-image: none; list-style-position: outside; list-style-type: none;padding-top: 37px;}
#nav li	 		{float:left; margin: 0pt; padding: 0pt;}
#nav a 			{display:block; height:56px; overflow:hidden; margin: 0pt; padding: 0pt;text-decoration: none; text-indent: -1000px; }
#nav a 			{background: url(../img/site/nav-sprite.gif);}

#nav a.home_current,
#nav a.home		{width: 175px;}
#nav a.home_current,
#nav a.home:hover	{background-position: 0 56px;}

#nav a.imnew_current,
#nav a.imnew		{width: 96px; background-position: -175px 0px;}
#nav a.imnew_current,
#nav a.imnew:hover	{background-position: -175px 56px;}

#nav a.connect_current,
#nav a.connect		{width: 96px; background-position: -271px 0px;}
#nav a.connect_current,
#nav a.connect:hover	{background-position: -271px 56px;}

#nav a.staff_current,
#nav a.staff		{width: 96px; background-position: -367px 0px;}
#nav a.staff_current,
#nav a.staff:hover	{background-position: -367px 56px;}

#nav a.media_current,
#nav a.media		{width: 96px; background-position: -463px 0px;}
#nav a.media_current,
#nav a.media:hover	{background-position: -463px 56px;}

#nav a.events_current,
#nav a.events		{width: 96px; background-position: -559px 0px;}
#nav a.events_current,
#nav a.events:hover	{background-position: -559px 56px;}

#nav a.contact_current,
#nav a.contact		{width: 96px; background-position: -655px 0px;}
#nav a.contact_current,
#nav a.contact:hover	{background-position: -655px 56px;}





#body-container {
	background: #FFF url(../img/site/bg-body.gif) top repeat-x;
	width: 100%;
}
#body-container A {
	color: #20c2ff;
	text-decoration: none;
}
#body-container A:hover {
	text-decoration: underline;
}
#body-content {
	width: 900px;
	margin: auto;
	min-height:300px;
  	height:auto !important;
  	height:300px;
}
#site-credits {
	text-align: right;
	padding-bottom: 10px;
	font-size: 12px;
}
#footer-container {
	width: 100%;
	background: #000;
	padding-bottom: 20px;
}
#footer-content {
	background: #000 url(../img/site/bg-footer.gif) top no-repeat;
	width: 900px;
	margin: auto;
	color: #FFF;
}
#footer-content a {
	color: #FFF;
}
#footer-content a:hover {
	color: #20c2ff;
	text-decoration: none;
}
.footer-title {
	color: #20c2ff;
}
.footer-column1 {
	margin-top: 21px;
	margin-left: 0px;
	width: 171px;
	float: left;
}
.footer-column2 {
	margin-top: 21px;
	width: 181px;
	float: left;
}
.footer-column3 {
	margin-top: 21px;
	width: 179px;
	float: left;
}
.footer-column4 {
	margin-top: 21px;
	width: 190px;
	float: left;
}
.footer-column5 {
	margin-top: 21px;
	width: 170px;
	float: left;
}

.footer-column1,
.footer-column2,
.footer-column3,
.footer-column4,
.footer-column5 {
	margin-top: 20px;
	margin-left: 0px;
	width: 180px;
	float: left;
	letter-spacing: 1px;
}

/**  H O M E   P A G E **/
#home-media-container {
	padding-top: 30px;
}
#home-twitter-container {
	width: 900px;
	height: 106px;
	background: url(../img/site/bg-twitter.jpg);
}
#twit-text {
	position: relative;
	top: 37px;
	left: 140px;
	color: #FFF;
	width: 740px;
	height: 37px;
	overflow: hidden;
	font-size: 12px;
	line-height: 16px;
}
#twit-text a {
	color: #FFF;
}
#twit-text .color-blue {
	color: #88e5ff;
}
.home-banner {
	width: 283px;
	height: 168px;
	float: left;
	background: url(../img/site/bg-home-promo.jpg);
}
.home-banner-spacer {
	height: 1px;
	float: left;
	width: 25px;
}

/** S U B N A V   P A G E S **/
#subnav-nav {
	height: 40px;
	line-height: 40px;
	text-align: right;
	color: #9d9d9d;
	font-size: 13px;
	letter-spacing: 1px;
}
#subnav-nav a {
	color: #9d9d9d;
	text-decoration: none;
}
#subnav-nav a.active,
#subnav-nav a:hover {
	color: #1fb6ef;
	text-decoration: none;
}
#subnav-media-info {
	width: 900px;
	height: 331px;
	background: url(../img/site/bg-subnav-media.jpg);
}
#subnav-media {
	float: left;
	width: 643px;
	height: 308px;
	overflow: hidden;
}
#subnav-info {
	float: right;
	width: 220px;
	padding-right: 10px;
	margin-top: 22px;
	height: 270px;
	overflow: hidden;
}
#subnav-content {
	min-height:250px;
  	height:auto !important;
  	height:250px;
}
#panel-left {
	width: 900px;
	float: left;
	margin-top: 30px;
	background: url(../img/site/bg-panel.jpg) left repeat-y;
	margin-bottom: 30px;
}
#panel-left-top {
	background: url(../img/site/bg-panel-top.jpg) top left no-repeat;
}
#panel-left-bottom {
	background: url(../img/site/bg-panel-bottom.jpg) bottom left no-repeat;
	min-height:550px;
  	height:auto !important;
  	height:550px;
  	padding-bottom: 20px;
}
#panel-inside-left {
	float: left;
	width: 232px;
	padding: 30px;
}
#panel-right {
	width: 590px;
	float: right;
}
#panel-right-form {
	width: 590px;
	height: 341px;
	background: url(../img/site/bg-form.jpg);
}
#form-fields {
	width: 217px;
	float: left;
	position: relative;
	top: 38px;
	left: 110px;
}
#form-fields .form_long_text {
	border: none;
	margin-bottom: 17px;
	width: 200px;
	color: #4E4E4E;
	background: transparent;
}
#form-fields .form_textarea {
	border: none;
	margin-bottom: 8px;
	width: 200px;
	height: 95px;
	background: transparent;
	color: #4E4E4E;
	margin-top: 4px;
	overflow: hidden;
	resize: none;
}
#form-fields label {
	display: block;
	text-indent: -1000px;
	width: 0px;
	height: 0px;
}
#form-image {
	float: right;
	padding-top: 10px;
	padding-right: 9px;
}
.contact-submit {
	border: none;
	width: 81px;
	height: 34px;
	background: url(../img/site/btn-send.jpg);
	text-indent: -1000px;
	margin-top: 4px;
	margin-left: 125px;
	cursor: pointer;
}
.contact-submit:hover {
	background-position: 0 -34px;
}
#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;
}
/** M E D I A   A R E A **********************/
.media-subnav-title,
.media-search-title,
#panel-inside-left a.media-nav {
	font-size: 24px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	color: #777;
}
.media-subnav-title {
	margin-bottom: 8px;
}
.media-search-title,
#panel-inside-left a.media-nav.active,
#panel-inside-left a.media-nav:hover {
	color: #20c2ff;
	text-decoration: none;
}
.div-media-nav {
	margin-top: 7px;
	margin-bottom: 7px;
}

#media_srch_container {
	background: url(../img/site/bg-search-field.jpg) no-repeat;
	width: 219px;
	margin-top: 5px;
	margin-left: -3px;
}
.mp_srch_field input {
	background: transparent;
	border: none;
	margin-top: 5px;
	margin-left: 13px;
	width: 194px;
	color: #777;
	font-weight: bold;
}
input.media_srch_btn {
	background: transparent url(../img/site/btn-search.jpg);
	border: none;
	width: 81px;
	height: 34px;
	text-indent: -1000px;
	margin-top: 10px;
	margin-left: 140px;
	cursor: pointer;
}
input.media_srch_btn:hover {
	background-position: 0 -34px;
}
#media-subnav a {
	display: block;
	background: url(../img/site/div-media-nav.jpg) top left no-repeat;
	margin-top: 2px;
	padding-top: 4px;
	font-size: 12px;
	font-family: "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
	color: #777;
}
#media-subnav a.active,
#media-subnav a:hover {
	text-decoration: none;
	color: #20c2ff;
}
#media-channel-container a {
	color: #777;	
}
#media-channel-container a:hover {
	text-decoration: none;
	color: #20c2ff;
}
.channel-item {
	width: 100px;
	height: 150px;
	float: left;
	margin-right: 8px;
	margin-left: 9px;
	margin-bottom: 20px;
}
.channl-img {
	width: 100px;
	height: 100px;
	overflow: hidden;
}
.channel-title {
	text-transform: uppercase;
	font-size: 13px;
	text-align: center;
	margin-top: 5px;
}
.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: #20c2ff;
}
#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 {
	width: 900px;
	margin-top: 10px;
	border-bottom: 1px solid #DADADA;
	padding-bottom: 5px;
	margin-bottom: 30px;
}
.staff_pic_bg {
	float: left;
	width: 129px;
	height: 155px;
	background: url(../img/site/bg-staff.jpg);
}
.staff_pic {
	width: 129px;
	height: 142px;
	overflow: hidden;
}
.staff_body {
	float: right;
	width: 757px;
}
.staff_name {
	color: #777;
	font-size: 22px;
	margin-bottom: 5px;
}
.staff_title {
	color: #3ecaff;
	font-size: 18px;
	margin-bottom: 4px;
}
.staff_email{
	width: 107px;
	height: 35px;
	background: url(../img/site/btn-send-email.jpg);
	margin-top: 13px;
	margin-left: 22px;
	cursor: pointer;
}
/* SMALL GROUPS *****************************/
.small_group_drop {
	width: 200px;
	margin-top: 15px;
}