@charset "UTF-8";
/* CSS Document */

body {
	background-color:#9b3203;
}

div#container {
	width: 950px;
	height: 891;
	background-color:#8c2f05;
	position: relative;
	margin-right: auto;
	margin-left: auto;

}
div#header {
	width: 950px;
	height: 156px;
	position: absolute;
	top: 0px;
	left: 0px;
	background-image:url(Images/header.gif);
}


img.loading {
	display: none;
}

/* NAVIGATION DIVS with Hover States*/

div#home {
	width: 130px;
	height: 44px;
	position: absolute;
	top: 156px;
	left: 0px;
	background-image: url(Images/navigation/home.gif);
}
div#home:hover {
	background-image:url(Images/navigation/home_over.gif);
}

div#contact {
	width: 130px;
	height: 34px;
	position: absolute;
	top: 200px;
	left: 0px;
	background-image:url(Images/navigation/contact.gif);
}
div#contact:hover {
	background-image:url(Images/navigation/contact_over.gif);
}

div#classes {
	width: 130px;
	height: 32px;
	position: absolute;
	top: 234px;
	left: 0px;
	background-image:url(Images/navigation/classes.gif);
}
div#classes:hover {
	background-image:url(Images/navigation/classes_over.gif);
}

div#events {
	width: 130px;
	height: 33px;
	position: absolute;
	top: 266px;
	left: 0px;
	background-image:url(Images/navigation/events.gif);
}
div#events:hover {
	background-image:url(Images/navigation/events_over.gif);
}

div#gallery {
	width: 130px;
	height: 31px;
	position: absolute;
	top: 299px;
	left: 0px;
	background-image:url(Images/navigation/gallery.gif);
}
div#gallery:hover {
	background-image:url(Images/navigation/gallery_over.gif);
}

div#callartist {
	width: 130px;
	height: 33px;
	position: absolute;
	top: 330px;
	left: 0px;
	background-image:url(Images/navigation/callforartist.gif);
}
div#callartist:hover {
	background-image:url(Images/navigation/callforartist_over.gif);
}

div#mission {
	width: 130px;
	height: 33px;
	position: absolute;
	top: 363px;
	left: 0px;
	background-image:url(Images/navigation/missiongraphica.gif);
}
div#mission:hover {
	background-image:url(Images/navigation/missiongraphica_over.gif);
}

div#youth {
	width: 130px;
	height: 32px;
	position: absolute;
	top: 396px;
	left: 0px;
	background-image:url(Images/navigation/youth.gif);
}
div#youth:hover {
	background-image:url(Images/navigation/youth_over.gif);
}

div#video {
	width: 130px;
	height: 33px;
	position: absolute;
	top: 428px;
	left: 0px;
	background-image:url(Images/navigation/videofest.gif);
}
div#video:hover {
	background-image:url(Images/navigation/videofest_over.gif);
}

div#carnaval {
	width: 130px;
	height: 33px;
	position: absolute;
	top: 461px;
	left: 0px;
	background-image:url(Images/navigation/carnaval.gif);
}
div#carnaval:hover {
	background-image:url(Images/navigation/carnaval_over.gif);
}

div#community {
	width: 130px;
	height: 32px;
	position: absolute;
	top: 494px;
	left: 0px;
	background-image:url(Images/navigation/community.gif);
}
div#community:hover {
	background-image:url(Images/navigation/community_over.gif);
}


div#space {
	width: 130px;
	height: 32px;
	position: absolute;
	top: 526px;
	left: 0px;
	background-image:url(Images/navigation/spacerentals.gif);
}
div#space:hover {
	background-image:url(Images/navigation/spacerentals_over.gif);
}

div#volunteers {
	width: 130px;
	height: 33px;
	position: absolute;
	top: 558px;
	left: 0px;
	background-image:url(Images/navigation/volunteers.gif);
}
div#volunteers:hover {
	background-image:url(Images/navigation/volunteers_over.gif);
}

div#tiendita{
	width: 130px;
	height: 32px;
	position: absolute;
	top: 591px;
	left: 0px;
	background-image:url(Images/navigation/latiendita.gif);
}
div#tiendita:hover {
	background-image:url(Images/navigation/latiendita_over.gif);
}

div#bart {
	width: 130px;
	height: 33px;
	position: absolute;
	top: 623px;
	left: 0px;
	background-image:url(Images/navigation/bart.gif);
	}
div#bart:hover {
	background-image:url(Images/navigation/bart_over.gif);
}

div#board {
	width: 130px;
	height: 33px;
	position: absolute;
	top: 656px;
	left: 0px;
	background-image:url(Images/navigation/callforboard.gif);
	}
div#board:hover {
	background-image:url(Images/navigation/callforboard_over.gif);
}

div#news {
	width: 130px;
	height: 25px;
	position: absolute;
	top: 689px;
	left: 0px;
	background-image:url(Images/navigation/newsletters.gif);
	}
div#news:hover {
	background-image:url(Images/navigation/newsletters_over.gif);
}

div#signup {
	width: 130px;
	height: 145px;
	position: absolute;
	top: 714px;
	left: 0px;
	background-image:url(Images/navigation/signup.gif);
	}
div#signup:hover {
	background-image:url(Images/navigation/signup_over.gif);
}



/*This is where the top sub-continer starts*/
div#topcontainer {
	position: absolute;
	top: 156px;
	left: 130px;
	width: 715px;
	height:703px;
	overflow:hidden;
	background-color:#8c2f05;
}

div#topcontainerleft {
	position: absolute;
	top: 380px;
	left: 460px;
	width: 240px;
	height:550px;
	background-color:#8c2f05;
	text-align:center;
	background-color:#b85c2d;
	background-image:url(Images/founders_bg.gif);
}
/*Here is the divs for the topcontainer content*/

div#hometop {
	position:absolute;
	top:0px;
	left:0px;
	width:715px;
	height:301px;
	background-image:url(Images/images_index/home_top_bg.gif);
}



div#HomeImage{
	position:absolute;
	top:0px;
	left:0px;
	width:320px;
	height:300px;
}

div#HomeText{
	position:absolute;
	top:0px;
	left:320px;
	width:395px;
	height:300px;
	background-image:url(Images/images_index/042910/bg.png);
}

#HomeText p{
	margin:15px 8px 0 -15px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	line-height:17px;
}




div#bar_1 {
	position:absolute;
	top:301px;
	left:0px;
	width:715px;
	height:20px;
	background-image:url(Images/images_index/block_1.gif);
}

/*Events Section*/
div#events_1 {
	position:absolute;
	top:321px;
	left:0px;
	width:178px;
	height:151px;
	background-color:#5f1e02;
}

div#events_2 {
	position:absolute;
	top:321px;
	left:178px;
	width:178px;
	height:151px;
	background-color:#d27734;
}
div#events_3 {
	position:absolute;
	top:321px;
	left:357px;
	width:178px;
	height:151px;
	background-color:#5f1e02;
}

div#events_4 {
	position:absolute;
	top:321px;
	left:536px;
	width:178px;
	height:151px;
	background-color:#d27734;
}


div#date_1 {
	position:absolute;
	top:471px;
	left:0px;
	width:178px;
	height:18px;
	background-color:#4e1b05;
}

div#date_2 {
	position:absolute;
	top:471px;
	left:178px;
	width:179px;
	height:18px;
	background-color:#4e1b05;
}
div#date_3 {
	position:absolute;
	top:471px;
	left:357px;
	width:179px;
	height:18px;
	background-color:#4e1b05;
}

div#date_4 {
	position:absolute;
	top:471px;
	left:536px;
	width:179px;
	height:18px;
	background-color:#4e1b05;
}

div#bottom_left{
	position:absolute;
	top:489px;
	left:0px;
	width:363px;
	height:179px;
	background-color:#bb6529;
	background-image:url(Images/images_index/home_bottom_left.gif);
}

div#bottom_right{
	position:absolute;
	top:489px;
	left:363px;
	width:356px;
	height:179px;
	background-color:#b75d23;
	background-image:url(Images/images_index/home_bottom_right.gif);
}

#paypal{
	position:absolute;
	top:10px;
	left:-3px;
	width:356px;
}
#social{
	position:absolute;
	top:593px;
	left:305px;
	width:380px;
	height:100px;
	z-index:100;
}
#social p{
	color:#3C1C12;
	font-size:11px;
	text-align:center;
}

.picpadding{
	padding:35px 10px 0px 20px;
	
}
.picdonations{
	margin-left:-40px;
	
}

div#calendar{
	position:absolute;
	top:57px;
	left:80px;
	height:108px;
	width:108px;
}

div#bimonthly{
	position:absolute;
	top:486px;
	left:394px;
	height:168px;
	width:275px;
	z-index:60;
}




div#SFAC{
	position:absolute;
	top:46px;
	left:206px;
	height:110px;
	width: 85px;
}
div#video_index{
	position:absolute;
	top:20px;
	left:10px;
	width:325;
	height:299;
}







/*Styling the page*/
h1 {
font-family:"Times New Roman", Times, serif;
color:#fdce90;
font-size:22px;
padding-left:10px;
padding-right:5px;
}

h2{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#debf8e;
	font-size:16px;
	text-align:left;
	padding-left:10px;
}

h3{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#debf8e;
	font-size:16px;
	text-align:center;
}

p{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
color:#b59458;
padding-right:10px;
padding-left:30px;

}

p.center{
	text-align:center;

}

p.annual{
	color:#fdce90;
	padding-left:10px;
	text-align:left;
	font-size:11px;
}

p.small {
font-family:Arial, Helvetica, sans-serif;
font-style:italic;
font-size:14px;
top:0px;
padding-left:10px;
padding-right:5px;
color:#f7eac8;
}

p.tiny{
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
padding-left:10px;
padding-right:5px;
color:#c79867;
}
.dates{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:11px;
text-align:center;
color:#d3914b;
position:relative;
}
.seating{
	text-align:center;
	color:#FFF;
	font-size:14px;
	
}

.maindate{
	font-size:16px;
	font-weight:bold;
	color:#FC6;
	text-shadow: #2f2f2f 3px 1px 2px;
	
}
.bi{
	font-size:11px;
	color:#000;
	
}
p.notes{
	font-size:12px;
	color:#FFF;
}

p.white{
	color:#FFF;
	
}

img.left{
	padding-left:14px;
}


img.home{
	padding-top:12px;
	padding-left:4px;
}
a:link, a:visited {
	color:#C19513;
	text-decoration:none;
	font-size:12px;
}
a:hover {
	color:#F60;
}
a:active {
	color:#FFF;
}

email{
margin-left:40px;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
padding-left:10px;
padding-right:5px;
color:#d3914b;
}

div#background1{
position:absolute;
top:856px;
left:0px;
width:950px;
height:auto;
background-image:url(Images/footer.jpg);
}
div#background2{
position:absolute;
color:#9b3203;
top:49px;
left:845px;
width:105px;
height:826px;
background-image:url(Images/left.jpg);
}

/*Footer*/

div#hours{
	position:absolute;
	width:715px;
	height:29px;
	text-align:center;
	top:659px;
}
p.hoursoffice{
	font-size:11px;
	text-align:center;
	
}

div#footer {
	width: 950px;
	height: 30px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	background-color:#51230e;
	text-align:center;
	padding-top:10px;
	color: #fdce90;
	top: 850px;
	width:950px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
}