body {
	padding:0;
	margin:0;
	font-family: Arial, sans-serif;
	font-size: 12px;
	text-align: center;
	background: #c0c0c0;
	color: #535353;
	}
	
h1 {
	margin:0;
	border: 0;
	color: #f16a27;
	font-size: 20px;
	text-align: left;
	font-weight: bold;
    padding-bottom: 2px;
}	
		

h3 {
	color: #003366;
	margin: 20px 0 0 0;
	}
		
.sectionHd { margin-top: 12px;}	

a:link {color: #47bfe6;}	
	
p { 
	line-height: 18px;
	 }
	
ul#nav, ul#subNav {
	list-style-type: none;
	margin:0;
	padding: 0;
	}
	
ul#nav {margin-top: 10px; }	

ul#nav li { 
	margin: 0 10px 15px 10px;
	color: #fff;
	font-size: 11px;
	font-weight: bold;		
	 }
	
ul#nav li a { 
	color: #ffffff; 
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	}
	
ul#nav li a:visited { color: #ffffff;}	
ul#nav li a:hover { color: #ffcc00;}
	
ul#subNav li { 
	margin: 0 5px 7px 10px;
	padding-left: 15px;
	font-weight: bold;
	line-height: 13px;
	font-size: 11px;
	text-transform: none;
	 }
	
ul#subNav li a { 
	color: #ffffff; 
	font-style: normal;
	text-decoration: none;
	}
	
ul#subNav li a:visited { color: #ffffff;}	
ul#subNav li a:hover { color: #ffcc00;}	
	

.navHd { 
	color: #fff; 
	font-weight: bold; 
	margin-bottom: 3px;

	}	
	
p { margin: 0 0 15px 0;}	

	
#wrapper { 
	width: 900px;
	margin: 0 auto;
	padding-top: 5px;
	background: #777;
	}
	
#container {
	margin-top: 5px;
	padding-bottom: 50px;
	text-align: left;
	background: #fff url(images/body_bg.gif) repeat-y;
	border-bottom: 20px solid #777;
	}

#colLeft {
	width: 155px;
	float: left;
	margin-right: 10px;
	padding: 0;
	background: #0066c2;
	}

#colMain {
	width: 417px;
	margin-right: 10px;
	float: left;
	}
	
#colRight {
	width: 300px;
	float: left;
	margin-right: 5px;
	}

.subHd { 
	margin: 0; 
	font-size: 11px;
	color: #003366;
	}		
	
.info { 
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 5px;
	}
	
.ad {
	text-align: center;
	font-size: 10px;
	color: #858585;
	}	
	
#header {
	width: 900px;
	height: 203px;
	background: url(images/sunny_hd.jpg) no-repeat;
	}

#headerLogo {
	padding: 36px 0 0 26px;
	}
	
DIV.guideBox { 
	float: left;
	width: 160px;
	margin-bottom: 20px;
	}
	
DIV.guideBox IMG { display: block;}

DIV.guideInfo {
	float: left;
	margin: 10px 0 20px 0;
	width: 240px;
	height: 200px;
	} 
	
P.guideSubhd {
	font-style: italic;
	font-size: 12px;
	font-weight: bold;
	}
	
P.mousetype {
	font-style: italic;
	font-size: 9px;
	margin: 0 0 0 5px;
	}
	
H2.guide {
	color: #0191c4;
	font-size: 14px;
	margin: 30px 0 5px 0;
	font-weight: bold;
	}	
	
DIV.note {
	border-top: 2px solid #0067c2;
	padding: 10px 0 20px 0;
	}
	
UL#stay, UL#play, UL#eat {
	margin: 0;
	padding:0;
	list-style-type: none;
	} 
	
UL#stay LI, UL#play LI, UL#eat LI { margin-bottom: 25px; }

UL#stay LI H2, UL#play LI H2, UL#eat LI H2 {
	color: #0191c4;
	font-size: 14px;
	margin: 30px 0 0 0;
	font-weight: bold;
	}

p.stayNote, p.playNote, p.eatNote { color: #000; }

UL#play LI H1 {
	color: #999;
	border-bottom: 1px dotted #ccc;
	padding: 20px 0 0 0;
	}	
	
DIV.mobileInfo {
	float: left;
	margin: 10px 0 20px 0;
	width: 240px;
	height: 200px;
	font-size: 13px;
	font-style: italic;
	line-height: 19px;
	} 
	
H2.comments {
	color: #0191c4;
	font-size: 14px;
	margin: 30px 0 10px 0;
	border-bottom: 2px solid #0191c4;
	padding: 20px 0 5px 0;
	font-weight: bold;
	}
	
.commentInfo { color: #000; }

P.comment { 
	border-bottom: 1px dotted #ccc;
	padding-bottom: 10px;
	margin-bottom: 20px;
	} 	
	
.footer { 
	padding: 10px 0;
    text-align:center; 
    color: #fff;
    background: #777;
    font-size: 10px;
    text-decoration: none;
}

.footer a { text-decoration: none; color: #fff; }
.footer a:hover { text-decoration: underline; color:#fff; }
.footer a:visted { text-decoration: none; color: #9aa1c0; }
.footer img { margin-left: 90px; float:left;}	

.footerLinks {	
	clear: both;
	padding-top: 20px;
	}
	
	
.clearfix:after {  content: ".";  display: block; clear: both; visibility: hidden;  line-height: 0;  height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix {  display: block; }
* html .clearfix {  height: 1%; }