
    body{
    font-family: "Trebucht MS";
    background-color: #242121;
    color: #ffffff;
    font-size: 80%;
    margin: 0px;
    font-family: "Trebuchet MS"
    }
    
    .bodyContainer{
   	width:900px;
   	margin-left: auto;
   	margin-right: auto;
   	}
   	
   	#navHeader{
   	   	height: 50px;
   	   	background-image: url(images/nav_bg.gif);
   	   	background-repeat: repeat-x;
   	}
   	
   	.navImage{
   		float: left;
   		margin: 0px;
   		padding: 0px;
   	}
   	
   	#mapContainer{
   	width:900px;
   	position:relative;
   	padding: 0 0 10px 0;
   	}
   	
   	.col{
   	width: 280px;
   	float: left;
   	padding: 10px;
   	color: #ffffff;
   	}
   	
   	.colWide{
   	width: 580px;
   	float: left;
   	padding: 10px;
   	color: #ffffff;
   	}
   	.colFullWidth{
   	width: 880px;
   	float: left;
   	padding: 10px;
   	color: #ffffff;
   	}
   	.colWideMap{
   	width: 580px;
   	float: left;
   	padding: 0px;
   	color: #ffffff;
   	}
   	
   	.colFullWidth{
   	width: 890px;
   	float: left;
   	padding: 10px;
   	color: #ffffff;
   	}
   	
   	.colPageOpener{
   	width: 890px;
   	float: left;
   	padding: 0px,0px,0px,10px;
   	color: #ffffff;
   	}
   	
   	.colForm{
   	width: 280px;
   	float: left;
   	padding: 0px;
   	color: #ffffff;
   	}
   	
   	.row1{
   	background-color:#242121;
   	}
   	
   	.row2{
   	background-color:#1F1C1C;
   	background-image: url(../../images/fade_01.gif);
   	background-repeat: repeat-x;
   	}
   	
   	.row3{
   	background-color:#141414;
   	background-image: url(../../images/fade_02.gif);
   	background-repeat: repeat-x;
   	}
   	
   	.row4{
   	background-color:#0D0D0D;
   	background-image: url(../../images/fade_03.gif);
   	background-repeat: repeat-x;
   	}
   	
   	h1{
   		font-family: georgia;
   		font-size: 140%;
   		font-weight: normal;
   		color: #ffffff;
   		margin: 10px 0 5px 0;
   		padding: 0px 10px 0px 10px;
   	}
   	
   	h1.pageOpener{
   		font-family: georgia;
   		font-size: 140%;
   		font-weight: normal;
   		color: #ffffff;
   		margin: 0 0 0 0;
   		display: inline;
   	}
   	
   	h2{
   		font-family: georgia;
   		font-size: 120%;
   		color: #ffffff;
   		font-weight: normal;
   		padding: 0px 10px 0px 10px;
   	}
   	
   	h3{
   		font-size: 100%;
   		font-weight: normal;
   		color: #ffffff;
   		margin: 8px 0 5px 0;
   	}
   	
   	
   	p{
   	color: #ffffff;
   	line-height: 1.6em;
   	padding: 10px 10px 0px 10px;
   	}
   	
   	p.form{
   	color: #ffffff;
   	margin: 0 0 5px 0;
   	}
   	
   	p.small{
   	color: #ffffff;
   	line-height: 1.6em;
   	font-size: 90%;
   	}
   	
   	#filterForm{
   	font-size: 100%;
   	}
   	
 #navContainer{
padding-top: 86px;
} 


#topMessage{
height: 86px;
}

#topMessageContainer{
padding: 10px;
}



#nearby{
padding: 0px 10px 0px 10px;
}

   	
   	#nav li{
	list-style: none;
	padding-left: 3px;
	margin-left: 0px;
	display: block;
	}
	
	#nav ul{
	padding: 0px;
	margin: 0px;
	}
	
	a:link.nav, a:visited.nav, a:active.nav{
	background-image: url(../../images/tab_bg.png);
    background-repeat: no-repeat;
    width: 130px;
    height: 33px;
    color: #ffffff;
    display: inline;
    float: left;
    text-align: center;
    padding: 15px 0 10px 0;
    text-decoration: none;
    margin: 0px 3px 0 0;
	}
	
	
	a:hover.nav{
    color: #11A0FF;
	}
   	
   	
   	
   	a:link, a:visited, a:active{
	    text-decoration: none;
   		color: #11A0FF;
	}
	
	
	a:hover{
    	color: #ffffff;
	}
	
	
	#map a:link, #map a:visited, #map a:active{
	    text-decoration: none;
   		color: #11A0FF;
	}
	
	
	#map a:hover{
    	color: #000000;
	}
	
	
	#spotDetails{
		background-image: url(images/minimarker.png);
    	background-repeat: no-repeat;
    	color: #ffffff;
    	height: 20px;
    	padding: 6px 10px 10px 28px;
    	margin: 5px 0px 0px 5px;
	}
	
	
	#breadcrumb{
		background-image: url(images/crumb_bg.png);
    	background-repeat: repeat-x;
    	height: 30px;
	}
	
	
   	a:link.breadcrumb_link, a:visited.breadcrumb_link, a:active.breadcrumb_link{
	background-image: url(images/crumb_div.png);
    background-repeat: no-repeat;
    background-position: right;
    height:24px;
    display: block;
    float: left;
    color: #ffffff;
    padding: 6px 15px 0px 10px;
    text-decoration: none;
    margin: 0px 0px 0 0;
	}
	
	
	a:hover.breadcrumb_link{
    color: #11A0FF;
	}
	
	.breadbrumb_select{
	height:24px;
    display: block;
    float: left;
    color: #808080;
    padding: 6px 30px 0px 10px;
	}
	
	
	
   	.clear{
   	display: block;
   	clear: both;
   	}
   	
   	input.saveForm{
   		padding: 5px;
   		font-size: 12px;
   		width: 240px;
   	}
   	
   	
   	input.urlForm{
   		padding: 5px;
   		font-size: 11px;
   		width: 880px;
   	}
   	
   	
   	select.saveForm{
   		padding: 5px;
   		font-size: 12px;
   		width: 240px;
   	}
   	
   	textarea.saveForm{
   		padding: 5px;
   		font-size: 12px;
   		width: 240px;
   		font-family: inherit;
   		line-height: 1.4em;
   	}
   	
   	input.commentForm{
   		padding: 5px;
   		font-size: 12px;
   		width: 240px;
   	}
   	
   	textarea.commentForm{
   		padding: 5px;
   		font-size: 12px;
   		width: 240px;
   		font-family: inherit;
   		line-height: 1.4em;
   	}
   	
   	textarea.linkForm{
   		padding: 5px;
   		font-size: 10px;
   		width: 480px;
   		font-family: inherit;
   		line-height: 1.4em;
   	}
   	
   	
   	input.searchForm{
   		padding: 5px;
   		font-size: 12px;
   		width: 140px;
   	}
   	
   	input.searchFormSumit{
   		padding: 5px;
   		font-size: 12px;
   		width: 60px;
   	}
   	
   	.footer{
   	font-size: 90%;
   	}
   	
   	.helper{
   		color: #cccccc;
   		font-size: 90%;
   	}
   	
   	.postedBy{
   		color: #cccccc;
   		font-size: 90%;
   	}
   	
   	.thumbnail{
   	padding: 8px;
   	border-color: #5B5656;
   	border-style: solid;
   	border-width: 1px;
   	float: left;
   	margin-right: 12px;
   	margin-bottom: 10px;
   	color: #ffffff;
   	}
   	
   	
   	

   	
   	
   	
   	
   	ul.iphoneMenu {
    margin: 0;
    padding: 0;
    
	}
	li.iphoneMenu {
    margin: 0;
    border-bottom: 1px solid #514D4D;
    padding: 0;
    background: url(images/arrow.png) no-repeat right center;
    font-size: 20px;
    font-weight: bold;
    list-style: none;
	}
	
	a.iphoneMenu {
    display: block;
    padding: 12px 32px 12px 8px;
    text-decoration: none;
    color: #ffffff;
}


