/*--- Shell ------------------------------------------------------*/
	body {color:#000;}	
	body#home {  padding: 5px; background-image:none; background-color:#fefaed; }	
	#weatherpopup body { margin: 0; padding: 0;}	
	#home #shell { }
	#home #masterdiv { background: none; }
	#masterdiv {  width: 100%; height: 500px; background: url(../img/bg.gif) 0 25px repeat-x; }
	#shell {  top: 0;width: 100%; margin-right: 150px }
	p { line-height: 180%;}
	a { text-decoration: underline; color:#000;}
	a:hover { text-decoration: none; color:#000;}
	.fauxColumns {width:50%; float:left;}
	.imgLeft {margin-right:20px; float:left;}
	.imgRight {margin-left:20px; float:right;}
	.clearBoth {clear:both;}
	.noMargin {margin:0;}
	.noBorder {border:none;}
	.noPadding {padding:0;}
	.forPrint {position:relative; left:0px;}
	
	#footer .endList, #h_usabilityNav  .endList {border:none; padding:0; margin: 0;}
	
/*--- Head ------------------------------------------------------*/
  #home #h_shell { }
  
  
  #h_usabilityNav { display: none;} 

  
  .endList { border: none; padding:0;}
  
  #home #h_logoArea { display: none;}
  #h_logoArea {display: none;}
  #h_logoArea img {border:none;}
  #h_logoArea a {display: block;width: 190px; height: 123px;}		
  #home #h_banner { position:relative; margin: 0;}
  #h_banner { display: none;}
  #h_banner img {display:block;}
  
  #h_nav { display: none;}

  	
/*--- Body ------------------------------------------------------*/
  #flashtitle { margin: 0; padding: 0;}
  #home #b_shell { }
  #b_shell { margin: 0 ; padding: 0;  }
  #home #b_contentArea { margin-right: 350px; padding: 0; width: 700px }
  #b_contentArea { margin: 0; padding: 0; }
  #b_contentArea h1 { font-size: 27px; font-weight: normal; color:#000; font-family: georgia; font-style: italic; margin: 0; padding: 140px 0 0 0 ;}
  #b_contentArea h2 {font-size: 14px;  color:#000; border-bottom: none;}
  #b_contentArea h4 {font-size: 14px;  color:#000; border-bottom: none;}
  #b_contentArea h3 {font-size: 12px;  color:#000;}
  #b_contentArea li { color:#000; list-style: none; background:url(../img/bullet.gif) 0 7px no-repeat; padding: 0 0 0 17px; line-height: 180%;}
  .rectitle { font-size: 20px; font-weight: normal; color:#000; font-family: georgia; font-style: italic; }
    #div1, #div2, #div3, #div4 { display:none;  margin: 0 0 0 0; }
	#div1 { display:block; }
	#div2 {  }
	#div3 { }
	#div4 { }

    #b_contentArea img { background:#fff; padding: 2px; border: 1px solid #000;}	
	#divtoggles { list-style-type: none; height: 25px;   }
	#divtoggles li { display: inline; list-style-type: none; }
	#divtoggles a { font-weight:bold; padding:0px; background:#306495;  color:#000; }
	
	#divtoggles a.classoff { background:#306495;  color:#000;   }
	#divtoggles a.classon {  }
	
	#divtoggles a.classon {  color:white;  width: 21px; height: 16px; display: block; border: 1px solid #000; padding: 1px;}

	#togglecontain { height: 25px; position: absolute; margin: 0 0 0 0px; top: 520px;    }
	ul#divtoggles { width: 260px; height: 25px; margin: 0; padding: 0; }
	ul#divtoggles #div1_b, ul#divtoggles #div2_b, ul#divtoggles #div3_b, ul#divtoggles #div4_b  { width: 21px; height: 16px; display: block }
	ul#divtoggles #div1_b {  background:url(../img/flag_usa.gif) 1px 1px no-repeat;}
	ul#divtoggles #div2_b {  background:url(../img/flag_brazil.gif) 1px 1px no-repeat;}
	ul#divtoggles #div3_b {  background:url(../img/flag_germany.gif) 1px 1px no-repeat;}
	ul#divtoggles #div4_b {  background:url(../img/flag_netherlands.gif) 1px 1px no-repeat;}
	ul#divtoggles li { float: left; margin: 0 5px 0 0; padding: 2px;}
	
	
	
	div.twoCols {width:45%; float:left;} 
	ul.twoCols {width:45%; float:left; list-style-type:square; margin:0; padding:0 0 0 40px; display:block;}
	.clearBoth {clear:both;}
	.colsMarginRight {margin-right:45px; padding: 0 15px 0 0; border-right: solid 1px #000;}

	.threeCols {width:30%; float:left; margin: 20px 0 0 0;}
	.colsMarginRight {margin-right:10px;}
	.clearBoth {clear:both;}
	
	
<!--the javascript applies the .current class to the menus items that relate to the current page-->
<!--here are different examples of styling the different menu sections using the same .current class name-->

#h_nav .current {background-color: #012117;}
#subnav .current {font-weight: bold;}
#f_nav .current {font-weight: bold;}


/*--- jQuery Styling ----------------------------------------------------------*/
	.attractionToggle, .eventsToggle {margin:0px;}
	.showhide {cursor:pointer; display:block; text-decoration: underline;clear: both;float: right;margin-top: -45px;}
	.showhide:hover {cursor:pointer; text-decoration: none;}
	.collapse {display:none;}
    .expand {display:inline;}
	#seasonalrecreation h4,
	#areainfo h4,
	#weddings h4
	 { padding:0 0 10px 0; border-bottom: 1px solid #000;}

/*--- Footer ------------------------------------------------------*/
  #home #f_shell { display: none;}
  #f_shell { display: none;}
  
/*---Overlap Fixes --------------------------------------------------------------*/

#ibe {display: none}
#h_usabilityNav {position:relative}
#home #h_logoArea {position:relative}
#h_logoArea {position:relative}
#h_nav { position:relative}
#home #h_nav {position:relative}
#togglecontain {  display: none}
/*#flashtitle {display:none}*/
#b_shell {margin-right: 350px; padding:0}