/*Begin generic formatting*/
body{
	background: /*url("../images/bg.jpg") top center no-repeat*/ #000000;
	margin: 0;
	color: #DFDFDF;
	font-family: Palatino, Tahoma, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
}

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

a:hover{
	color: #804000;
}

img{
	border: 0;
}

h1{
	padding: 10px;
	font-size: 1.4em;
	letter-spacing: 2px;
}

h1+p{
	display: block;
	padding: 0 20px;
}

h2{
	font-size: 1em;
	text-align: center;
	text-decoration: underline;
}

p{
	text-indent: 25px;
	font-size: 1em;
	letter-spacing: 1px;
}

p.quote{
	text-align: center;
	font-style: italic;
}

ul, li{
	margin: 0;
}

br.clear{
	clear: both;
	line-height: 0;
}
/*End generic formatting*/

/* Begin nav formatting */
#links{
	text-align: right;
	width: 932px;
	height: 40px;
	padding-top: 15px;
	border-bottom: 1px solid #663300;
}

#links #logo{
	float: left;
	display: inline;
	width: 202px;
	height: 32px;
	margin-top: 5px;
	background: url(../images/logo.png) top;
}

#links #logo:hover{
	background-position: 100% -32px;
}


#links ul li{
	display: inline;
	float: left;
	padding: 0 15px;
}

#nav{
	width: 540px;
	float: right;
	margin-top: 10px;
	font-size: 1.5em;
}

#nav li a{
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 4px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: .7em;
}

#nav li a:first-letter{
	font-size: .9em;
}

#nav li a.active{
	color: #999999;
}

#nav li a.active:hover{
	color: #FFFFFF;
}
/* End nav formatting */

/* Begin element specific formatting */
#container{
	width: 932px;
	margin: 0 auto 5px auto;
	overflow: auto;
	border-bottom: 1px solid #663300;
}

#top{
	margin: 0 auto 10px;
	border-bottom: 1px solid #630;
}

#img_bar{
	height: 336px;
	display: block;
	margin: 5px auto;
}

.visible{
	position: absolute;
	width: 930px;
	height: 336px;
}

.hidden{
	position: absolute;
	width: 930px;
	height: 336px;
	display: none;
}

#info{
	float: right;
	margin: 11px 10px 0 0;
	font-size: 0.8em;
	font-weight: bold;
}

#info a{
	color: #9999FF;
}

#info a:hover{
	color: #000000;
}

#content{
	width: 860px;
	margin: 0 auto;
}

#content #tab_content>div, #content{
	min-height: 400px;
}

#tab_content p a{
	color: #804000;
	text-decoration: none;
}

#tab_content p a:hover{
	color: white;
	text-decoration: none;
}

.split #side{
	float: left;
	width: 260px;
}

.split #main{
	margin-left: 275px;
	font-size: 1.1em;
	padding-top: 10px;
}

#contact{
	margin: 15px auto 0 auto;
	font-size: 1.1em;
	text-align: center;
}

#footer{
	width: 960px;
	margin: 0 auto 10px auto;
}

#footer .copy{
	text-align: right;
	float: right;
	font-size: .8em;
}

#footer a{
	text-decoration: none;	
}

#footer a:hover{
	text-decoration: none;
}

#footer #sitemap{
	font-size: .8em;
	text-align: center;
}

#footer .left{
	float: left;
	width: 200px;
}

#footer .right{
	float: right;
	width: 200px;
}

.tripadvisor{
	padding-left: 34px;
	background: url("../images/tripadvisorS.png") left top no-repeat;
}

.tripadvisor:hover{
	background-position: 0 -20px;
}

/* Begin Formatting for Small Image Gallery */
#gallery{ 
	margin: 0 auto 0 auto;
	height: 60px;
	text-align: center;
	display: inline;
	list-style: none; 
	display: block; 
}

#gallery div.list{ 
	display: inline;
	width: 60px; 
	height: 60px;
	cursor: pointer; 
	border: 3px solid black; 
	outline: 1px dotted #FFFFFF; 
	margin: 10px;
	float: left;
}

#gallery div{ 
	margin: 0 10px 10px 0; 
}

#gallery div *{
	cursor: pointer;
}

#gallery div.list:hover { 
	outline: 2px solid #CCCCCC; 
}

#gallery div.active{
	cursor: default;
}
/*End Formatting for Image Gallery */

/* Begin Formatting for Google Map */

#dirs{
	width: 40%;
	min-height: 500px;
	margin: 0 10px 10px 10px;
	float: right;
}
	
#map{
	width: 55%;
	height: 500px;
	margin: 10px;
	float: left;
	border: 1px solid #666666;
	outline: 1px solid white;
	color: black;
}

#google_link{
	float: right;
	margin-right: 100px;
	padding-left: 25px;
	font-size: 1.2em;	
	text-decoration: underline;
}

#google_link:hover{
	background: url("../images/print.png") left no-repeat;
}


/* For Santa Cruz Events */
div.searchResult img{
	float: right;
	border: 1px dotted #CCCCCC;
	padding: 3px;
	margin: 3px;
}

div.searchResult img:hover{
	border: 1px solid #CCCCCC;
}

div.searchResult h3{
	font-size: 1em;
	font-weight: bold;	
}

div.searchResult a.heading{
	font-size: 1.2em;	
}