

.hiddenPic {display:none;}

 





#content { 
 scrollbar-base-color: #755A37;
 color: black; 
 position: relative; 
 visibility: visible; 
 left: 180px; 
 top: 85px; 
 width: 330px;  
 height:355px; 
overflow-x: hidden; 
overflow-y: auto;

}



#galLink {  
 position: relative; 
 left: -220px; 
 top: -320px;
 width: 100 
}








a { 
	color: #755A37;
} 

a:hover { 
	color: #755A37;
	text-decoration:underline
}






#docBody { 
	height=620px;	
} 
/*
#theShowContent {  	
	clip:   rect(   ); 
	font-size: 10px; 
	font-family: Georgia, "Times New Roman", Times, serif; text-decoration: none width:15em; height:10em; overflow:scroll;
	visibility: "visible";
	display: "inline";
		
	}
*/
	
	
#blogContent {  	
	clip:   rect(   ); 
	font-size: 10px; 
	font-family: Georgia, "Times New Roman", Times, serif; text-decoration: none}

	/*
#blogContent { 
	visibility: hidden; 
	clip: rect( ); 
	position: absolute; 
	display: none;
}	
	*/
	
	
#toursContent { visibility: hidden; clip: rect( ); position: absolute }
#itest { 
	visibility: hidden; clip: rect( ); position: absolute 
}

	#videosContent {
		border: 1px #000 none;
		width: 320px;
		height: 240px;
		float: left;
		margin: 15px 20px;

		visibility: hidden;
		 display: none;
		z-index: 1;
	}

/*
#mailHaywireContent { visibility: hidden; clip: rect( ); }
#corporateContent { visibility: hidden; clip: rect( ); }
#cruisesContent { visibility: hidden; clip: rect( ); }
#tradeshowsContent { visibility: hidden; clip: rect( );  display: none}
#televisionContent { visibility: hidden; clip: rect( ); display: none}
#blogContent { visibility: hidden; clip: rect( );  display: none}
#linksContent { visibility: hidden; clip: rect( );  display: none}
*/


#leftNav {  position: absolute; visibility: visible; left: 107px; top: 198px; clip:  rect(   )}

#leftNav a{
  color: #755A37;  
  text-decoration:none; 
  display:block; 
  padding:0.4em;
  
  }


#leftNav A:hover { text-decoration: overline underline;text-decoration:bold; }





.dataTable {  }
.oddRow {  background-color: #DEDF5A; font-size: 9px}
.evenRow { background-color: #C4C54F; font-size: 9px; text-transform: capitalize}
.paragraphHeader{ color: #755A37; font-size: 14px; letter-spacing: .5px; word-spacing: 3px; font-family:'Lucida Casual', 'Comic Sans MS';font-style:bold}
.paragraph { 
	color: #755A37; 
	font-size: 16px; 
	line-height:16px;
	letter-spacing: .5px; 
	word-spacing: 2px; 
	font-family:Tahoma;
}

.contentClass {color: black;-moz-opacity:.40;opacity:.40;}
#corporateLink {  position: absolute; visibility: visible; z-index: 1; height: 150px; width: 97px; left: 363px; top: 42px; clip:  rect(   )}
#cruisesLink {  position: absolute; visibility: visible; z-index: 1; height: 150px; width: 97px; left: 240px; top: 90px; clip:  rect(   )}
#tradeshowsLink {  position: absolute; visibility: visible; z-index: 1; height: 150px; width: 97px; left: 466px; top: 80px; clip:  rect(   )}
#televisionLink {  position: absolute; visibility: visible; z-index: 1; height: 150px; width: 97px; left: 542px; top: 72px; clip:  rect(   );
}


div.transOFF {width: 100%; border:0px black solid; cursor: default}
div.transON {width: 100%; background-color: #FFFFCC;opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;border:1px solid black; cursor: hand}
div.trans25 {width: 100%; background-color: silver;opacity:.25;filter: alpha(opacity=25); -moz-opacity: 0.25;border:1px solid black; }
div.trans75 {width: 100%; background-color: silver;opacity:.75;filter: alpha(opacity=75); -moz-opacity: 0.75;border:1px solid black; }






#theShowLink { 
	position: relative; 
	left: -100;
	width: 185px; 
	height: 33px;  
} 


#mailLink { 
	position: relative; 
    left: 200;	
	width: 217px; 
	height: 27px; 
	
} 










#theToursLink { 
	position: absolute; 
	left: 87px; 
	width: 216px; 
	height: 32px; 
	top: 345px; 
} 



#theToursLink  a { 
display: block; 
	width: 216px; 
	height: 32px;  
background: #fff url("../images/FamilyFunKidsOff.jpg") 100% 0 no-repeat} 

#theToursLink a:hover { 
	width: 216px; 
	height: 32px; 
background: #fff url(../images/FamilyFunKidsOn.jpg) 100% 0 no-repeat}




#theVideosLink { 
	position: absolute; 
	left: 210px; 
	width: 111px; 
	height: 29px; 
	top: 9px; 
} 
#theVideosLink a { 
display: block; 
	width: 111px; 
	height: 29px; 
background: #fff url("../images/VideosKidsOff.jpg") 100% 0 no-repeat} 

#theVideosLink a:hover { 
	width: 111px; 
	height: 29px; 
background: #fff url(../images/VideosKidsOn.jpg) 100% 0 no-repeat}



#thePicsLink { 
	position: absolute; 
	left: 331px; 
	width: 126px; 
	height: 25px; 
	top: 9px; 
} 
#thePicsLink a { 
display: block; 
	width: 126px; 
	height: 29px; 
background: #fff url("../images/PicsKidsOff.jpg") 100% 0 no-repeat} 

#thePicsLink  a:hover { 
	width: 126px; 
	height: 29px; 
background: #fff url(../images/PicsKidsOn.jpg) 100% 0 no-repeat}





/*
#mailLink  a { 
display: block; 
	width: 217px; 
	height: 27px;  
background: #fff url("../images/BookHaywireKidsOff.jpg") 100% 0 no-repeat} 

#mailLink a:hover { 
	width: 217px; 
	height: 27px; 
background: #fff url(../images/BookHaywireKidsOn.jpg) 100% 0 no-repeat}

*/


#theRatesLink { 
	position: absolute; 
	left: 643px; 
	width: 100px; 
	height: 19px; 
	top: 660px; 
} 
#theRatesLink a { 
display: block; 
width: 100px; 
height: 19px;
background: #fff url("../images/RatesKidsOff.jpg") 100% 0 no-repeat} 

#theRatesLink a:hover { 
width: 100px; 
background: #fff url("../images/RatesKidsOn.jpg") 100% 0 no-repeat} 



#theBlogLink { 
	position: absolute; 
	left: 331px; 
	width: 100px; 
	height: 19px; 
	top: 660px; 
} 
#theBlogLink a { 
display: block; 
width: 100px; 
height: 19px;
background: #fff url("../images/BlogKidsOff.jpg") 100% 0 no-repeat} 

#theBlogLink a:hover { 
width: 100px; 
background: #fff url("../images/BlogKidsOn.jpg") 100% 0 no-repeat} 


#theLinksLink { 
	position: absolute; 
	left: 443px; 
	width: 191px; 
	height: 34px; 
	top: 662px; 
} 
#theLinksLink a { 
display: block; 
width: 191px; 
height: 34px;
background: #fff url("../images/LinksKidsOff.jpg") 100% 0 no-repeat} 

#theLinksLink a:hover { 
width: 191px; 
height: 34px;
background: #fff url(../images/LinksKidsOn.jpg) 100% 0 no-repeat}



#theResumeLink { 
	position: absolute; 
	left: 210px; 
	width: 100px; 
	height: 19px; 
	top: 672px; 
} 

#theResumeLink a { 
display: block; 
	width: 100px; 
	height: 19px; 
background: #fff url("../images/ResumeKidsOff.jpg") 100% 0 no-repeat} 

#theResumeLink a:hover { 
	width: 100px; 
	height: 19px; 
background: #fff url(../images/ResumeKidsOn.jpg) 100% 0 no-repeat}




#theHomeLink { 
	position: absolute; 
	left: 20px; 
	width: 100px; 
	height: 19px; 
	top: 670px; 
} 
#theHomeLink a { 
display: block; 
	width: 100px; 
	height: 19px; 
background: #fff url("../images/HomeKidsOff.jpg") 100% 0 no-repeat} 

#theHomeLink a:hover { 
	width: 100px; 
	height: 19px; 
background: #fff url(../images/HomeKidsOn.jpg) 100% 0 no-repeat}


#extraImage1 { 
	position: absolute; 
	left: 187px; 
	width: 191px; 
	height: 34px; 
	top: 490px; 
	background: #fff url("../images/animatedHat.gif")
} 
	 
      

	  
	  
	  
	  
	  
	  
	  
#topLinks { 
	position: relative;
	top: 5px; 
} 

#topLinks a { 
 
	width: 100px; 
	height: 19px; 
	color: #000;
} 

#topLinks a:hover { 
	width: 100px; 
	height: 19px; 
	color: #010;
}

#bottomLinks { 
	position: relative;
	top: 535px; 
} 

#bottomLinks a { 
 
	width: 100px; 
	height: 19px; 
	color: #000;
} 

#bottomLinks a:hover { 
	width: 100px; 
	height: 19px; 
	color: #010;
}


div.menuON { width: 100%;opacity:.50; cursor:pointer; background-image: url(../images/MenuOverlay.gif); filter: Alpha(Opacity=35);  }
h1 {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-variant: small-caps; text-transform: capitalize; word-spacing: normal; color:#755A37; text-align: center; border-style: solid; border-top-width: thin; border-right-width: thin; border-bottom-width: thin; border-left-width: thin}


 /*
  USAGE: All you have to do is include this one line in your CSS file, with the
  tag names to which you want the script applied:
 */

 img, div { behavior: url(iepngfix.htc) }