/* CSS Document */

/*------CSS RESET-------*/
* {margin:0;padding:0;} 
* :focus { outline: 0; }

body {
	padding:0;
	margin:0;
	font-size: .75em;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}
h1,h2,h3,h4,h5,h6,ul,li,pre,code {
	padding:0;
	margin:0;
	line-height:1em;
	font-size:100%;
	font-weight:normal;
	font-style: normal;
}
table {
	font-size:inherit;
	font:100%;
}
ul {
	list-style:none;
}
img {
	border:0;
}
p {
	padding: 0 0 1em 0;
}

/*------BODY-------*/
body {
  background: #000 url(../images/main-bg.jpg) no-repeat center top;
  color: #FFF;
}

/*------CONTAINER-------*/
#container {
  width: 950px;
	margin: 0 auto;
	overflow: hidden;
}

/*------HEADER-------*/
#title {
  height: 72px;
  width: 380px;
  float: left;
	margin-left: 5px;
	margin-top: 15px;
	padding-bottom: 75px;
}
#title h1 {
  text-indent: -9999px;
  float: left;
}
#title h1 a.tagline {
  display: block;
  background: url(../images/bwab-title.png) no-repeat left top;
  float: left;
	/*margin-left: 175px;*/
	margin-left: 125px;
	margin-top: 35px;
  height: 72px;
  width: 380px;
}
/*#title h1 a.logo {
  display: block;
  background: url(../images/bwab-web-logo.png) no-repeat left top;
  float: left;
  height: 150px;
  width: 170px;
}*/
#lang {
	float: right;
	font-size: 1.17em;
	font-weight: bold;
	padding-top: 15px;
	padding-right: 5px;
	color: #DDAB53;
}
#lang a:link, #lang a:visited, #lang a:active {
	color: #652A02;
	text-decoration: none;
}
#lang a:hover {
	color: #3A0707;
	text-decoration: none;
}
#navigation {
	padding-top: 125px;
}
#navigation ul.navlinks li {
	display: inline;
}
#navigation ul.navlinks li a{
	padding-left: 10px;
	text-indent: -9999px;
}
#navigation ul.navlinks li.OS a:link, #navigation ul.navlinks li.OS a:visited, #navigation ul.navlinks li.OS a:active{
	background: url(../images/main-nav-nuestra-historia.png) no-repeat scroll 0 0;
	height: 28px;
	width: 167px;
	float: right;
}
#navigation ul.navlinks li.OS a:hover {
	background-image: url(../images/main-nav-nuestra-historia_r.png);
}
#navigation ul.navlinks li.TM a:link, #navigation ul.navlinks li.TM a:visited, #navigation ul.navlinks li.TM a:active {
  background: url(../images/main-nav-the-movement-es.png) no-repeat scroll 0 0;
	height: 28px;
	width: 140px;
	float: right;
}
#navigation ul.navlinks li.TM a:hover {
	background-image: url(../images/main-nav-the-movement-es_r.png);
}
#navigation ul.navlinks li.YI a:link, #navigation ul.navlinks li.YI a:visited, #navigation ul.navlinks li.YI a:active {
  background: url(../images/main-nav-su-impacto.png) no-repeat scroll 0 0;
	height: 28px;
	width: 95px;
	float: right;
}
#navigation ul.navlinks li.YI a:hover {
	background-image: url(../images/main-nav-su-impacto_r.png);
}

/*------CONTENT-------*/
#top-shadow {
	background: url(../images/top-shadow.png) no-repeat;
	width: 952px;
	float: left;
	height: 5px;
	padding: 0;
}
#shadow-content {
	background: url(../images/bg-shadow.png) repeat-y;
	width: 952px;
	float: left;
}
#wrapper-content {
	width: 938px;
	margin-left: 10px;
	padding: 0;
}

/*------FEATURED AREA-------*/
#slideshow {
	position: relative;
	height: 352px;
	border-bottom: #077083 2px solid;
}
#featured-content {
	position: absolute;
	bottom: 0;
	right: 0; 
	height: 50px; 
	width: 720px; 
	background-image: url(../images/75trans-black.png);
	margin-right: 10px;
} 
#featured-content h1 {
	margin: 0;
	padding: 8px 0 0 10px;
	font-size: 1.17em;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#featured-content p {
	margin: 0;
	padding: 6px 0 0 10px;
	font-size: 1em;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}
/*------COLUMN 1-------*/
#col1 {
	position: relative;
	background-color: #ddab53;
	width: 385px;
	float: right;
	padding-left: 10px;
	padding-right: 10px;
}
	/*------WHATS HAPPENING-------*/
	#news{
		height: 56px;
		width: 161px;
	}
	#news h1{
		text-indent: -9999px;
		float: left;
	}
	#news h1 span {
		margin-top: 5px;
		display: block;
		background: url(../images/whats-happening-es.png) no-repeat left top;
		float: left;
		height: 44px;
		width: 178px;
	}
	#news-content {
		color: #3a0707;
		margin-left: 15px;
		min-height: 200px;
	}
	#news-content .submenu {
		padding-top: 25px;
	}
	#news-content .submenu .subcontent{
		background: url(../images/submenu-bg.png) no-repeat;
		height: 144px;
		width: 380px;
		margin-left: -15px;
		padding: 20px 0 0 50px;
	}
	#news-content .submenu .subcontent p {
		padding: 0px;
		font-size: 1.17em;
	}
	#news-content p.title {
		font-weight: bold;
		font-size: 1.17em;
		margin: 0;
		padding: 0;
	}
	#news-content span.date {
		margin-left: 5px;
		font-weight: normal;
		font-size: 0.75em;
	}
	#news-content p.content {
		margin: 0;
		padding: 0 0 1em 0;
	}
	#news-content a:link, #news-content a:visited, #news-content a:active {
		color: #077083;
		text-decoration: none;
	}
	#news-content a:hover {
		text-decoration: underline;
	}
	#news-content .submenu a:hover {
		color: #deac52;
		text-decoration: none;
	}
	/*------DONATE-------*/
	#donate {
		margin-left: -6px;
	}
	#donate h1 {
		text-indent: -9999px;
	}
	#donate a:link, #donate a:visited, #donate a:active {
		background-image: url(../images/donate-banner-es.png);
		width: 401px;
		height: 75px;
		float: left;
	}
	#donate a:hover{
		background-image: url(../images/donate-banner-es_r.png);
	}
	/*------VIDEO GALLERY-------*/
	#video-gallery {
		position: relative;
		background: url(../images/motion-pic-bg.png) no-repeat;
		width: 380px;
		height: 144px;
		float: left;
		margin: 0px;
		padding-bottom: 20px;
	}
	#video-gallery img.video-img {
		margin-right: 10px;
		padding-top: 12px;
	}
	#video-gallery p {
		float: left;
		text-align: right;
		margin-left: 25px;
		width: 180px;
	}
	#video-gallery p a:link, #video-gallery p a:visited, #video-gallery p a:active {
	  color: #077083;
		text-decoration: none;
	}
	#video-gallery p a:hover {
		color: #deac52;
		text-decoration: none;
	}
	#video-gallery .media-text h1 {
		text-indent: -9999px;
		padding-top: 50px;
	}
	#video-gallery .media-text h1 a {
		float: left;
		margin-left: 10px;
		background: url(../images/motion-pictures-es.png) no-repeat;
		width: 202px;
		height: 32px;
		padding-bottom: 20px;
	}
	
	/*------AUDIO-PHOTO-------*/
	#audio-photo{
		width: 380px;
		height: 144px;
		float: left;
	}
	#podcasts{
		background: url(../images/pod-photo-bg.png) no-repeat;
		float: left;
		position: relative;
		width: 189px;
		height: 134px;
	}
	#podcasts img.radio{
		margin-right: 5px;
		padding-top: 38px;
	}
	#photos{
		background: url(../images/pod-photo-bg.png) no-repeat;
		float: right;
		position: relative;
		width: 189px;
		height: 134px;
	}
	#photos img.pics{
		margin-right: 5px;
		padding-top: 14px;
	}
	#audio-photo .media-text h1 {
		text-indent: -9999px;
		padding-top: 10px;
		float: left;
	}
	#audio-photo .media-text h1 a {
		float: left;
		margin-left: 13px;
	}
	#audio-photo .media-text h1 a.podcasts {
		background: url(../images/podcasts.png) no-repeat;
		width: 102px;
		height: 32px;
	}
	#audio-photo .media-text h1 a.photos {
		background: url(../images/photos-es.png) no-repeat;
		width: 61px;
		height: 32px;
	}
	
/*------COLUMN 2-------*/
#col2 {
	position: relative;
	background-color: #000;
	width: 531px;
	min-height: 248px;
	float: left;
}
#main-nav {
	background: url(../images/index-navarea-bg.jpg) no-repeat;
	width: 531px;
	height: 248px;
	float: left;
}
#main-nav ul {
	margin: 50px 0 0 200px;
}
#main-nav ul li {
	text-indent: -9999px;
}
#main-nav ul li.OS a:link, #main-nav ul li.OS a:visited, #main-nav ul li.OS a:active {
  background: url(../images/index-nav-our-story-es.png) no-repeat scroll 0 0;
	height: 45px;
	width: 240px;
	float: left;
}
#main-nav ul li.OS a:hover {
	background-image: url(../images/index-nav-our-story-es_r.png);
}
#main-nav ul li.TM a:link, #main-nav ul li.TM a:visited, #main-nav ul li.TM a:active {
  background: url(../images/index-nav-the-movement-es.png) no-repeat scroll 0 0;
	height: 45px;
	width: 240px;
	padding-top: 10px;
	float: left;
}
#main-nav ul li.TM a:hover {
	background-image: url(../images/index-nav-the-movement-es_r.png);
}
#main-nav ul li.YI a:link, #main-nav ul li.YI a:visited, #main-nav ul li.YI a:active {
  background: url(../images/index-nav-your-impact-es.png) no-repeat scroll 0 0;
	height: 45px;
	width: 240px;
	padding-top: 10px;
	float: left;
}
#main-nav ul li.YI a:hover {
	background-image: url(../images/index-nav-your-impact-es_r.png);
}
#content-text {
	margin: -10px 0 0 15px;
	width: 93%;
	float: left;
}
#content-text h1 {
	font-size: 1.67em;
	color: #ca8c1b;
	line-height: 2.0em;
	padding-top: 0.5em;
}
#content-text h2 {
	padding: 0.75em 0 .25em 0;
	font-size: 1.17em;
	font-weight: bold;
	color: #ca8c1b;
	line-height: 1.25em;
}
#content-text h3, #content-text #accordion h3.drop {
	padding: 0.75em 0 .25em 0;
	font-size: 1em;
	font-weight: bold;
	color: #ca8c1b;
	line-height: 1.25em;
}
#content-text #accordion h3 {
	padding: 0 0 0 30px;
	font-size: 1em;
	font-weight: bold;
	color: #FFF;
	line-height: 1.25em;
}
#content-text ul {
	margin-left: 15px;
	list-style-type: disc;
}
#content-text #accordion ul {
	margin-left: 0px;
}
#content-text #accordion h4 {
	padding: 0 0 0 30px;
}
#content-text ul li {
	padding-bottom: 0.75em;
}
#content-text a:link, #content-text a:visited, #content-text a:active {
	color: #077083;
	text-decoration: none;
}
#content-text a:hover {
	color: #deac52;
	text-decoration: none;
}
/*------FOOTER-------*/
#footer {
	background: #262626;
	position: relative;
	height: 115px;
	clear:both;
	margin-top: 115px;
} 
#foot-wrap {
	margin: 0 auto;
	text-align: center;
	width: 938px;
	padding-top: 5px;;
}
#foot-wrap p {
	text-align: center;
	font-size: 1.17em;
	font-weight: bold;
}
#foot-wrap .copyright {
	font-size: 0.83em;
	position: absolute;
	bottom: 0px;
	right: 0px;
	padding-right: 100px;
	min-width: 550px;
	text-align: right;
}
#contact {
	float: left;
	width: 528px;
	padding-right: 10px;
	border-right: 3px #FFF solid;
	text-align: left;
}
#contact table {
	margin: 0 auto;
	padding: 0 0 0 20px;
}
#connect {
	width: 385px;
	float: right;
}
#connect img {
	padding: 0 6px;
}