/*---------------------------------------------
Version: 1.0
Author: Alex Wolfe
Description: Alameda Athletic Club Style Sheet
---------------------------------------------*/

/*=General Styles   
=== === === === === === === === === === */
body {
text-align: center;
background: url(../images/backgrounds/body_bg.jpg) repeat-x 0px 10px ;
}
#aac_wrapper {
width: 960px;
background: url(../images/props/runners_fade.gif) 620px 15px no-repeat;
margin-left: auto;
margin-right: auto;
text-align: left;
padding-top: 25px;
}
#aac a {
color: #c47300;
}

/*=Main Navigation   
=== === === === === === === === === === */
#aac .nav_bar  {
    background: #36546f url(../images/backgrounds/navbar.jpg) repeat-x center left;
	border-bottom: 5px solid #e9e8e8;
    border-top: 5px solid #e9e8e8;
	text-align: center;
}

#aac .nav_bar ul {
	height: 42px;
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}
        #aac .nav_bar li  {
			float: left;
		}

        #aac .nav_bar li a {
			font-size: 132%;
			text-decoration: none;
			padding: 11px 15px;
			color: #FFF;
			display: block;
			float: left;
		}
		   	#aac .nav_bar li a:hover {
			background: #EEE url(../images/backgrounds/navbar_over.jpg) repeat-x left center;
			color: #333;
		}


/*=LOGO  
=== === === === === === === === === === */
#aac  h1 {
    position: relative;
    height: 33px;
	margin: 0px 0px 20px 15px; 
}
	#aac  h1 span {
	position: absolute;
	top: 0;
	left: 0;
	height: 33px;
	width: 533px;
	background: url(../images/logos/aac_logo.gif) no-repeat top left;
	}


/*=BANNER
=== === === === === === === === === === */
#banner {
height: 200px;
width: 694px;
background-color: #EEE;
margin-bottom: 20px;
font-size: 192%;
line-height: 700%;
text-align: left;
color: #999;
position: relative;
}
#aac #banner h2  {
font-weight: normal;
font-size: 92%;
}
#banner h2 a {
font-size: 100%;
line-height: 180%;
color: #333;
font-family: 'Century Gothic', Verdana, Arial, sans-serif;
}
#banner h2 em {
font-size: 70%;
}
#banner p a {
font-size: 12px;
color: #333;
}

#banner  .slideInfoZone {
background-color: #FFF;
}

/*#banner  img {
padding: 0;
background-color: #FFF;
display: block;
border: none;
text-align: center;
color: #999;
line-height: 300%;
}*/

#myGallery
{
width: 694px !important;
height: 200px !important;
} 



/*=Main Content   
=== === === === === === === === === === */


#main_column_wrapper {
	background: url(../images/backgrounds/main_bg.jpg) repeat-y top center;
	width: 764px;
	float: left;
}
	#main_column {
		background: url(../images/backgrounds/main_top.jpg) no-repeat top center;
	}
		#main_column_inner {
			background: url(../images/backgrounds/main_bot.jpg) no-repeat bottom center;
		}
		#main_column .padding {
			padding: 35px;
		}
		#main_column h2 {
			font-size: 145%;
			color: #333;
		}
		#main_column p {
			font-size: 92%;
			color: #666;
			line-height: 180%;
			margin-bottom: 25px;
		}
		#main_column iframe {
			margin-top: 20px;
		}		
		
#main_column #main {
	width: 65%;
	float: left;
}
#main_column #main .big {
	font-size: 120%;
	font-weight: bold;
	margin-top: -10px;
}
#main_column #main_sub {
	width: 30%;
	float: right;
}
	#main_column #main_sub h3 {
		font-size: 132%;
		color: #325472;
		margin-bottom: 5px;
	}	
	#main_column #main_sub ul {
		margin-bottom: 25px;
	}	
	#main_column #main_sub li {
		margin-bottom: 10px;
		color: #666;
	}
	#main_column #main_sub strong {
		font-weight: bold;
	}	
		
		
/*=Sub Content   
=== === === === === === === === === === */		

#sub_column {
float: right;
}
	#sub_column .sign_up {
	  display: none;
	  height: 54px;
	  width: 188px;
	  text-align: center;
	  background: url(../images/buttons/orange.jpg) no-repeat top center;
		font-size: 132%;
		color: #333;
		text-decoration: none;
		line-height: 200%;
	}	
	
	
#sub_column ul {/*Specials List*/
background: #e3f2ff url(../images/props/yoga_lady.gif) no-repeat 130px 185px;
width: 188px;
margin: 10px 0px 20px 0px;
}
	#sub_column li {
	padding: 5px 5px 5px 10px;
	color: #333;
	}
	#sub_column ul .first {
	background: url(../images/backgrounds/sub_top.jpg) no-repeat top left;
	padding-top: 15px
	}
	#sub_column ul .last {
	background: url(../images/backgrounds/sub_bot.jpg) no-repeat bottom left;
	padding-bottom: 15px;
	}
	#sub_column ul strong {
	font-weight: bold;
	}
	
	#sub_column .vcard {
		border: #EEE 1px solid;
		background: url(../images/backgrounds/body_bg.jpg) repeat-x top left;
		padding: 15px 10px;
		color: #333;
	}
		#sub_column .vcard .org {
			font-size: 114%;
			font-weight: bold;
			margin-bottom: 10px;
		}
		#sub_column .vcard .email {
			font-size: 100%;
		}
		#sub_column .vcard .adr,
		#sub_column .vcard .tel,
		#sub_column .vcard .fax
		 {
			margin-top: 10px;
		}		
		#sub_column .vcard .fax {
			margin-bottom: 10px;
		}
		#sub_column .vcard .map {
			display: block;
			background: url(../images/props/car.gif) no-repeat center left;
			padding-left: 20px;
		}
		
		
/*=Footer   
=== === === === === === === === === === */		
#aac_footer {
margin-top: 20px;
padding: 15px 15px 75px 15px;
color: #666;
font-size: 92%;
background: url(../images/props/runners.gif) bottom left repeat-x;
}

#aac_footer .street-address,
#aac_footer .tel,
#aac_footer .fax,
#aac_footer .adr,
#aac_footer .email,
#aac_footer .org
{
display: inline;
margin-right: 15px;
}