/* @override 
	http://localhost/xch_solana/css/site_struct.css
	http://solana.louddevelopment.com/css/site_struct.css
*/

/****************************************************
TYPOGRAPHY
****************************************************/
body {
	font-family: Helvetica, Arial, Geneva, sans-serif;
	color: #4a4a4a;
	font-size: 12px;
	line-height: 1.4em;
}
table {
	margin: 0;
}
p {
	margin-top: 0px;
	margin-bottom: 15px;
}
ul {
	margin-left: 30px;
	list-style: square;	
}
ol {
	margin-left: 33px;
	list-style: decimal;	
}
h1 {
	color: #1b597d;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px;
}
h2 {
	color: #7d531b;
	font-size: 12px;
	font-weight: bold;
}
a {
	color: #3a95c7;
}
/****************************************************
BASIC STRUCTURE AND BACKGROUNDS
****************************************************/
body {
	background: #2F2F2F;
}
#body-container {
	width: 946px;
	margin: auto;
	margin-bottom: 40px;
}
#body-header {
	width: 946px;
	height: 256px;
	background: url(../img/site/bg-header.gif);
}
#header-top {
	height: 212px;
}
#header-text {
	width: 605px;
	height: 25px;
	line-height: 25px;
	position: relative;
	top: 32px;
	left: 65px;
	overflow: hidden;
	color: #FFF;
	letter-spacing: 1px;
	font-size: 17px;
}
#header-search {
	position: relative;
	width: 187px;
	height: 29px;
	top: 10px;
	left: 711px;
	overflow: hidden;
	padding: 4px;
}
#search-txt {
	float: left;
	height: 20px;
	width: 143px;
	background: transparent;
	border: none;
}
#search-btn {
	float: left;
	width: 21px;
	height: 22px;
	border: none;
	background: url(../img/site/btn-search.gif);
	position: relative;
	left: 10px;
	cursor: pointer;
}
#header-logo {
	width: 900px;
	height: 141px;
	position: relative;
	top: 9px;
	left: 23px;
	border: none;
}
/***************************************************
		NAVIGATION
***************************************************/
#nav	 		{ height: 44px; overflow: hidden;width:900px; padding: 0pt; margin: auto; list-style-image: none; list-style-position: outside; list-style-type: none;}
#nav li	 		{float:left; margin: 0pt; padding: 0pt;width: auto;}
#nav a 			{display:block; height:44px; overflow:hidden; margin: 0pt; padding: 0pt;text-decoration: none; background: url(../img/site/sprite-nav.gif);text-indent: -2500px;cursor: pointer;}

#nav a.who-we-are {width: 200px;background-position: 0px 0px;}
#nav a.who-we-are.active,
#nav a.who-we-are:hover {background-position: 0px -44px;}

#nav a.what-we-do {width: 200px;background-position: -200px 0;}
#nav a.what-we-do.active,
#nav a.what-we-do:hover {background-position: -200px -44px;}

#nav a.get-connected {width: 200px;background-position: -400px 0;}
#nav a.get-connected.active,
#nav a.get-connected:hover {background-position: -400px -44px;}

#nav a.events {width: 100px;background-position: -600px 0;}
#nav a.events.active,
#nav a.events:hover {background-position: -600px -44px;}

#nav a.news {width: 100px;background-position: -700px 0;}
#nav a.news.active,
#nav a.news:hover {background-position: -700px -44px;}

#nav a.media {width: 100px;background-position: -800px 0;}
#nav a.media.active,
#nav a.media:hover {background-position: -800px -44px;}

#body-content {
	min-height:500px;
	height:auto !important;
	height:500px;
	background: url(../img/site/bg-body.gif);
	padding: 30px 23px 30px 23px;
}
#body-footer {
	background: url(../img/site/bg-footer.gif) no-repeat;
	color: #FFF;
	font-weight: normal;
}
#body-border {
	width: 900px;
	margin: auto;
	background: url(../img/site/bg-footer-inside.gif) repeat-y;
	border-bottom: solid 1px #e7e7e7;
}
.footer_column1 {
	margin-top: 21px;
	margin-left: 27px;
	width: 220px;
	float: left;
}
.footer_column2 {
	margin-top: 21px;
	width: 210px;
	float: left;
}
.footer_column3 {
	margin-top: 21px;
	width: 210px;
	float: left;
}
.footer_column4 {
	margin-top: 21px;
	width: 210px;
	float: right;
}
.footer_title {
	font-size: 14px;
	margin-bottom: 10px;
}
#body-footer a {
	color: #FFF;
}
#body-footer a:hover {
	color: #779cb2;
	text-decoration: none;
}
/* INDEX STYLES *************************************/
#index-left {
	float: left;
	width: 647px;
	margin-left: 16px;
}
#index-banner {
	width: 647px;
	height: 349px;
	overflow: hidden;
	background: url(../img/site/bg-index-banner.gif) no-repeat;
}
#index-media {
	width: 625px;
	height: 311px;
	overflow: hidden;
	position: relative;
	top: 11px;
	left: 11px;
}
.index-promo {
	width: 205px;
	height: 219px;
	float: left;
	background: url(../img/site/bg-index-promo.gif);
}
.index-promo img {
	width: 183px;
	height: 183px;
	position: relative;
	top: 11px;
	left: 11px;
	border: none;
}
.index-promo-spacer {
	height: 5px;
	width: 16px;
	float: left;
}
#index-right {
	float: right;
	width: 237px;
	background: url(../img/site/bg-index-news.gif) repeat-y;
}
#news-title {
	width: 237px;
	height: 43px;
	background: url(../img/site/bg-index-news-title.gif) no-repeat;
	color: #FFF;
	font-size: 18px;
	line-height: 43px;
	padding-left: 30px;
	letter-spacing: 1px;
}
#news-container {
	background: url(../img/site/bg-index-news-bottom.gif) bottom no-repeat;
	padding-bottom: 15px;
}
.post-title {
	width: 237px;
	height: 38px;
	line-height: 36px;
	background: url(../img/site/bg-index-post-title.gif) no-repeat;
	color: #1b597d;
	text-transform: uppercase;
	font-weight: bold;
	padding-left: 25px;
}
.post-content {
	width: 190px;
	height: 40px;
	padding-left: 25px;
	line-height: 14px;
	color: #4a4a4a;
	overflow: hidden;
}
.post-readmore {
	background: url(../img/site/bg-post-readmore.gif) right no-repeat;
	width: 170px;
	padding-right: 17px;
	padding-left: 25px;
	text-align: right;
	margin-top: 4px;
}
.post-readmore a {
	color: #7d531b;
}
#index-follow {
	width: 868px;
	height: 47px;
	clear: both;
	background: url(../img/site/bg-index-follow.gif);
	margin-left: 16px;
}
#index-follow-links {
	width: 650px;
	height: 40px;
	position: relative;
	top:  5px;
	left: 210px;
}
/* PAGE STYLES ***********************************/
#full-container,
#pevent-container,
#page-container {
	width: 868px;
	margin: auto;
	background: url(../img/site/bg-page.gif);
	min-height:500px;
	height:auto !important;
	height:500px;
}
#pevent-container {
	background: url(../img/site/bg-pevent.gif);
}
#full-container {
	background: url(../img/site/bg-full.gif);
}
#full-top,
#pevent-top,
#page-top {
	background: url(../img/site/bg-page-top.gif) top no-repeat;
	min-height:500px;
	height:auto !important;
	height:500px;
}
#pevent-top {
	background: url(../img/site/bg-pevent-top.gif) top no-repeat;
}
#full-top {
	background: url(../img/site/bg-full-top.gif) top no-repeat;
}
#full-bottom,
#pevent-bottom,
#page-bottom {
	background: url(../img/site/bg-page-bottom.gif) bottom no-repeat;
	min-height:500px;
	height:auto !important;
	height:500px;
}
#pevent-bottom {
	background: url(../img/site/bg-pevent-bottom.gif) bottom no-repeat;
}
#full-bottom {
	background: url(../img/site/bg-full-bottom.gif) bottom no-repeat;
}
#cse-search-results {
	width: 800px;
	margin: auto;
	padding-top: 30px;
	padding-bottom: 10px;
}
#page-right {
	width: 647px;
	float: right;
	min-height:500px;
	height:auto !important;
	height:500px;
}
#page-banner {
	width: 647px;
	height: 268px;
	background: url(../img/site/bg-page-banner.gif) no-repeat;
}
#page-media {
	width: 625px;
	height: 206px;
	position: relative;
	top: 11px;
	left: 11px;
	overflow: hidden;
}
#page-body {
	width: 535px;
	margin: auto;
	padding-bottom: 10px;
	min-height:320px;
	height:auto !important;
	height:320px;
}
#page-left {
	width: 205px;
}
#page-title {
	width: 183px;
	margin: auto;
	padding-top: 10px;
	text-transform: uppercase;
	font-size: 14px;
	color: #2f2f2f;
	background: url(../img/site/div-subnav.gif) bottom no-repeat;
	padding-bottom: 7px;
	padding-left: 15px;
	font-weight: bold;
}
#page-subnav a {
	display: block;
	color: #1b597d;
	background: url(../img/site/div-subnav.gif) bottom no-repeat;
	padding-top: 5px;
	padding-bottom: 6px;
	padding-left: 15px;
	font-size: 14px;
	font-weight: bold;
}
#page-subnav a:hover,
#page-subnav a.active {
	color: #969696;
	text-decoration: none;
}
#page-sidebar {
	width: 170px;
	margin: auto;
	margin-top: 20px;
}
/* EVENT STYLES  *****************************/
.event-container {
	background: url(../img/site/bg-events.gif);
}
.event-top {
	background: url(../img/site/bg-events-top.gif) top no-repeat;
}
.event-bottom {
	background: url(../img/site/bg-events-bottom.gif) bottom no-repeat;
	padding:  10px 10px 28px 10px;
}
.event-left {
	width: 185px;
	height: 185px;
	float: left;
}
.event-left img {
	width: 185px;
	height: 185px;
}
.event-right {
	width: 420px;
	float: right;
	padding: 5px;
}
.event-title {
	color: #1b597d;
	font-size: 14px;
	padding-bottom: 3px;
	border-bottom: 1px solid #c9c9c9;
}
.event-datetime {
	color: #1b597d;
	font-size: 14px;
	padding-top: 4px;
	text-align: right;
	margin-bottom: 5px;
}
/* XTRANET STYLES  *****************************/
#xtranet_login_form {
	background: #32312e;
	width: 260px;
	padding: 20px;
	margin: auto;
	margin-top: 70px;
}
#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;
}
/** MEDIA STYLES *****************************/
#media-links {
	padding-top: 10px;
	padding-bottom: 20px;
}
#media-links a {
	display: block;
	color: #969696;
	background: url(../img/site/div-subnav.gif) bottom no-repeat;
	padding-top: 7px;
	padding-bottom: 8px;
	padding-left: 15px;
	font-size: 18px;
	font-weight: bold;
}
#media-links a:hover,
#media-links a.active {
	color: #7d531b;
	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: 5px;
	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: 15px;
	border: 1px solid #999;
	line-height: 17px;
	padding: 4px;
	font-size: 10px;
	color: #4a4a4a;
}
.media_srch_btn {
	width: 28px;
	height: 27px;
	border: none;
	margin-left: 5px;
	background: #1b597d;
	color: #FFF;
	cursor: pointer;
}
.media_srch_btn:hover {
	background: #969696;
}
.search-item {
	margin-bottom: 15px;
	border-bottom: 1px solid #999;
	padding-bottom: 15px;
}
.search_item_title a{
	font-size: 14px;
	color: #7d531b;
}
/* IMAGE GALLERY *****************************/
.gallery_item_container {
	width: 550px;
}
.gallery_item_container img {
	margin: 5px;
}
/* STAFF ITEMS***** **************************/
.staff-phone,
.staff-email {
	color: #7d531b;
	font-weight: bold;
}
.staff-phone span {
	color: #4a4a4a;
	font-weight: normal;
}
.staff-email a {
	color: #4a4a4a;
	font-weight: normal;
}
.staff-about {
	color: #7d531b;
	font-weight: bold;
	margin-top: 15px;
}
