body {
	background: #FFFFEE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

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

#slideshow { width: 900px; height: 350px; margin: 0px auto 0px; }

#container { width: 900px; border: 1px solid #f4f4f4; background: #fff; margin: 0px auto 0px; }

#leftContent { width: 620px; float: left; }

#attractionState {  }
#stateGallery { margin-bottom: 10px; width: 620px; }
#stateGallery .statePreview {}
#stateGallery .statePreview .stateMain { width: 365px; height: 250px; float: left; }
#stateGallery .statePreview .stateMain img { width: 365px; height: 250px; }
#stateGallery .statePreview .stateThumbnails { width: 246px; float: right; }
#stateGallery .statePreview .stateThumbnails li { float: left; width: 80px; height: 80px; margin: 0px 0px 2px 2px; }
#stateGallery .statePreview .stateThumbnails img { width: 80px; height: 80px; }
#stateWriteup h2 { font-weight: bold; font-size: 18px; margin-bottom: 5px; }
#stateWriteup p { margin-bottom: 10px; }

#attractionLocation {  }
#locationGallery { margin-bottom: 10px; width: 620px; }
#locationGallery .locationPreview {}
#locationGallery .locationPreview .locationMain { width: 365px; height: 250px; float: left; }
#locationGallery .locationPreview .locationMain img { width: 365px; height: 250px; }
#locationGallery .locationPreview .locationThumbnails { width: 246px; float: right; }
#locationGallery .locationPreview .locationThumbnails li { float: left; width: 80px; height: 80px; margin: 0px 0px 2px 2px; }
#locationGallery .locationPreview .locationThumbnails img { width: 80px; height: 80px; }
#locationWriteup h2 { font-weight: bold; font-size: 18px; margin-bottom: 5px; }
#locationWriteup h3 { font-weight: bold; font-size: 14px; margin-bottom: 5px; }
#locationWriteup p { margin-bottom: 10px; }
#locationWriteup .heading { width: 620px; border-bottom: 1px solid #f0f0f0; margin-bottom: 10px; }
#locationWriteup .heading .left { float: left; width: 400px; }
#locationWriteup .heading .right { font-weight: bold; text-align: right; float: right; width: 200px; }
#locationWriteup .subhead { text-decoration: underline; font-weight: bold; color: #777; }

#attractionDestinations { width: 100%; }
#attractionDestinations ul{}
#attractionDestinations  ul li { 
	width:130px;
	float: left; /*when you use float, fix it*/
	text-align:center;
	margin: 5px 15px 5px 5px;
	height: 130px;
	}
#attractionDestinations  ul li a {
	color:#000; 
	font-weight:bold;
	padding: 5px;	
	}
#attractionDestinations  ul li a:hover {	text-decoration:underline; }
	
#attractionDestinations  ul li img{ 
	background: #f0f0f0;
	height:100px;
	width:130px;
	border:1px solid #c4c4c4;
	}

#attractionAccommodations { width: 100%; }
#attractionAccommodations ul{ }
#attractionAccommodations  ul li { 
	width:130px;
	float: left; /*when you use float, fix it*/
	text-align:center;
	margin: 5px 15px 5px 5px;
	height: 130px;
	}
#attractionAccommodations  ul li a {
	color:#000; 
	font-weight:bold;
	padding: 5px;	
	}
#attractionAccommodations  ul li a:hover { text-decoration:underline; color:#f38620; }
#attractionAccommodations ul li img{ 
	background: #f0f0f0;
	height:100px;
	width:130px;
	border:1px solid #c4c4c4;
	}

#attractionMap {}

/*#eatWriteup { margin-bottom: 10px; border-bottom: 1px solid #f0f0f0; }
#eatWriteup h2 { font-weight: bold; font-size: 18px; margin-bottom: 5px; }
#eatWriteup p { margin-bottom: 10px; }*/

#eatList {}
#eatList .list { width: 620px; border-bottom: 1px dotted #f0f0f0; margin-bottom: 10px; }
#eatList .list .left { float: left; width: 200px; margin-right: 10px; }
#eatList .list .left img { margin-bottom: 10px; border: 1px solid #cdcdcd; background: #f0f0f0; width: 200px; height: 200px; }
#eatList .list .right { float: right; width: 400px; height: 200px; }
#eatList .list .right h3 { font-size: 14px; font-weight: bold; margin-bottom: 5px; }
#eatList .list .right p { margin-bottom: 10px; }
#eatList .list .right .readmore { text-align: center; width: 80px; color: #fff; display: block; padding: 5px 0px 5px 0px; font-weight: bold; background: #F38824; border: 1px solid #F65720; }

#attractionAccommodations {}
#attractionAccommodations .list { width: 620px; border-bottom: 1px dotted #f0f0f0; margin-bottom: 10px; }
#attractionAccommodations .list .left { float: left; width: 70px;}
#attractionAccommodations .list .left img { margin-bottom: 10px; border: 1px solid #cdcdcd; background: #f0f0f0; width: 100px; height: 100px; }
#attractionAccommodations .list .right { float: right; width: 500px; height: 100px; }
#attractionAccommodations .list .right h3 { font-size: 14px; font-weight: bold; }
#attractionAccommodations .list .right p { margin-bottom: 10px; }
#page ul{float:right;}
#page ul li{ float:left; margin:2px; font-weight:bold; }
#page ul li a{}


#shoppingList {}
#shoppingList .list { width: 620px; border-bottom: 1px dotted #f0f0f0; margin-bottom: 10px; }
#shoppingList .list .left { float: left; width: 200px; margin-right: 10px; }
#shoppingList .list .left img { margin-bottom: 10px; border: 1px solid #cdcdcd; background: #f0f0f0; width: 200px; height: 200px; }
#shoppingList .list .right { float: right; width: 400px; height: 200px; }
#shoppingList .list .right h3 { font-size: 14px; font-weight: bold; margin-bottom: 5px; }
#shoppingList .list .right p { margin-bottom: 10px; }
#shoppingList .list .right .readmore { text-align: center; width: 80px; color: #fff; display: block; padding: 5px 0px 5px 0px; font-weight: bold; background: #F38824; border: 1px solid #F65720; }

#contentBottom { width: 880px; }
#contentBottom .map { float: left; width: 470px; }
#contentBottom .states { float: right; width: 400px; border: 1px solid #f0f0f0; }
#contentBottom .states h3 { font-size: 14px; font-weight: bold; border: 1px solid #0879FF; color: #fff; background: url(../img/barBlue.png) top left repeat-x; padding: 10px; }
#contentBottom .states ul { padding: 10px; }
#contentBottom .states ul li {  width: 175px; padding: 5px 0px 5px 0px; margin-right: 10px; float: left; }
#contentBottom .states ul li a { font-weight: bold; color: #000; display: block; background: url(../img/icons/iconArrow.png) top left no-repeat; padding: 0px 0px 0px 20px; }
#contentBottom .states ul li a:hover { text-decoration: underline; }

#attractionAbout {}
#attractionAbout h3 { color: #fff; background: url(../img/barBlue.png) top left repeat-x; padding: 10px; font-weight: bold; font-size: 14px; }
#attractionAbout .content { border: 1px solid #f4f4f4; }
#attractionAbout .content td { padding: 10px;  }
#attractionAbout .content p { margin-bottom: 10px; } 
#attractionAbout .content .address { border-top: 1px dashed #cdcdcd; width: 100%; margin-top: 10px; }
#attractionAbout .content .address strong { font-weighT: bold; }

#attractionContact {}
#attractionContact h3 { color: #fff; background: url(../img/barBlue.png) top left repeat-x; padding: 10px; font-weight: bold; font-size: 14px; }
#attractionContact .content { border: 1px solid #f4f4f4; }
#attractionContact .content td { padding: 10px;  }
#attractionContact .content p { margin-bottom: 10px; } 
#attractionContact .content .address { border-top: 1px dashed #cdcdcd; width: 100%; margin-top: 10px; }
#attractionContact .content .address strong { font-weighT: bold; }