/****************************** EL PASO  CSS -  www.elpasohoxton.com **************************************/


body {
	margin: 0;
	padding: 50px 0 20px 0;
	background: #000 url(/images/bg.jpg) no-repeat center top;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #999;
	line-height: 15px;
	}

#bigdiv{
margin: auto;
padding: 153px 0 0 0;

width: 960px; 
text-align: left;
position: relative;
}


#wrap{
width: 920px;
margin: auto;
}


#flash object{
position:absolute;
left:0px;
top:115px;}


#content{
width: 920px;
margin: 10px 0 10px 0; 
overflow: auto;
}

/****************************** LEFT / MIDDLE / RIGHT ********************************/
#left{
width: 300px;
float: left;
}

#middle{
width: 600px;
float: left;
margin-right: 10px;
}


#right{
width: 300px;
float: left;
}


/****************************** H TAGS ********************************/

h1, h2, h3{
	margin: 0;
	padding: 0;
	font-weight: normal;
	}

h1, .zabouttitle, .zeventstitle, .gallerytitlegroup, .zcontacttitle{
font: normal 20px Arial, Helvetica, sans-serif;
	
	font-weight:bold;
	margin:0;
	color: #ba0001;
}


h2{
	text-transform: uppercase;
	font-size: 12px;
	margin:0;
	padding:5px 0 0 0;
}

h3 {
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 11px;
}


h5 {
	font-size: 9px;
}

h5 a:hover{
	color: #ba0001;
	text-decoration:none;
}

h5 a{
padding: 0 0 0 10px;
	color: #555555;
	text-decoration:none;
}

p, blockquote, ul, ol  {
	line-height: 14px;
	padding:0 0 15px 0;
	margin:0;
	}
	

	
li {
list-style-image: url(images/);
padding: 0;

}

a {
text-decoration: none; 
	color: #555555;
}

a img{
border: none;
text-decoration: none;
padding:0;
margin:0;
}

img{
display: block;
border: none;
padding:0;
margin:0;
}


a:hover {
	text-decoration: none;
	color: #ba0001;
}


/********************************* HOME *************************************/

.home #content{
margin: 0 0 10px 0;
}



/********************************* ABOUT *************************************/



.about #right{
width: 600px;
margin-left:20px;
}


.zaboutlist{
margin-top:10px;
color:#392351;
font-weight: bold;
line-height: 20px;
}

/********************************* EVENTS *************************************/



.zeventsrow{
width: 600px;
clear: both;
margin-bottom: 40px;
}

.zeventsgallery div{
padding: 0 10px 40px 0;
}

.zeventsdescription, .zeventslinktitle, .zeventslinktitle2{
margin-left: 160px;
padding-bottom: 5px;
}

.zeventsdate{
font-size: 14px;
color: #999;
}


.zeventstimes{
font-size: 14px;
color: #fff;
margin: 5px 0 10px 0;
}


/*********************************  GALLERY *************************************/
.gallery #left{
width: 170px;
margin-right: 10px;}

.gallery #middle{
width: 300px;
}

.gallery #right{
width: 425px;
}

.zgallerydescription{
padding-bottom:20px;
font-size: 20px;
line-height: 25px; }


.zgallerygallery div{
float:left;
margin: 0 3px 3px 0;
}


.gallerytitlegroup{
height:20px;
padding: 5px 0 0 5px;
margin: 0 0 3px 0;
background-color: #a1a1a1;}

.gallerytitlegroup a{
color:#fff;
}

.gallerytitlegroup a:hover{
color:#555;
}

/********************************* CONTACT ****************************************/

.contact #left{
width:300px;
float: left;
margin-right: 10px ;
}
.contact #right{
width:600px;
float: left;
}

.zcontacttitle{
padding: 0 0 5px 0;
}

#ylinks{
margin-top: 10px;
}

.ylinkstitle{
padding: 3px 0 0 0;}



/************************* FORM ********************************/	


input {
width: 250px;
margin: 2px 0 0 0;
color: #000;
}

textarea {
width: 250px;
height: 100px;
margin: 2px 0 0 0;
font:  normal 12px Arial, Helvetica, sans-serif;
color: #000;
}

.submit input {
height: 26px;
width: 119px;
}

form p{
color: #ba0001;
padding: 10px 0 0 0;}



/********************************* MENU *******************************************/

#menu {
	width: 920px;
	height: 30px;
	margin: 0 auto;
	background: url(/images/menu.jpg) no-repeat;
	padding: 0;
	}

#menu ul {
	margin: 0;
	padding: 0 0 0 10px;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	padding: 5px 15px 5px 15px;
	text-transform: uppercase;
	text-decoration: none;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #fff;
}

#menu a:hover {
	color: #ba0001;
}


h2 a:hover{
	color: #fff;
	}
	
.home a#homenav,
.about a#aboutnav,
.events a#eventsnav,
.gallery a#gallerynav,
.contact a#contactnav
{
color: #ba0001; 
}


/************************* FOOTER ********************************/	
	

#footer {
	width: 960px;
	padding: 0;
	margin: 0;
	clear:both;
	height: 45px;
	background: url(/images/footer.jpg) repeat-x;
	}

#footer h5 {
	text-align: left;
	color: #ba0001;
	margin: 0;
	padding: 15px 20px 0 20px;
	}

	
span{
color:#01b0cf;}




table{
padding:0;
margin:0;}