/****************************************

San Angelo Chamber of Commerce Style Sheet

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;
}

	.tit_home {
		margin: 30px 0 0 27px;
		_margin: 30px 0 0 15px;
		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;
}

	.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;
	}
	
	#one_sbl_home {
		background: url(../img/sbl_bg_home.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;
}	

	.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, .tenth p, .eleventh 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, .showtenth li.tenth p, .showeleventh li.eleventh p, .showtwelfth li.twelfth 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, .showeleventh li.eleventh, .showtwelfth li.twelfth {
		/*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;
}*/

#images_mag {
	vertical-align: bottom;
	height: 250px;
	width: 150px;
}

#images_mini {
    margin: 20px 0 0 0;
}

/******************

	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;
	}

/* Event ads (Home) */

#eventads {
	width: 519px;
	height: 93px;
	margin: 7px 0 0 8px;
	float: left;
}

#eventads .left {
	width: 258px;
	height: 93px;
	float: left;
}

#eventads .right {
	width: 258px;
	height: 93px;
	float: right;
}

/* Event ads (About) */

#eventads_about {
	width: 519px;
	height: 93px;
	margin: 7px 0 0 0;
	float: left;
}

#eventads_about .left {
	width: 258px;
	height: 93px;
	float: left;
}

#eventads_about .right {
	width: 258px;
	height: 93px;
	float: right;
}

/**********************

	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;
}

#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;
}

/* drop down menus */

#nav, #nav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width: 140px;
	}
	
#sbl ul {
	margin: 2px 0 12px 0;
	padding: 0;
}
	
	#nav li { /* all list items */
		position : relative;
		float : left;
		line-height : 1.25em;
		margin-bottom : -1px;
		width: 140px;
	}
	
	#nav li a {
		padding: 6px;
		float: left;
	}
	
	#nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 149px;
		margin-top : -.7em;
	}
	
	*:first-child+html #nav li ul  { /* IE 7 only */
		margin-left: 0;
		margin-top: -7px;
	}
	
	#nav li ul ul { /* third-and-above-level lists */
		left: -999em;
		margin-top: -.7em;
		margin-left: 149px;
	}
	
	#nav li a {
		width: 140px;
		display : block;
		background: #f4c327;
		padding: 4px;
		margin: -10px 0 0 0;
		border: 1px solid #ca9d0b;
	}
	
	#nav li a:hover {
		background: #f6d566;
		text-decoration: none;
	}
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}
	
#nav li ul li a {
	background: #f5c631;
}

#nav li ul li ul li a {
	background: #f7cb45;
}

#nav li:hover, #nav li.hover {  /* unsticks menus in IE7 */
	position: static;  
}  

.sbl_mainmenu { /* hides Main Menu from sbl */
	display: none;
}

/* Sitemap */

.sitemap li {
	margin: 0 0 8px 0;
}