/****************************************

San Angelo Event Calendar Print Styles

Site by: Empowered Media, LLC, 
Paul Whitener Jr. and Jeff Rose

****************************************/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #474848;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #474848;
	_margin: 0;
	_margin-bottom: 12px;
}

#container {
	text-align: center;
	margin: 10px auto 0 auto;
	width: 705px;
}

#header {
	width: 704px;
	height: 124px;
	background: url(../img/header_bg.gif) no-repeat top left;
	margin: 0;
	padding: 0;
	display: none;
}

	.tit_home {
		margin: 30px 0 0 27px;
		padding: 0;
	}
	
	.tit_chamber {
		margin: 25px 0 0 27px;
		padding: 0;
	}
	
	.visit_home {
		margin: 30px 20px 0 0;
		padding: 0;
	}
	

#footer {
	width: 704px;
	height: 100px;
	background: url(../img/footer_bg.gif) no-repeat top left;
	margin: 0;
	padding: 0;
	display: none;
}

	.tag_foot {
		margin: 25px 0 0 40px;
		padding: 0;
		width: 331px;
		height: 22px;
	}
	
	.logo_foot {
		margin: 18px 30px 0 0;
		padding: 0;
		width: 169px;
		height: 27px;
	}
	
	#footer p, #footer_pop p {
		font-family: Helvetica, arial, sans-serif;
		font-size: 10px;
		color: #b2b2b2;
		margin: 25px 0 0 0; padding: 0;
		text-align: center;
	}
	
	#footer a, #footer_pop a {
		color: #64b3d2;
	}
	

#content {
	text-align: left; 
	margin: 0;
	padding: 0;
	width: 704px;
	/*background: url(../img/main_bg.gif) repeat-y top left; */
	
}

	#one_sbl {
		/*background: url(../img/sbl_bg.gif) repeat-y top left;*/
		margin: 0 0 0 15px;
		_margin: 0 0 0 8px;
		padding: 0;
	}
	
	#two_sbr {
		/*background: url(../img/sbr_bg.gif) repeat-y top right;*/
		margin: 0 15px 0 0;
		_margin: 0 24px 0 0;
		padding: 0;	
	}

#sbl {
	width: 150px;
	margin: 0;
	padding: 0;
	display: none;
}	

	.sbl_mainmenu {
		margin: 8px 0 0 8px;
		padding: 0;
		
	}

	#sbl p {
		font-family: Arial, sans-serif; 
		font-size: 11px;
		color: #474848;
		margin: 0;
		padding: 10px 0 0 10px;
	}
	
	#sbl a {
		color: #474848;
	}

	#sbl ul {
		font-size: 11px;
		list-style-type: none;
		margin: 0 0 0 20px;
		padding: 0;
		width: 115px;
	}
	
	#sbl ul li {
		margin: 8px 0 0 0;
		padding: 0;
		font-size: 11px;
	}
	
	#sbl ul p {
		padding: 5px 0 0 10px;
		font-size: 11px;
	}

/*********************************

	Styles for sbl nav and subnav 
	
*********************************/
	
	ul.about, ul.chamber, ul.business, ul.visitor, ul.calendar {
		display: none;
		visibility: hidden;
	}
	
	.chambershow ul.chamber, .aboutshow ul.about, .businessshow ul.business, .visitorshow ul.visitor, .calendarshow ul.calendar {
		display: block;
		visibility: visible;	
	}
	
	.chambershow p.chamberlink, .aboutshow p.aboutlink, .businessshow p.businesslink, .visitorshow p.visitorlink, .homeshow p.homelink, .calendarshow p.calendarlink, .contactshow p.contactlink {
		font-weight: bold;
	}
	
	.first p, .second p, .third p, .fourth p, .fifth p, .sixth p, .seventh p, .eighth p, .ninth p {
		display: none;
		visibility: hidden;
	}

	.showfirst li.first p, .showsecond li.second p, .showthird li.third p, .showfourth li.fourth p, .showfifth li.fifth p, .showsixth li.sixth p, .showseventh li.seventh p, .showeighth li.eighth p, .showninth li.ninth p  {
		display: block;
		visibility: visible;
		font-weight: normal;
	}
	
	.showfirst li.first, .showsecond li.second, .showthird li.third, .showfourth li.fourth, .showfifth li.fifth, .showsixth li.sixth, .showseventh li.seventh, .showeighth li.eighth, .showninth li.ninth, .showtenth li.tenth {
		font-weight: bold;
	}
	
	.boldone li p.t3one, .boldtwo li p.t3two, .boldthree li p.t3three, .boldfour li p.t3four, .boldfive li p.t3five, .boldsix li p.t3six, .boldseven li p.t3seven, .boldeight li p.t3eight, .boldnine li p.t3nine, .boldten li p.t3ten {
		font-weight: bold;
	}

/* e: slb nav and sub nav */


#sbr {
	width: 140px;
	margin: 0 15px 0 0;
	_margin: 0 0 0 0;
	padding: 0;
}

	#sbr p {
		color: #ffffff;
		font-size: 11px;
		font-family: Arial, sans-serif;
		margin: 10px 0 0 0;
		padding: 0 0 0 15px;
		width: 130px;
		line-height: 13px;
		_margin-left: -12px;
	}
	
	#sbr a {
		font-weight: bold;
		color: #ffffff;
		text-decoration: none;
	}

	#sbr a:hover {
		font-weight: bold;
		color: #ffffff;
		text-decoration: underline;
	}


	.sbr_events {
		margin: 5px 0 0 10px;
		_margin: 5px 0 0 5px;
		padding: 0;
		width: 110px;
		height: 17px;
	}
	
	.sbr_more {
		margin: 10px 0 10px 10px;
		_margin: 10px 0 10px 5px;
		padding: 0;
		width: 64px;
		height: 12px;
	}
	
	#sbr img {
		margin: 8px 0 0 10px;
		_margin-left: 4px;
	}
	
	#sbr a img {
		margin: 8px 0 0 14px;
		_margin-left: 4px;
	}
	
	#sbr form {
		margin: 6px 0 20px 15px;
	}
	

#images_mag {
	_margin-top: -17px;
	vertical-align: bottom;
}
/******************

	Home styles

******************/


#featured {
	margin: 0 0 0 9px;
	padding: 0;
	width: 516px;
}

	#featured h1 {
		font-family: Verdana, Arial, sans-serif; 
		font-weight: bold;
		font-size: 14px;
		color: #ad3333;
		_margin-top: 8px;
	}
	
	#featured h2 {
		font-family: Verdana, Arial, sans-serif; 
		font-weight: bold;
		font-size: 11px;
		color: #474848;	
		margin: 20px 0 0 0;
		_margin: 20px 0 10px 0;
	}	
	
	#featured form {
		font-size: 10px;
	}


/**********************

	T2 styles 
	
***********************/

#two_column_text {
	margin: 0 0 0 8px;
	width: 360px;
}

	#two_column_text h1 {
		font-style: Verdana, Arial, sans-serif; 
		font-weight: bold;
		font-size: 14px;
		color: #ad3333;
	}
	
	#two_column_text h2 {
		font-style: Verdana, Arial, sans-serif; 
		font-weight: bold;
		font-size: 11px;
		color: #474848;	
		margin: 20px 0 0 0;
	}	
	

#chamber_callouts {
	width: 674px;
	margin: 0 0 0 15px;
	_margin: 0 0 0 8px;
	padding: 8px 0 0 0;
	display: none;
}

#platinum_callouts {
font-family: Arial, sans-serif; 
font-size: 11px;
	width: 674px;
	margin: 0 15px 0 0;
	padding: 8px 0 0 0;
}

#cornerstone {
	height: 40px;
	background: #f2dc66;
	width: 517px;
}

	#cornerstone img {
		margin: 8px 0 0 10px;
		padding: 0;
	}

#business_link {
	text-align: center;
	margin: 5px 0 0 23px;
	padding: 0;
	width: 115px;

}

#business_link a {
	font-family: arial, sans-serif;
	font-size: 11px;
	color: #474848;
	margin: 0;
	padding: 0;
	text-align: center;
}
/**********************

community profile popups

**********************/

#communityprofile a {
	text-decoration: none;
}


/**********************

retail pages

**********************/

.retail img {
 	margin: 0 10px 5px 0;
}

/**********************

underlined links for the 
page benefits.php only

**********************/

a.underline {
	text-decoration: underline;
}

/******************

	Concho Cadre image gallery

******************/

#photo_lg {
	margin: 0px auto 0 auto;
	border: solid 1px #000649;
	width: 500px;
	height: 375px;
}

#photo_line {
	width: 500px; 
	margin: 10px auto 10px auto;
	border-bottom: solid 1px #B9B9B9;
	font: 11px lucida-grande, Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	text-align: center;
	color: #606060;
	line-height: 16px;
}

#photo_ths {
	float: right;
	width: 500px;
}

#photo_th {
	float: left;
	margin: 5px 0px 5px 7px;
}

#photo_th_current {
	float: left;
	margin: 5px 0px 5px 7px;
	border: solid 1px blue;
	opacity: .65;
	-moz-opacity: .65;
	filter: alpha(opacity=65);
}

#photo_th a img {
	border: solid 1px #000649;
}

#photo_th a:hover img {
	border: solid 1px blue;
}

/* Membership table links (Renew, Join) */

.memberinfo {
	margin: 0;
	padding: 0;
	_margin-bottom: 15px;
}

.memberinfo td {
	padding-right: 6px;
	_text-align: left;
}

.memberinfo p {
	padding: 0;
	margin: 0;
}

.memberinfo form {
	margin: 0;
	padding: 0;
}
