@media print{.gmnoprint{display:none}}@media screen{.gmnoscreen{display:none}}

/*
 * Validate.js requires us to define styles for the "invalid" class to give
 * invalid fields a distinct visual appearance that the user will recognize.
 * We can optionally define styles for valid fields as well.
 */
.invalid { background: #faa; } /* Reddish background for invalid fields */
   /* Greenish background for valid fields */
   td {
    font-size:12px
   }

div.form_style
{

	color:#595c60;
	width:230px;
	font-family:Arial, Helvetica, sans-serif;
	
}
div.form_element
{
	padding-top:12px;
	font-size:11px;
}
div.form_element input
{
	margin-top:4px;

}
.title_style
{
	color:#466478;
}
.sub_title
{
	color:#587d95;
}
input, textarea
{
	border:1px solid #779db7;
	vertical-align:middle;
	color:#444444;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	padding:2px;
}

.row {
		
		line-height: 8px;
		font-size:11px;
		
		color:#595c60;
		width:230px;
		font-family:Arial, Helvetica, sans-serif;
	}
	
	.form_style{
		
		color:#595c60;
		width:230px;
		font-family:Arial, Helvetica, sans-serif;
		}


	.input{
		padding-top:10px;
		padding-bottom:6px;
		font-size:11px;
		}
		
	.marginLeft{
		
		text-align:left;
		margin-left:79px;
		}

body
{
  /*background-image: url(block-images/bodybackground.jpg);*/
  background-color: #466477;
  background-position: top center;
  background-repeat: no-repeat;
  margin: 0px;
  padding: 0px;
  color: #fff;
  font-family:Arial,Helvetica,sans-serif;
  height: 100%;  
}

div
{
  padding: 0;
  margin: 0;
}

ul
{
  margin: 0;
  padding: 0;
}

li
{
	list-style-type: none;
}

a
{
	color:#587D95;
}

a:hover
{
  cursor: pointer;
}

h1, h2
{
  color: #466477;
  font-weight: 400;
  margin: 12px 30px 0 33px;
  padding-top: 32px;
  /* padding-bottom: 13px; */
  padding-bottom: 0px;
  text-transform: uppercase; 
}

h3, h4, h5, h6, h7
{
	color: #587D95;
	margin: 12px 30px 0 33px;
}


p
{
  font-size: 12px;
  line-height: 21px;
  color: #4c4e51;
  
  margin: 12px 30px 0 33px;
 }

div#page
{
  border: 4px solid #fff;
  border-top:  0px solid #fff;
  position: relative;
  height: 100%;  
}

div.container
{
  display: block;
  position: relative;
  margin: 0px auto;
  padding: 0px;
  width: 996px;
}

div#page div#headerImage
{
	position: relative;
	display: block;
	height: 294px;
	width: 100%;
	background-repeat: no-repeat;
}

div#page div#headerImage h1#logo-marina-del-rey
{
	position: absolute;
	margin: 0;
	padding: 0;
	left: 112px;
	top: 37px;
	text-transform: uppercase;
	font-size: 19px;
	font-weight: lighter;
}

div#page div#headerImage h1#logo-marina-del-rey a#home
{
	background-image: url(../images/logo-marina-del-rey.png);
	background-repeat: no-repeat;
	height: 0px;
	width: 198px;
	overflow: hidden;
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	color: #444446;
	text-decoration: none;
	padding-top: 19px;
	
}

div#page div#headerImage img#logo-main-image
{
	position: absolute;
	display: block;
	top: -21px;
	left: 46px;
	border: none;
	z-index: 501;
}

div#page div#headerImage-flash
{
	position: relative;
	display: block;
	height: 320px;
	width: 100%;
}

div#page div#headerImage-flash-inner
{
	position: absolute;
	top: -16px;
}

#footer
{
  width: 996px;
  height: auto;
  overflow: hidden;
  line-height: 21px;
  font-size: 12px;
  margin: 0 auto;
}

#footer ul
{
  margin: 10px auto 0 0;
  padding: 0;
  position: relative;
  z-index: 0;
  text-decoration: none;
  overflow: hidden;
  
}

#footer ul li
{
  text-transform: uppercase;
  float: left;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin: 0;
  
}

#footer ul li a
{
  text-decoration: none;
  color: #fff;
}

/* ########## FOOTER INCLUDE ADDED 3-25-10 BY JOHN HARTIGAN */

.footerspan {
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
}

.footerlinks {
	margin-left: 0px;
  	width: 996px;
 	height: auto;
 	overflow: hidden;
  	line-height: 16px;
 	font-size: 12px;
 	margin: 0 auto;
	}

.footerlinks a:active, .footerlinks a:visited, .footerlinks a:link  {
	color: #ffffff;
	text-decoration: none;
}	
.footerlinks A:hover {
	color: #0a2834;
	text-decoration: none;
}	
.footerstay {
	float: left;
	margin-left: 0px;
	margin-top: 20px;
	margin-bottom: 10px;
}

.footerplay {
	float: left;
	margin-left: 30px;
	margin-top: 20px;
	margin-bottom: 10px;
}

.footerdine {
	float: left;
	margin-left: 30px;
	margin-top: 20px;
	margin-bottom: 10px;
}

.footersail {
	float: left;
	margin-left: 30px;
	margin-top: 20px;
	margin-bottom: 10px;

}

.footerplan {
	float: left;
	margin-left: 30px;
	margin-top: 20px;
	margin-bottom: 10px;

}

.footerschedule {
	float: left;
	margin-left: 30px;
	margin-top: 20px;
	margin-bottom: 10px;
}
/* ########## FOOTER INCLUDE END */

/* ########## ADDED BY TOM 11-17-09 #########33 */
#footer ul li a:hover
{
  text-decoration: none;
  color: #0A2834;
}
/* ###################### */

#footer ul li.bar
{
  margin: 0 14px;
}

#footer ul il a
{
  position: relative;
  z-index: 502;
}

#footer span.copyright
{
  display: block;
  position: relative;
  margin: -7px auto 0 0;
}

div#header
{

  height: 351px;
}

div#header img#logo
{
  position: absolute;
  display: block;
  top: 36px;
  left: 24px;
}

div.content-menu
{
  min-height: 425px;
  height: 100%;
  width: 179px;
  background: #c7dae9;
  background-image: url(/images/left_col_menu_slice_bg.jpg);
  background-repeat: repeat-x;
  color: #fff;
  font-size: 10px;
  line-height: 11px;
  position: relative;
  float: left;
  margin: 0 auto 0 0;
}

body#dine-page div.content-menu
{
	background-image: url(../images/left_col_menu_slice_bg.jpg);
	height: 804px;
}

body#dine-page.landing div.content-menu
{
	background-image: url(../images/left_col_menu_slice_bg.jpg);
	height: 100%;
}

body#local div.content-menu
{
	background-image: url(../images/left_col_menu_slice_bg.jpg);
	height: 100%;
}

div.content-menu ul
{
  display: block;
  position: relative;
  width: 179px;
}

div.content-menu ul li ul
{
}

div.content-menu ul li
{
  margin: 0;
  padding: 0;
  display: block;
  text-transform: uppercase;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  /*font-weight: 550;*/
  width: 179px;
}

div.content-menu ul li a.active
{
  background-color: #779DB7;
}

div.content-menu ul li ul li a.active
{
	background-color: transparent;
	background-image: url(../images/blue_arrow.gif);
	color: #C8DBEA;
	background-repeat: no-repeat;
}

div.content-menu ul li a:hover
{
  background-color: #dceaf4;
  color: #466477;
}

div.content-menu ul li:hover ul
{
	visibility: visible;
	/*height: 804px;*/
}

div.content-menu ul li:hover ul li a
{
  color: #fff;
}

div.content-menu ul li ul li a:hover
{
  background-color: #dceaf4;
  color: #466477;
}

div.content-menu ul li ul li.first
{
	margin: 11px 0 0 0;
}

div.content-menu ul li a
{
  padding: 4px 15px;
  color: #fff;
  text-decoration: none;
  width: 149px;
  display: block;
}

div.content-menu ul li ul li a
{
  width: 139px;
  padding: 4px 15px 4px 25px;
}

div.content-menu ul li.first
{
  margin: 21px 0 0 0;
}

div.content-area
{
  min-height: 425px !important;
  height: 100%;  
  width: 100%;
  float: left;
  padding:0;
  float: left;
  background-color: #c7dae9;
  font-size: 12px;
  line-height: 21px;
  color: #4c4e51;
  
}

div#content
{
  margin: 0px auto 0 179px;
  position: relative;
  height: 100%;  
  border-left: solid 4px #fff;
  background-repeat: repeat-x;
}

div#content.full
{
	border-left: none;
	background-image: url(/images/content_08.jpg);
	background-repeat: repeat-y;
	background-position: bottom right;
}

div#content h2#step-aboard-in-style
{
  display: block;
  position: relative;
  height: 0px;
  overflow: hidden;
  line-height: 20px;
  background-image: url(images/sail/step-aboard-in-style.png);
  padding-top: 20px;
  width: 242px;
  margin: 42px auto 0 33px;
}

div#content p
{
  font-size: 11px;
  line-height: 21px;
  color: #4c4e51;
  
  margin: 12px 30px 0 34px;
}

div#content .page_text p
{
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 11px;
}

div#content .page_text h3, div#content .page_text h2, div#content .page_text h1
{
	margin: 10px 0 8px 0;
	padding: 0;
	font-weight: 400;
}

div#content div.content-wrapper div.right-sidebar-open img
{
  float: left;
  margin: 42px 35px auto;
}

#stay-page div#content div.content-wrapper div.right-sidebar-open img
{
  margin: 7px 35px auto;
}

div#content div.content-wrapper div.right-sidebar-open ul li a img
{
  float: left;
  margin: 7px 35px auto;
}

div#content div.content-wrapper div.right-sidebar-closed img
{
  float: left;
  margin: 22px 30px auto;
}

div#content div.content-wrapper div.right-sidebar-closed ul li a img
{
  float: left;
  margin: 7px 30px auto;
}

div.page_text
{
	font-size: 11px;
	line-height: 23px;
	padding-bottom:12px;
	margin: 12px 30px 0 33px;
	width: 520px;
}

#schedule-page div.page_text
{
	margin-top: -12px;
}

div.page_text ul
{
	margin-top: 13px;
}

#schedule-page div.page_text ul
{
	margin-top: 13px;
}

#schedule-page div.listingTitle
{
	
}

#schedule-page div.listingContent
{
	padding: 8px 0 18px;
}

div.page_text ul li
{
	list-style-image: url(../images/bullet.jpg);
	font-size: 11px;
}

div#content.full div.page_text
{
	width: 673px;
}

span.action
{
  position: relative;
  display: block;
  height: 26px;
  width: 153px;
  padding: 0;
}

span.action a
{
  margin: auto 0px 0px 20px;
  float: left;
  display: block;
  position: relative;
  height: 0px;
  overflow: hidden;
  padding-top: 26px;
  background-position: top left;
  background-repeat: no-repeat;
}

span.action a.print
{
  width: 21px;
  background-image: url(/images/print.png);
}

span.action a.bookmark
{
  width: 47px;
  background-image: url(/images/bookmark.png);
}

span.action a.email
{
  width: 25px;
  background-image: url(/images/email.png);
}

div#content span.action
{
  float: right;
  margin: 35px 33px 35px auto; /* 35 */
}

body.utility div#content span.action
{
  margin: 40px 285px 35px auto;
}

body.utility.full div#content span.action
{
  margin: 35px 33px 35px auto;
}

div#content div.content-wrapper
{
  background-image: url(../images/newGradient.jpg);
  background-repeat: repeat-x;
  background-position: bottom;
  padding-top: 42px;
  margin: 0;
  padding: 1px;
  padding-bottom: 30px;
  /* padding-bottom: 11px; */
  position: relative;
  width: 100%;
  float: left;
  height: 100%;
}

div#content.full div.content-wrapper
{
  background-image: url(../images/newGradient.jpg);
  background-repeat: repeat-y;
  margin: 0 0 0 -179px;
}

body.utility div#content
{
	background-image: url(../images/newGradient.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}

body.utility div#content div.content-wrapper
{
	background-image: none;
}

body#error div#content div.content-wrapper
{
  width: 812px;
  min-height:425px;
}

.content-shadow
{/*
  background-image: url(../images/content-background-shadow.png);
  background-repeat: repeat-x;
  background-position: top;
  height: 11px;
  width: 817px;
  position: absolute;
  left: -4px;
  top: 0;
  z-index: 400;
  margin-left: 0px;*/
 background-image: url(../images/content-background-shadow.png);
  background-repeat: repeat-x;
  background-position: top;
  height: 11px;
  width: 817px;
  position: absolute;
  /*right: 0px;*/
  top: 0;
  left:0;
  margin-top:32px;
  margin-left:178px;
  /*margin-left:500px;
  border: 1px solid black;*/
  z-index:600;
  
}

#foreign-shadow {
  background-image: url(../images/content-background-shadow.png);
  background-repeat: repeat-x;
  background-position: top;
  height: 11px;
  width: 741px;
  position: absolute;
  /*right: 0px;*/
  top: 0;
  left:0;
  margin:0px;
  z-index:400;
}

div#content div.content-shadow.full
{
	width: 813px;
}

div#content.full div.content-shadow
{
	width: 736px;
}

body#error div#content div.content-shadow,
body.utility div#content div.content-shadow
{
  /*width: 812px;*/
}

div#content div.right-sidebar
{
  width: 261px;
  z-index: 100;
  position: absolute;
  float: right;
  top: 0px;
  left: 550px;
  height: 100%;
  border-left: solid 3px #fff;
}

div#content div.right-sidebar-open
{
  width: 261px;
  z-index: 100;
  position: absolute;
  float: right;
  top: 0px;
  left: 550px;
  height: 100%;
}

div#content div.right-sidebar-closed
{
  width: 256px;
  z-index: 100;
  position: absolute;
  float: right;
  top: 0px;
  left: 737px;
  height: 100%;
  border-left: solid #fff 4px;
}

div#content div.right-sidebar div.header
{
  display: block;
  position: relative;
  margin: 0;
  padding: 11px 0 0 0;
  width: 261px;
  height: 82px;
  background-color: #587f9c;
}

div#content div.right-sidebar span.header
{
  width: 221px;
  height: 0;
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0 auto 0 21px;
  padding-top: 61px;
  background-image: url(images/sail/coastal-warmth-la-cool.png);
  background-repeat: no-repeat;
  background-color: #587f9c;
  background-position: 10px 10px;
}

div#content div.right-sidebar div.sub-head
{
  display: block;
  position: relative;
  margin: 0;
  padding: 14px 0 0 0;
  width: 261px;
  height: 31px;
  background-color: #789db7;
}

div#content div.right-sidebar div.sub-head a.sub-head
{
  /*background-image: url(images/sail/receive-a-free-vistors-guide.jpg);*/
  color: #fff;
  display:block;
  font-family: Arial,Helvetica,sans-serif;
  font-size:12px;
  height:10px;
  margin-bottom:0;
  margin-left:auto;
  margin-right:auto;
  margin-top:0;
  position:relative;
  text-transform:uppercase;
  text-decoration: none;
  width:200px;
  font-weight: 600;
  letter-spacing:0.25px;
}

div#content div.right-sidebar img
{
  display: block;
  position: relative;
  margin: 21px auto 5px;
}

div#content div.right-sidebar ul
{
  display: block;
  position: relative;
  width: 200px;
  margin: 5px auto;
}

div#content div.right-sidebar ul li
{
  display:block;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:6px 0 0;
  padding:0;
  text-transform:uppercase;
  width:200px;
  height:34px;
  background-color: #456478; 
}

div#content div.right-sidebar ul li a
{
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  text-decoration: none;
  text-transform:uppercase;
  margin: 10px 0 auto 13px;
  display: block;
  position: absolute;
  height: 12px;
  color: #fff;
  font-weight: 100;
  letter-spacing:0.25px;
  float: left;
  /* vertical-align: center; */
  white-space: nowrap;
  background-image: url(../images/white-arrow.png);
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 15px;
}

span.paginator
{
	color:#564c46; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	padding-bottom:40px;
	display: block;
}

span.paginator ul
{
	float:right;
}

span.paginator ul li
{
	float:left;
	list-style: none;
	display: block;
	margin: 0 3px;
}

span#page-grouper
{
	width:360px;
	top: 37px;
	left: 33px;
	display: block;
	position: absolute;
}

span#page-grouper ul li
{
	float: left;
	list-style: none;
}

span#page-grouper ul li a
{
	display:inline; 
	text-decoration:underline;
}

.listingTitle
{
	color:#587D95;
	font-size:14px;
	text-align:left;
}

#result-set li
{
	list-style: none;
}

#result-set li .listingContent, #result-set li div
{
	list-style: none;
	font-size: 11px;
}

#result-set li .listingTitle
{
	margin: 0;
	padding: 0;
}

#result-set li p
{
	margin: 8px 0 18px 0;
	padding: 0;
}

.content-area h2
{
	margin-top: 60px;
	font-size: 16px;
	color: #466477;
     white-space: nowrap;
}

#content.landing h2
{
	margin-top: 0px;
	padding-bottom: 0;
	font-size: 20px;
	color: #466477;
}

.content-area h3
{
	font-weight: 300;
	font-size: 14px;
	color: #587D95;
}

div#mdrMap
{
	height:620px;
	margin-bottom:60px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	position:relative;
	width:756px;
}

div#content div.closure
{
  width: 100%;
}

div.clousure
{
  height: 0px;
  background-color: #fff;
  clear: both;
}



/* Image Gallery */

div#gallery-container
{
	text-align: center;
}

div#gallery-container img
{
	display: block;
	margin: auto;
}

div#gallery-container a
{
	cursor: default;
}

div#gallery-container div.page_text
{
	width: auto;
}

div#gallery-container div.gallery-popup
{
	visibility: hidden; 
	margin-top:-23px; 
	position:absolute; 
}

div#gallery-container a.gallery-popup-trigger:hover div.gallery-popup
{
	visibility: visible;
}

div#gallery-container a.gallery-popup-trigger div.gallery-popup:hover
{
	visibility: hidden;
}

div#gallery-container td.top-left
{
	background-image:url(/images/top_left.png); 
	background-repeat:no-repeat;
} 

div#gallery-container td.top
{
	background-image:url(/images/top.png); 
	background-repeat:repeat-x;
}

div#gallery-container td.top-right
{
	background-image:url(/images/top_right.png); 
	background-repeat:no-repeat;
}

div#gallery-container td.left
{
	background-image:url(/images/left.png); 
	background-repeat:repeat-y;
}

div#gallery-container td.right
{
	background-image:url(/images/right.png); 
	background-repeat:repeat-y;
}

div#gallery-container td.bottom-left
{
	background-image:url(/images/bottom_left.png); 
	background-repeat:no-repeat;
}

div#gallery-container td.bottom
{
	background-image:url(/images/bottom.png); 
	background-repeat:repeat-x;
}

div#gallery-container td.bottom-right
{
	background-image:url(/images/bottom_right.png); 
	background-repeat:no-repeat;
}

/* Weather info */

div#weather-info
{
	background-image:url(/images/content_04.jpg); 
	background-position: top right;
	background-repeat: no-repeat;
	background-color: #5e86a0;
	font-size:10px; 
	color:#FFFFFF;
	text-transform: uppercase;
	width:255px; 
	height:124px;
}

div#weather-info img#weather-icon
{
	padding: 0;
	margin: 0;
	position: absolute;
}

div#weather-info span#temp
{
	background-image: url(/images/content_07.jpg);
	background-repeat: no-repeat;
	background-position: -18px -2px;
	display:block;
	font-size: 30px;
	height:40px;
	top: 77px;
	position:absolute;
	width:73px;
	text-align: left;
	text-indent: 21px;
	left: 21px;
}

div#weather-info ul
{
	position: absolute;
	top: 59px;
	left: 107px;
}

div#weather-info ul li
{
	display: block;
	height: 11px;
	line-height: 13px;
	margin-top: 2px;
}


/** Home **/
div#content.full
div.home 
{
	width: 736px; 
	background-image: url(../images/main_lower_background.gif); 
	background-position: 2px 0;
	padding-bottom: 11px;
}

div#content.full div.home 
div#welcome
{
	border-bottom-color:#FFFFFF;
	border-bottom-style:solid;
	border-bottom-width:4px;
	margin-top: -1px;
        margin-left: -1px;
	height:178px;
	width:737px;
	position: relative;
	background-image: url(../images/welcome_background.jpg);
}

div#content.full div.home 
div#welcome img
{
	margin-bottom:0;
	margin-left:361px;
	margin-right:0;
	margin-top:0;
}

div#content.full div.home 
div#welcome a img
{
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	margin-top:0;
}

div#content.full div.home 
div#welcome a
{
	bottom:0;
	position:absolute;
	right:0;
	height: 30px;
}

div#content.full div.home 
div#welcome p
{
	margin-left: 385px;
	margin-top: 0;
	padding-top: 0;
	width: 324px;
	font-size: 12px;
}

div#content.full div.home 
div#whats-new
{
	background-color:#A6C0D7;
	border-right: solid 3px #fff;
	width:296px;
	padding-bottom: 11px;
	padding-top:21px;
	float: left
}

div#content.full div.home 
div#favorites
{
	width: 430px; 
	float:right; 
	margin-right: 4px
}

/** landing pages **/

div#content.landing
{
	background-image:url(/images/content_08.jpg);
	background-position:right bottom;
	background-repeat:repeat-y;
}

div#content.landing
div.content-shadow
{
	/*width: 555px;*/
}

div#content.landing
div.content-wrapper
{
	width: 555px; 
	/*background-image: url(../images/main_lower_background.gif); */
	/*background-position: 2px 0;*/
	/*padding-bottom: 0px;*/
	background-image: url(../images/newGradient.jpg); 
}

div#content.landing
div.content-wrapper img
{
	display:block;
	margin-bottom:0;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
}

div#content.landing div.right-sidebar-closed
{
	width: 256px;
	z-index: 100;
	position: absolute;
	float: right;
	top: 0px;
	left: 555px;
	height: 100%;
	border-left: solid #fff 4px;
}

div#content.landing div.content-wrapper div.right-sidebar-closed div.header img
{
	margin: 0;
	padding: 0;
}

div#content.landing div.content-wrapper div.right-sidebar-closed img
{
  float: left;
  margin: 21px 30px auto;
}

div#content.landing div.content-wrapper div.right-sidebar-closed ul li a img
{
  float: left;
  margin: 6px 30px auto;
}




/** hotels **/


div#content div.content-wrapper div.right-sidebar-open div#carosel
{
	position: relative;
	margin: 41px auto auto 35px;
	padding: 0;
	overflow: hidden;
	width: 197px;
	height: 318px;
}

div#content div.content-wrapper div.right-sidebar-open div#carosel img
{
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	padding: 0;
}

ul#promo-rates
{
	position: relative;
	margin: 10px 105px 15px 35px;
}

ul#promo-rates li
{
	position: relative;
	display: block;
}

ul#promo-rates li span.rate
{
	position: relative;
	display: block;
	float: left;
	font-size: 13px;
}

ul#promo-rates li img
{
	position: relative;
	float: left;
	clear: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

ul#promo-rates li a img
{
	float: right;
	clear: none;
}

div#keeper
{
	width: 1px; 
	height: 400px; 
	display: block; 
	float: left;
}

body#dine-page div#keeper
{
	height: 810px;
}

body#local div#keeper
{
	height: 810px;
}


/* inserted by tom for the callout buttons */

.clWrapper {
	margin-top: 6px;
}

.clButton {
     margin: 0px;
     margin-left: 26px;
     padding-top: 1px;
     padding-left: 4px;  
     height: 40px;
     width: 201px;
     text-align: center;
     background-image: url(../images/calloutOutShadow.jpg); 
     background-position: center bottom; 
     background-repeat: no-repeat; 
}

.clButton img{
     padding: 0px;
     display:block;
     border: none;
     margin: 0px;
}

.clButtonLast {
     margin: 0px;
     margin-left: 26px;
     padding-top: 1px;
     padding-left: 4px;  
     height: 40px;
     width: 201px;
     text-align: center;
     background-image: url(../images/calloutOutShadowLast.jpg); 
     background-position: center bottom; 
     background-repeat: no-repeat; 
}

.clButtonLast img {
     padding: 0px;
     display:block;
     border: none;
     margin: 0px;
}

div#main-menu
{
	background-image: url(../images/menu-background.png);
	background-repeat: repeat-y;
	margin: 0;
	padding: 0;
	height:32px;
	padding-left: 41px;
	width: 955px;
	position: relative;
	display: block;
	font-family: Arial,Helvetica,sans-serif;
	z-index: 500;
}

div#main-menu ul
{
	float:left;
	margin: 0;
	display: block;
	padding:0;
	height: 32px;
	text-decoration: none;
	z-index: 500;
}

div#main-menu ul li 
{
	float:left;
	font-weight:400;
	width: 87px;
	height: 32px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	text-transform:uppercase;
}

div#main-menu ul li.last
{
	width: 125px;
}

div#main-menu ul li.pre-last
{
	width: 90px;
}

div#main-menu ul li.first
{
	width: 78px;
}

div#main-menu ul li a 
{
	display: block;
	overflow: hidden;
	background-image: url(../images/menu.png);
	background-repeat: no-repeat;
	height: 32px;
	position: relative;
	padding-top: 0px;
	z-index: 500;
	text-decoration: none;
	text-indent: -10000px;
	color: #fff;
	margin: 0;
}

div#main-menu ul li a#stay
{
  background-position: 0 0;
  width: 77px;
}

div#main-menu ul li a#stay:hover
{
  background-position: 0 -32px;
  width: 77px;
}

div#main-menu ul li a#play
{
  background-position: -77px 0px;
  width: 87px;
}

div#main-menu ul li a#play:hover
{
  background-position: -77px -32px;
  width: 87px;
}

div#main-menu ul li a#dine
{
  background-position: -164px 0px;
  width: 87px;
}

div#main-menu ul li a#dine:hover
{
  background-position: -164px -32px;
  width: 87px;
}

div#main-menu ul li a#sail
{
  background-position: -253px 0px;
  width: 85px;
}

div#main-menu ul li a#sail:hover
{
  background-position: -253px -32px;
  width: 85px;
}

div#main-menu ul li a#plan
{
  background-position: -338px 0px;
  width: 92px;
}

div#main-menu ul li a#plan:hover
{
  background-position: -338px -32px;
  width: 92px;
}

div#main-menu ul li a#schedule
{
  background-position: -429px 0px;
  width: 133px;
}

div#main-menu ul li a#schedule:hover
{
  background-position: -429px -32px;
  width: 133px;
}

div#main-menu ul li ul
{
	display: block;
	position: absolute;
	z-index: 5000;
	color: #000;
	height: auto;
	visibility: hidden;
}

div#main-menu ul li ul#sub-stay
{
	width: 287px;
}

div#main-menu ul li:hover ul#sub-stay 
{
	visibility: visible;
}

div#main-menu ul li ul#sub-play
{
	width: 223px;
}

div#main-menu ul li:hover ul#sub-play
{
	visibility: visible;
}

div#main-menu ul li ul#sub-dine
{
	width: 176px;
}

div#main-menu ul li:hover ul#sub-dine
{
	visibility: visible
}

div#main-menu ul li ul#sub-sail
{
	width: 176px;
}

div#main-menu ul li:hover ul#sub-sail
{
	visibility: visible;
}

div#main-menu ul li ul#sub-plan
{
	width: 208px;
}

div#main-menu ul li:hover ul#sub-plan
{
	visibility: visible;
}

div#main-menu ul li ul#sub-schedule
{
	width: 194px;
}

div#main-menu ul li:hover ul#sub-schedule
{
	visibility: visible;
}

div#main-menu ul li ul li
{
	padding: 0;
	display: block;
	clear: both;
	width: 100%;
	height: 23px;
	z-index: 5000;
	background-color: #b5c7d3;
	background-image: none;
}

div#main-menu ul li ul li a
{
	padding: 0;
	margin: 0;
	background-color: #b5c7d3;
	background-image: none;
	display: block;
	clear: both;
	color: #4f6070;
	height: 23px;
	width: 100%;
	text-indent: 0px;
	text-indent: -100000px;
}

div#main-menu ul li ul#sub-stay a
{
	background-image: url(../images/menu-stay.png);
	background-repeat: no-repeat;
}

div#main-menu ul li ul#sub-stay a#fog-horn-harbor-inn:hover
{
	background-position: -287px 0px;
}

div#main-menu ul li ul#sub-stay a#jamacia-bay-inn-best-western
{
	background-position: 0 -23px;
}

div#main-menu ul li ul#sub-stay a#jamacia-bay-inn-best-western:hover
{
	background-position: -287px -23px;
}

div#main-menu ul li ul#sub-stay a#marina-del-rey-hotel
{
	background-position: 0 -47px;
}

div#main-menu ul li ul#sub-stay a#marina-del-rey-hotel:hover
{
	background-position: -287px -47px;
}

div#main-menu ul li ul#sub-stay a#marina-del-rey-marriott
{
	background-position: 0 -71px;
}

div#main-menu ul li ul#sub-stay a#marina-del-rey-marriott:hover
{
	background-position: -287px -71px;
}

div#main-menu ul li ul#sub-stay a#marina-int-hotel-n-bungalows
{
	background-position: 0 -95px;
}

div#main-menu ul li ul#sub-stay a#marina-int-hotel-n-bungalows:hover
{
	background-position: -287px -95px;
}

div#main-menu ul li ul#sub-stay a#ritz-calton
{
	background-position: 0 -119px;
}

div#main-menu ul li ul#sub-stay a#ritz-calton:hover
{
	background-position: -287px -119px;
}

div#main-menu ul li ul#sub-stay a#special-rates
{
	background-position: 0 -143px;
}

div#main-menu ul li ul#sub-stay a#special-rates:hover
{
	background-position: -287px -143px;
}

div#main-menu ul li ul#sub-play a
{
	background-image: url(../images/menu-play.png);
	background-repeat: no-repeat;
}

div#main-menu ul li ul#sub-play a#outdoor-recreation:hover
{
	background-position: -223px 0px;
}

div#main-menu ul li ul#sub-play a#shopping
{
	background-position: 0 -23px;
}

div#main-menu ul li ul#sub-play a#shopping:hover
{
	background-position: -223px -23px;
}

div#main-menu ul li ul#sub-play a#beyond
{
	background-position: 0 -47px;
}

div#main-menu ul li ul#sub-play a#beyond:hover
{
	background-position: -223px -47px;
}

div#main-menu ul li ul#sub-play a#after-dark
{
	background-position: 0 -71px;
}

div#main-menu ul li ul#sub-play a#after-dark:hover
{
	background-position: -223px -71px;
}

div#main-menu ul li ul#sub-play a#trip-planner
{
	background-position: 0 -95px;
}

div#main-menu ul li ul#sub-play a#trip-planner:hover
{
	background-position: -223px -95px;
}

div#main-menu ul li ul#sub-play a#visitors-guide
{
	background-position: 0 -119px;
}

div#main-menu ul li ul#sub-play a#visitors-guide:hover
{
	background-position: -223px -119px;
}

div#main-menu ul li ul#sub-dine a
{
	background-image: url(../images/menu-dine.png);
	background-repeat: no-repeat;
}

div#main-menu ul li ul#sub-dine a#view-all-returants:hover
{
	background-position: -176px 0px;
}

div#main-menu ul li ul#sub-dine a#search-by-cuisine
{
	/* background-position: 0 -23px; */
	background-position: 0 -47px;
}

div#main-menu ul li ul#sub-dine a#search-by-cuisine:hover
{
	/* background-position: -176px -23px; */
	background-position: -176px -47px;
}

div#main-menu ul li ul#sub-dine a#search-by-meal
{
	/* background-position: 0 -47px;  */
	background-position: 0 -23px;
}

div#main-menu ul li ul#sub-dine a#search-by-meal:hover
{
	/* background-position: -176px -47px; */
	background-position: -176px -23px;
}

div#main-menu ul li ul#sub-dine a#search-by-price
{
	background-position: 0 -71px;
}

div#main-menu ul li ul#sub-dine a#search-by-price:hover
{
	background-position: -176px -71px;
}

div#main-menu ul li ul#sub-sail a
{
	background-image: url(../images/menu-sail.png);
	background-repeat: no-repeat;
}

div#main-menu ul li ul#sub-sail a#boat-slips:hover
{
	background-position: -176px 0px;
}

div#main-menu ul li ul#sub-sail a#yacht-clubs
{
	background-position: 0 -23px;
}

div#main-menu ul li ul#sub-sail a#yacht-clubs:hover
{
	background-position: -176px -23px;
}

div#main-menu ul li ul#sub-sail a#boat-clubs
{
	background-position: 0 -47px;
}

div#main-menu ul li ul#sub-sail a#boat-clubs:hover
{
	background-position: -176px -47px;
}

div#main-menu ul li ul#sub-sail a#charters-rentals
{
	background-position: 0 -71px;
}

div#main-menu ul li ul#sub-sail a#charters-rentals:hover
{
	background-position: -176px -71px;
}

div#main-menu ul li ul#sub-sail a#classes
{
	background-position: 0 -95px;
}

div#main-menu ul li ul#sub-sail a#classes:hover
{
	background-position: -176px -95px;
}

div#main-menu ul li ul#sub-sail a#harbor-guide
{
	background-position: 0 -119px;
}

div#main-menu ul li ul#sub-sail a#harbor-guide:hover
{
	background-position: -176px -119px;
}

div#main-menu ul li ul#sub-plan a
{
	background-image: url(../images/menu-plan.png);
	background-repeat: no-repeat;
}

div#main-menu ul li ul#sub-plan a#weddings-celebrations:hover
{
	background-position: -208px 0px;
}

div#main-menu ul li ul#sub-plan a#meetings-events
{
	background-position: 0 -23px;
}

div#main-menu ul li ul#sub-plan a#meetings-events:hover
{
	background-position: -208px -23px;
}

div#main-menu ul li ul#sub-plan a#banquetf-acilities-chart
{
	background-position: 0 -47px;
}

div#main-menu ul li ul#sub-plan a#banquetf-acilities-chart:hover
{
	background-position: -208px -47px;
}

div#main-menu ul li ul#sub-plan a#funerals-at-sea
{
	background-position: 0 -71px;
}

div#main-menu ul li ul#sub-plan a#funerals-at-sea:hover
{
	background-position: -208px -71px;
}

div#main-menu ul li ul#sub-schedule a
{
	background-image: url(../images/menu-schedule.png);
	background-repeat: no-repeat;
}

div#main-menu ul li ul#sub-schedule a#events:hover
{
	background-position: -194px 0px;
}

div#main-menu ul li ul#sub-schedule a#month
{
	background-position: 0 -23px;
}

div#main-menu ul li ul#sub-schedule a#month:hover
{
	background-position: -194px -23px;
}

div#main-menu ul li ul#sub-schedule a#on-going
{
	background-position: 0 -47px;
}

div#main-menu ul li ul#sub-schedule a#on-going:hover
{
	background-position: -194px -47px;
}

div#main-menu img.shadow
{
	position: absolute;
	top: 0;
	left: -9px;
}

div#main-menu div.shadow
{
	position: absolute;
	top: 0;
	height: 115%;
	width: 110%;
	left: -9px;
	background-repeat: no-repeat;
}

div#top-menu
{
	background-image: url(../images/top-menu-background.png);
	background-repeat: repeat-y;
	margin: 0;
	padding: 13px 0 0 55px;
	height: 44px;
	width: 941px;
	display: block;
	font-family: Arial,Helvetica,sans-serif;
	left: 0px;
	top: 0px;
	z-index: 500;
}

/************Left Top Menu************/
div#top-menu ul
{
	float:left;
	margin: 4px 0 0 0;
	overflow: hidden;
	display: block;
	width: 369px;
	height: 9px;
	padding:0;
	position:relative;
	text-decoration: none;
	z-index: 500;
}

div#top-menu ul li 
{
	float: left;
	font-weight: 400;
	width: 44px;
	height: 9px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin: 0 8px;
	text-transform:uppercase;
}

div#top-menu ul li.last
{
	width: 74px;
}

div#top-menu ul li.pre-last
{
	width: 73px;
}

div#top-menu ul li.second
{
	width: 43px;
}

div#top-menu ul li.first
{
	width: 63px;
	margin-left:0px;
}

div#top-menu ul li a 
{
	display: block;
	overflow: hidden;
	background-image: url(../images/top-menu.png);
	background-repeat: no-repeat;
	height: 0px;
	position: relative;
	padding-top: 10px;
	z-index: 500;
	text-decoration: none;
	color: #fff;
	margin: auto 0;
}

div#top-menu ul li a#about
{
  background-position: 0 0;
  width: 63px;
}

div#top-menu ul li a#about:hover
{
  background-position: 0 -9px;
  width: 63px;
}

div#top-menu ul li a#local
{
  background-position: -80px 0px;
  width: 43px;
}

div#top-menu ul li a#local:hover
{
  background-position: -80px -9px;
  width: 43px;
}

div#top-menu ul li a#media
{
  background-position: -138px 0px;
  width: 44px;
}

div#top-menu ul li a#media:hover
{
  background-position: -138px -9px;
  width: 44px;
}

div#top-menu ul li a#directions
{
  background-position: -198px 0px;
  width: 73px;
}

div#top-menu ul li a#directions:hover
{
  background-position: -198px -9px;
  width: 73px;
}

div#top-menu ul li a#book
{
  background-position: -286px 0px;
  width: 74px;
}

div#top-menu ul li a#book:hover
{
  background-position: -286px -9px;
  width: 74px;
}

/************* Language Top Menu **************/
div#top-menu ul#language
{
	float:left;
	margin: 2px 0px 0px 18px;
	overflow: hidden;
	display: block;
	height: 12px;
	width: 203px;
	padding:0;
	position:relative;
	text-decoration: none;
	z-index: 500;
}

div#top-menu ul#language li 
{
	float: left;
	font-weight: 400;
	width: 42px;
	height: 12px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin: 0 7px 0 6px;
	text-transform:uppercase;
}

div#top-menu ul#language li.last
{
	width: 28px;
}

div#top-menu ul#language li.pre-last
{
	width: 45px;
}

div#top-menu ul#language li.second
{
	width: 42px;
}

div#top-menu ul#language li.first
{
	width: 42px;
	margin-left:0px;
}

div#top-menu ul#language li a 
{
	display: block;
	overflow: hidden;
	background-image: url(../images/top-menu-language.png);
	background-repeat: no-repeat;
	height: 0px;
	position: relative;
	padding-top: 13px;
	z-index: 500;
	text-decoration: none;
	color: #fff;
	margin: auto 0;
}


div#top-menu ul#language li a#spanish
{
  background-position: 0 0;
  width: 42px;
}

div#top-menu ul#language li a#spanish:hover
{
  background-position: 0 -12px;
  width: 42px;
}


div#top-menu ul#language li a#german
{
  background-position: -55px 0px;
  width: 42px;
}

div#top-menu ul#language li a#german:hover
{
  background-position: -55px -12px;
  width: 42px;
}

div#top-menu ul#language li a#french
{
  background-position: -111px 0px;
  width: 45px;
}

div#top-menu ul#language li a#french:hover
{
  background-position: -111px -12px;
  width: 45px;
}

div#top-menu ul#language li a#japanees
{
  background-position: -169px 0px;
  width: 28px;
}

div#top-menu ul#language li a#japanees:hover
{
  background-position: -169px -12px;
  width: 28px;
}

/************* Search Box**************/
div#top-menu div#search
{
	float:left;
	margin: 0 0 0 18px;
	overflow: hidden;
	display: block;
	height: 22px;
	width: 211px;
	padding:0;
	position:relative;
	text-decoration: none;
	z-index: 500;
	background-repeat: no-repeat;
}

div#top-menu div#search span#search
{
	background-image: url(../images/search-label.png);
	overflow: hidden;
	padding-top: 18px;
	height: 0;
	width: 44px;
	float:left;
	font-size: 10px;
	line-height: 10px;
	text-transform: uppercase;
	display: block;
	position: relative;
	margin: 3px 0 0 5px;
	background-repeat: no-repeat;
}

div#top-menu div#search div.search-box
{
	background-image: url(../images/search-box.png);
	background-position: 0 0;
	float: left;
	width: 116px;
	height: 15px;
	border: 0px;
	border-top: 1px solid #b6bbbe;
	border-left: 1px solid #b6bbbe;
	overflow: hidden;
	margin: 0 0 0 10px;
	background-repeat: no-repeat;
	position: relative;
}

div#top-menu div#search div.search-box input#searchStr
{
	border: 0px none;
	width: 112px;
	height: 16px;
	line-height: 10px;
	position: absolute;
	margin: 0;
	padding: 0;
	left: 4px;
	top: 4px;
}

div#top-menu div#search a.search-button
{
	background-image: url(../images/search-button.png);
	float: left;
	height: 0px;
	width: 18px;
	border: 0px;
	padding: 19px 0 0 0;
	overflow: hidden;
	margin: 0 0 0 11px;
	background-repeat: no-repeat;
}

/************* Text Size Control**************/
div#top-menu div#text-size-control
{
	float:left;
	margin: 2px 0 0 16px;
	overflow: hidden;
	display: block;
	height: 11px;
	width: 95px;
	padding:0;
	position:relative;
	text-decoration: none;
	z-index: 500;
	background-repeat: no-repeat;
}

div#top-menu div#text-size-control span#label
{
	float: left;
	display: block;
	margin: 0;
	width: 54px;
	padding: 11px 0 0 0;
	background-image: url(../images/text-box-size.png);
	background-position: 0 0;
	overflow: hidden;
}

div#top-menu div#text-size-control a
{
	background-image: url(../images/text-box-size.png);
	float: left;
	width: 11px;
	padding: 11px 0 0 0;
	height: 0px;
	overflow: hidden;
	margin: 0 4px;
}

div#top-menu div#text-size-control a#increase
{
	background-position: -64px 0;
	margin-left: 7px;
	
}

div#top-menu div#text-size-control a#decrease
{
	background-position: -84px 0;
	
}

/***********active pages*************/
body#about a#about
{
  background-position: 0 -9px !important;
}

body#local a#local
{
  background-position: -80px -9px !important;
}

body#media a#media
{
  background-position: -138px -9px !important;
}

body#directions a#directions
{
  background-position: -198px -9px !important;
}

body#book a#book
{
  background-position: -286px -9px !important;
}

body#spanish a#spanish
{
  background-position: 0 -12px !important;
}

body#german a#german
{
  background-position: -55px -12px !important;
}

body#french a#french
{
  background-position: -111px -12px !important;
}

body#japanees a#japanees
{
  background-position: -169px -12px !important;
}
#conferm_popup {position:absolute; padding:0px; margin:0px; vertical-align:top; display:none; width:512px; height:162px; top: 450px; z-index:500000000;}
#email_popup{position:absolute;padding:0px; margin:0px; vertical-align:top; display:none; width:<?=$width;?>px; top: 400px; z-index:500000000;}