/* Start layover CSS */

/* CSS for layover panel */

div#layover {
	width: 326px; 
	position: absolute; 
	text-align: left;
	font-size: 11px;
	color: #000;
}

div#layover_pointer_left {
	background: url(/img/pointer_from_left.png) no-repeat;
	width: 17px;
	height: 28px;
	position: relative; 
	top: 57px;
	left: -5px;
}

div#layover_pointer_right {
	background: url(/img/pointer_from_right.png) no-repeat;
	width: 17px;
	height: 28px;
	position: relative; 
	top: 57px;
	left: 312px;
}

div#layover_top {
	background: url(/img/top_cap.png) no-repeat top; 
	width: 321px; 
	height: 11px;
}

div#layover_title {
	background: url(/img/title_body.png) repeat-y;
	width: 321px;
}

div#layover_title_text {
	font-size: 12px; 
	color: #fff; 
	font-weight: bold;
	padding: 1px 7px 2px 20px; 
}

div#layover_body {
	background: url(/img/body.png) repeat-y;
	width: 277px; 
	padding: 8px 22px 1px 22px;
}

div#layover_body div#layover_image_container.dir {
	margin: 0 0 10px 10px; 
	float: right;
}

div#layover_body img#layover_image.dir {
	border: 4px solid #68623e;
}

div#layover_body div#layover_image_container.dest {
	margin: 0 10px 6px 0; 
	float: left;
}

div#layover_body img#layover_image.dest {
	border: 0;
}

div#layover_body div#layover_image_container.mg {
	margin: 0 0 10px 10px; 
	float: right;
}

div#layover_body img#layover_image.mg {
	border: 4px solid #999999;
}

div#layover_body p#layover_sub_title {
	margin-bottom: 10px;
}

* html div#layover_body p#layover_sub_title.ie6 {
	position: relative;
	left: -10px;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

div#layover_body p#layover_text {
	margin-bottom: 10px;
}

div#layover_body p#layover_extras {
	color: #666666;
	padding-bottom: 8px;
}

div#layover_bottom {
	background: url(/img/bottom_cap.png) no-repeat; 
	width: 321px; 
	height: 14px;
}

/* END layover CSS */




/* BEGIN HORIZONAL NAVIGATION */

div#content_tabs {
	float: none;
	margin-top: 2px;
	padding-top: 1px;
	clear: both;
	min-height: 20px;
}

#navlist {
	padding: 5px 0;
	margin-left: 0;
	font-weight: bold;
}

ul#navlist  {
	padding-left: 20px;
}

#navlist li {
	list-style: none;
	margin: 0;
	display: inline;
}

#navlist li a {
	padding: 7px 1.9em 4px 1.9em;
	margin-left: 3px;
	border-bottom: none;
	text-decoration: none;
}

li.shadow_tab { /*shadow displacement*/
	position: relative;
	top: -5px;
	padding-bottom: 10px;
	left: 3px;
}

/* END HORIZONAL NAVIGATION */


/* BEGIN LEFT COLUMN AND NAVIGATION */

/* Structure */


#left_column {
	float: left;
	text-align: left;
	background: #FFFFFF;
	color: #FFFFFF;
	width: 203px;
	font-size: 10px;
	text-transform: uppercase;
}

#left_column .shadow { /*shadow color and displacement*/
	position: relative;
	bottom: -3px;
	left: -3px;
}

#left_column .inner { /*background color of nav menu, and fixing offset */
	position: relative;
	bottom: 3px;
	left: 3px;	
}

h3 #nav_accom, h3 #nav_menuid_0  { /* set images and for the nav menu */
	background-image: url(/img/nav_accom.gif);
	height: 29px;
}	

h3 #nav_arts, h3 #nav_menuid_1 {
	background-image: url(/img/nav_arts.gif) ;
	height: 29px;
}

h3 #nav_loc, h3 #nav_menuid_2 {
	background-image: url(/img/nav_loc.gif) ;
	height: 29px;
}

h3 #nav_sports, h3 #nav_menuid_3 {
	background-image: url(/img/nav_sports.gif) ;
	height: 29px;
}
	
h3 #nav_out, h3 #nav_menuid_4 {
	background-image: url(/img/nav_out.gif);
	height: 29px;
}	

h3 #nav_dest, h3 #nav_menuid_5 {
	background-image: url(/img/nav_dest.gif);
	height: 29px;
}	

h3 #nav_event, h3 #nav_menuid_6 {
	background-image: url(/img/nav_event.gif);
	height: 29px;
}



.subcat  {
	padding: 5px;
	background: #8B8B8B;	
}

* html .subcat {
	padding: 5px 5px 0 5px;
}

.stretcher, .stretcher a, .stretcher_open, .stretcher_open a {
	font-size: 10px;
}


.stretcher2, .stretcher2_open {
	padding: 0 5px 0 25px;
}

.stretcher2 a, .stretcher2_open a  {		
	margin-bottom: 3px;
	display: block;
}

h3.display a, h3.display4321 a {
	display: block;
}

h3.plain, h3.display2  {
	padding: 4px 0px 4px 5px;		
	font-weight:  bold;	
}

h3.plain a, h3.display2 a {
	padding-left: 10px;		
	font-weight:  bold;	
	display: block;
}

h3.plain a:hover, h3.display2 a:hover, #current_menu a {
	background: url(/img/large_white_arrow.gif) no-repeat center left;
}

#left_column a {
	text-decoration: none;
}	

/* Colors */


#left_column .shadow { /*shadow color and displacement*/
	background-color: #CFCFCF; 
}

#left_column .inner { /*background color of nav menu, and fixing offset */
	background-color: #666666; 
}

h3.display a, h3.display4321 a { /* to make left nav light up with mouseover */
	border-bottom: 1px solid #8C8C8C;

}

h3.display a:hover, h3.display4321 a:hover, h3.selectedMainNav { /* to make left nav light up with mouseover */
	background: #797979;
}




	h3.display2 a:hover, h3.plain a:hover { /* to make left nav light up with mouseover */
		color: #000000;
	}
	
	h3.display2 a:link, h3.display2 a:visited, h3.plain a:link, h3.plain a:visited   { /* to make left nav light up with mouseover */
		color: #FFFFFF;
	}





.stretcher, .stretcher a, stretcher_open, stretcher_open a, .stretcher2_open, .stretcher2_open a {		
	background: #8B8B8B;
}	

.stretcher a:link, .stretcher a:visited, .stretcher2 a:link, .stretcher2 a:visited, .stretcher_open a:link, .stretcher_open a:visited, .stretcher2_open a:link, .stretcher2_open a:visited  {		
	color: #000000;
}	

.stretcher a:hover, .stretcher2 a:hover, .stretcher_open a:hover, .stretcher2_open a:hover  {		
	color: #FFFFFF;
}


div.contextual_links {
	border-bottom: 2px solid #cfcfcf;
	border-left: 2px solid #cfcfcf;
}

div.contextual_links, div.link_list {
	color: #666666;
}

div.contextual_links a, div.link_list a {
	background: url(/img/mini_forward.gif) no-repeat 0px 2px;
}

/* END LEFT COLUMN AND NAVIGATION */


/* BEGIN Thickbox CSS */

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}
html, body {
min-height: 100%;
height: auto !important;
height: 100%
}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
/*
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
*/
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: absolute;
  z-index:100;
  top: 0px;
  left: 0px;
  background-color:#000;
  opacity: 0.6;
}
#TB_window {
  position: absolute;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
}
#TB_window img {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:5px 10px 7px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: absolute;
  display:none;
  height:100px;
  width:100px;
  z-index:101;
}
#TB_HideSelect{
  z-index:99;
  position:absolute;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  opacity: 0;
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
}

/* END THICKBOX CSS */