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


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

#bigdiv{
margin: auto;
padding: 130px 0 0 0;
background: #fff url(/images/top.jpg) no-repeat center top;
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 0 0; 
}

/****************************** 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, .zthegopherholetitle, .zcontacttitle{
font:bold 22px "Times New Roman",Georgia,Serif;
	font-weight:bold;
	margin:0;
	color: #000;
	padding-bottom: 5px;
}


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:#ed9194;
	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: #ed9194;
}

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: #5b9fe6;
}

a:link{
outline:none;
}


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

.home #content{
margin:  0;
}



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



.about #right{
width: 612px;
margin-left:10px;
}

.about #left{
width:298px;} 

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


/********************************* THE GOPHER HOLE *************************************/



.thegopherhole #right{
width: 612px;
margin-left:10px;
}

.thegopherhole #left{
width:298px;} 

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



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



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

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

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

.zeventstitle{
width: 600px;
margin-left: 320px;
}

.zeventsdate{
font-size: 14px;
color: #5b9fe6;
width: 600px;
margin-left: 320px;
}


.zeventstimes{
font-size: 14px;
color: #5b9fe6;
margin: 5px 0 10px 0;
width: 600px;
margin-left: 320px;
}


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

.gallery #middle{
width: 300px;
}

.gallery #right{
width: 425px;
}

.zgallerytitle{
font:bold 22px "Times New Roman",Georgia,Serif;
color: #000; 
}

.zgallerysubtitle{
font-size: 15px;
line-height: 25px;
padding-bottom: 5px;
}


.zgallerygallery div{
float:left;
margin: 0 3px 25px 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:194px;
float: left;
margin-right: 18px ;
padding-right:18px;
}
.contact #right{
width:690px;
float: left;
}

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

#ylinks{
margin-top: 10px;
}

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



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


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

textarea {
width: 200px;
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: #000;
padding: 10px 0 0 0;}



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

#menu {
	width: 920px;
	height: 30px;
	margin: 0 auto;
	background: url(/images/menu.jpg) repeat-x;
	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: 9px 15px 5px 15px;
	text-transform: uppercase;
	text-decoration: none;
	font:bold 12px "Times New Roman",Georgia,Serif;
	color: #fff;
}

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


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


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

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

#footer h5 {
	text-align: left;
	color: #ed9194;
	margin: 0;
	padding: 20px 20px 15px 65px;
	}
	
#facebook{
	position:absolute;
	left:20px;
	bottom:20px;
	}
	
#twitter{
	position:absolute;
	left:40px;
	bottom:20px;
	}

	#tgh{
	width: 150px;
	height: 25px;
	position:absolute;
	right:10px;
	top:10px;
	}
	
span{
color:#01b0cf;}




table{
padding:0;
margin:0;}