/* 
Title:     SBBA General Stylesheet
Author:    design@studio2info.com
Updated:   April 2008
*/

/* General
---------------------------------------------------------- */
/* Clearfix - Clearing 21st Century Style - http://www.positioniseverything.net/easyclearing.html */ 
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
	}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

/* self-clear floats */

.group:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}


*{margin:0; padding:0;}

body {
	margin: 0;
	padding: 0;
	font-family: "Lucida Grande", "Lucida Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;	
	background-color:#fff;
	}
	
#wrapper {
	width:950px;
	margin:0 auto;
	background: url(../images/wrapper_bg.gif) top left repeat-y;
	}	

#header {
	width:950px;
	height:190px;
	background: url(../images/lev2header_bg.jpg) top left no-repeat;
	margin:0 auto;
	overflow:hidden;
	}
	
#mainnav {
	width:950px;
	height:62px;
	margin:0 auto;
	}
	
#navbox {
	float:left;
	margin-top:15px;
	}


#navbox ul li {
	display:inline;
	font-size: 12px;
	margin:0 4px;
	}
	
#navbox ul li a {
	color:#fff;
	text-decoration: underline;
	font-weight:bold;
	}
	
#navbox ul li a:hover {
	color:#f4e0b3;
	}

	
#sponsor {
	width:910px;
	margin:90px 0 0 170px;
	}
	
#sponsor p {
	font: italic bold 14px Georgia, serif;
	color:#fff;
	padding:10px;
	}
#sponsor a {
	font: italic bold 16px Georgia, serif;
	color:#f4e0b3;
	text-decoration: underline;
	}
#sponsor a:hover {
	color:#ad7b24;
}

#left_side {
	width:150px;
	height:700px;
	float:left;
	}
#left_nav {
	width:150px;
	float:left;
	}
	
#left_nav ul {
	list-style-type: none;
	margin: 0;
	padding:0;
	}
	
#left_nav li {
	display:block;
	margin-bottom: 8px;
	}
#left_nav a {
	text-decoration:none;
	}
#left_nav li a {
	font-size: 11px;
	color:#9c2119;
	text-decoration:underline;
	font-weight:bold;
	}
	
#left_nav li a:hover {


	}	

#content {
	width:542px;
	float:left;
	}

.listing {
	width:542px;
	float:left;
	border-bottom:#1c1c1a solid 1px;
	padding-bottom:15px;
	_padding-bottom:20px;

	}
	
.photo {
	width:133px;
	height:100px;
	margin:15px 5px 0 10px;
	_margin:13px 5px 0 10px;
	float:left;
	background: url(../images/no_photo.gif) top left no-repeat;
        overflow:hidden;
	}
	
.listing_info {
	width:377px;
	margin:15px 0 0 0;
	_margin:13px 0 15px 0;
	float:left;
	}
	
.listing_info p {
	margin:0;
	}
	
.listing_info a {
	font-size: 14px;
	font-weight:bold;
	color:#9c2119;
	text-decoration: underline;
	}
	
.listing_info a:hover {
	color:#ad7b24;
	}
	
.listing_info ul {
	list-style-type: none;
	padding:0px;
	margin:0;

	}
	
.listing_info li {
	display:inline;
	font-size: 11px;
	margin:0 5px 0 0;
	}
	
.listing_info li a {
	font-size: 11px;
	color:#ad7b24;
	text-decoration:underline;
	font-weight:bold;
	}
	
.listing_info li a:hover {
	color:#9c2119;
	}



/* Pagination
---------------------------------------------------------- */
#paginate {
	padding: 0px 25px 0 0;
	text-align:left;
	}
#paginate a {
	font-size: 11px;
	color:#9c2119;
	font-weight:bold;
	}
#paginate a:hover {
	color:#ad7b24;
	}
#searchpaginate {
	padding: 10px 10px 20px 0;
	font-weight:bold;
	}
#searchpaginate a {
	font-size: 11px;
	color:#9c2119;
	}
#searchpaginate a:hover {
	color:#ad7b24;
	}
.paginate {
	padding: 5px 5px 5px 25px;
	text-align:left;
	font-size: 12px;
	font-weight:bold;
	}
.paginate a {
	font-size: 12px;
	color:#9c2119;
	font-weight:bold;
	}
.paginate a:hover {
	color:#ad7b24;
	}

.searchpaginate {
	text-align:right;
	font-size: 12px;
	font-weight:bold;
	}
.searchpaginate a {
	color:#9c2119;
	}
.searchpaginate a:hover {
	color:#ad7b24;
	}


/* Landing Page
---------------------------------------------------------- */	


#landing_headline {
	width:518px;
	height:70px;
	padding:15px 0 10px 24px;
	}
#landing_photo {
	width:492px;
	margin:0 0 10px 25px;
	_margin:0 0 5px 25px;
	}
#landing_copy {
	width:492px;
	padding:0 25px 25px 25px;
	}
.landing p {
	font-size: 11px;
	color:#1c1c1a;
	line-height: 130%;
	margin-bottom: 10px;
	}


/* Level 3
---------------------------------------------------------- */
	
	
#photo_container {
	width:522px;
	margin-bottom:10px;
	}
	
#photo1 {
	width:256px;
	float:left;
	margin-right:10px;
	overflow:hidden;
	}
	
#photo2 {
	width:256px;
	float:left;
	margin:0;
	overflow:hidden;
	}
#lev3_content {
	width:522px;
	margin: 0 10px 10px 10px;
	}
	
#lev3_content p{
	padding-bottom:10px;;
	}
	
#lev3_content ul {
	list-style-type: none;
	padding:0px;
	margin:0 0 10px 0;;
	}
	
#lev3_content li {
	display:inline;
	font-size: 11px;
	margin:0 5px 0 0;
	}
	
#lev3_content li a {
	font-size: 11px;
	color:#ad7b24;
	text-decoration:underline;
	font-weight:bold;
	}
	
#lev3_content li a:hover {
	color:#9c2119;
	}
	
#map {
	width:522px;
	height:280px;
	font-family: "Lucida Grande", "Lucida Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;	
        font-size: 12px;
	color:#1c1c1a;
	font-weight:bold;
	}

 #MapBuilder {font: normal small verdana, arial, helvetica, sans-serif; font-size: 10pt; width:522px;}
      #MapBuilder a {text-decoration: none; color: #0066CC; background-color: transparent;}
      #MapBuilder a:hover {color: #F60; background-color: transparent;}
      #MapBuilder h1 {font-weight: bold; font-size: 14pt; color: #9c2119; background-color: transparent; border-bottom: 2px solid #ad7b27;}
      #MapBuilderIW { width: 250px; }
      #MapBuilderIWContent {height: 40px; overflow:auto;}
      #MapBuilderIW h1 {margin: 0 0 0 0; font-weight: bold; font-size: 12pt; color: #9c2119; background-color: transparent; border-bottom: 2px solid #ad7b27;}
      #MapBuilderIWFooter {margin-top: 5px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 8pt; }
      #MapBuilderIWFooter h1 { margin: 2px 0px 4px font-weight: normal; font-size: 8pt; color: #9c2119; background-color: transparent; border-top: 2px solid #ad7b27; border-bottom: 0px;}
 
      #MapBuilderSideBar {float:left; margin-left: 10px; }

#MapBuilderMap {font: normal small verdana, arial, helvetica, sans-serif; font-size: 10pt; width:522px;}

#right_side {
	width:258px;
	float:left;
	overflow:hidden;
	}
#slogan {
	width:258px;
	height:230px;
	margin:0;
	background: url(../images/slogan_bg.jpg) top left no-repeat;
	}
	
#slogan_window {
	width:244px;
	height:215px;
	background: url(../images/slogan.gif) top left no-repeat;
	border: 2px solid #ad7b24;
	margin: 0 5px 5px 5px;
	}

#slogan_window p {
	text-align: center;
	font-size: 11px;
	line-height: 1.8em;
	padding: 20px 20px;
	font-weight: bold;
	}

#search {
	width:244px;
	margin: 5px auto;
	padding:3px;
	}

#search p {
	font-size: 13px;
	color:#fff;
	line-height: 130%;
	margin-left: 3px;
	margin-bottom: 5px;
	font-weight:bold;
	}

#ad_window {
	width:244px;
	margin:10px auto;
	overflow:hidden;
	}

	
.ad {
	width:244px;

	margin:10px auto;
	background-color:transparent;
	}

.ad a img {
border:0;
text-decoration:none;
}

	
#contact {
	width:522px;
	padding:0 10px;
	float:left;
	}

#footer {
	width:950px;
	height:40px;
	margin:0 auto;
	background: url(../images/l2_footer_bg.gif) top left repeat-y
	}
	
#footer ul {
	list-style-type: none;
	padding:5px 5px 10px 5px;
	margin-left:150px;

	}
	
#subfooter {
	width:950px;
	height:15px;
	margin:0 auto;
	text-align: right;
	}
	
#subfooter p, #subfooter a {
	color:#ad7b27;
	font-size: 10px;
	text-decoration:none;
	padding-top: 3px;
	}

ul {
	list-style-type: none;
	padding:5px 5px 10px 5px;
	margin:0;

	}
ul .nav_categories {
	list-style-type: none;
	display:inline;
	padding:0;
	margin:0;
	}


li {
	display:inline;
	font-size: 11px;
	margin:0 7px;
	}
	
li a {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	}
	
li a:hover {
	color:#f4e0b3;
	}
.boldspace {
margin:10px 0 0 0;
	font-weight: bold;
}


/* Results Page and Site map
---------------------------------------------------------- */

#searchresult {
	width:532px;
	padding-left:10px;
	padding-bottom:15px;
	_padding-bottom:20px;
	}

#site_map {
	width:542px;
	float:left;
	}

#site_map ul li {
	display:block;
	font-size: 11px;
	margin:0 5px;
	}

#site_map ul li a {
	color:#9c2119;
	text-decoration:none;
	}	
#site_map ul li a:hover {
	color:#ad7b27;
	}

.highlight {
	color:#9c2119;
	}

h4.searchhead {
	font-size: 12px;
	color:#9c2119;
	font-weight:bold;
	margin:10px 10px 0px 10px;
text-decoration:none;
	}

#return a {
	font-size: 12px;
	color:#9c2119;
	font-weight:bold;
	margin:10px 10px 0px 0px;
text-decoration:none;
	}

#return a:hover {
	color:#ad7b27;
	}

/* Typography
---------------------------------------------------------- */
h1 {
	font-size: 18px;
	color:#9c2119;
	}
h2 {
	font-size: 14px;
	color:#9c2119;
	margin:10px 0 5px 0;
	}
	
h3 {
	font-size: 14px;
	color:#9c2119;
	}

	
h4 {
	font-size: 12px;
	color:#1c1c1a;
	font-weight:bold;
	margin:10px;
text-decoration:none;
	}
	
h6 {
	font-size: 11px;
	font-weight: bold;
	color:#1c1c1a;
	}
p {
	font-size: 11px;
	color:#1c1c1a;
	line-height: 130%;
	}
		
.bold {
	font-weight: bold;
	}