/* begin css tabs */
ul#breadCrumb {padding: 0 0 8px 0; margin: 0 0 8px 0;list-style: none; border-bottom: 1px solid #CCC}
ul#breadCrumb li {display: inline; font-size: .9em}

ul#tabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 20px 0 0 0; /* set margins as desired */
font: bold 14px verdana, arial, sans-serif; /* set font as desired */
border-bottom: 1px solid #009fc5; /* set border COLOR as desired */
list-style-type: none;
padding: 0 0 6px 0; /* THIRD number must change with respect to padding-top (X) below */
clear:both; 

}

#map {text-align: center}

#mapAndPhotos {border-top: 1px solid #0CF; border-bottom: 1px solid #0CF; text-align: center}


#blurb {border-top: 1px dotted #0CF; clear:both}

.listLeft {float: left; width: 300px}
.listRight {float: left; width: 300px; clear: none}
.listLeft2 {float: left; width: 300px}
.listRight2 {float: left; width: 300px; clear: none}
.listEnd {float: left; width: 300px; clear: none}

ul#SubList{list-style: none;}

ul#tabnav li.on {
padding: 6px 7px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #009fc5; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #666; /* set unselected tab background color as desired */
color: #CCC; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul#tabnav li { /* do not change */
display: inline;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4 { /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a { /* settings for selected tab link */
background-color: #fff; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
padding: 6px 7px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #009fc5; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #a5f7fa; /* set unselected tab background color as desired */
color: #666; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
background: #fff; /* set desired hover color */
}

/* end css tabs */


/* CSS Document */
.navHeader {padding: 0 0 0 8px; margin: 10px 0 0 0; color: #666}
h1, h2, h3, form {padding: 0;margin:0}


#subHeader {
	height: 25px;
	background-color:#FF9;
	background-image: url(images/back-sub.gif);
	background-repeat: repeat-x;
	height: 23px;
}

#midCol2 {
	float: left;
	width: 590px;
	margin: 0 10px 0 8px
}
#midCol {
	float: left;
	width: 385px;
	margin: 0 15px 0 8px
}
#midColWide {
	float: left;
	width: 685px;
	margin: 0 15px 0 8px
}
#midCol #midColWide p {
	font-size: .9em;
	line-height: 1.5em;
	color: #333
}
.midColList {
	font-size: .9em;
	line-height: 1.5em;
	color: #333;
	padding: 5px;
	margin: 0 0 0 12px
}
#promotions {background-image: url(images/back-promo.jpg); background-repeat: repeat; padding: 5px 10px 10px 10px; background-repeat: no-repeat}
#promotions ul {
	list-style: none;
	padding: 0;
	margin: 0
}
#promotions li img {
	float: left;
	margin: 0 8px 0 0
}
#promotions li img {border: 1px solid #0FF}
#promotions li {
	clear: both;
	margin: 0 0 8px 0; font-size: .9em;
	height: 60px
}
#promotions li a {
	text-decoration: none; color: #039
}
#promotions li span {
	font-size: .8em;
	font-weight: bold; color: #666
}

#promotions div {
	position:relative; 
	top:-15px !important; 
	top:-20px; 
	float:right;
}

/* Headings */
h2.videoTitle {
	padding: 0;
	margin: 0 0 10px 0;
	font-family:Georgia;
	font-size: 1.6em;
	color:#00A0C6;
	font-weight: bold;
}
h3.statsTitle {
	padding: 0;
	margin: 0 0 10px 0;
	font-family:Georgia;
	font-size: 1.6em;
	color:#00A0C6;
	font-weight: bold;
}
h2.photoTitle {
	padding: 0;
	margin: 0 0 8px 0;
	font-family:Georgia;
	font-size: 1.6em;
	color:#00A0C6;
	font-weight: bold; text-align: center
}
#midCol h1 {
	padding: 0;
	margin: 0;
	font-family:Georgia;
	font-size: 1.6em;
	color:#00A0C6;
	font-weight: bold;
}
#midColWide h1 {
	padding: 0;
	margin: 0;
	font-family:Georgia;
	font-size: 1.6em;
	color:#00A0C6;
	font-weight: bold;
}

.photoGallery {
	margin: 10px 0 10px 0;
	padding: 10px 0 10px 0;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC
}
.videos {
}
.clr {clear:both}
.quickBox {
	float: right;
	width: 120px;
	border: 2px dotted #099; font-weight: bold;
	padding: 10px;
	margin: 10px 0 10px 20px
}
.leftNav {
	list-style: none;
	padding: 0;
	margin: 0;
}
.leftNav li a {
	display: block;
	padding: 3px;
	margin: 3px;
	font-weight: bold;
	text-decoration: none;
	font-size: .9em;
	color:#00a0c6
}

.leftNav li ul li
{
    list-style: circle;
	padding: 1px;
	margin: 1px;	
	color:#00a0c6
}

.leftNav li ul  a{	
	padding: 1px;
	margin: 1px;
	font-weight: bold;
	text-decoration: none;
	font-size: .9em;
	color:#00a0c6
}
#mainContent {margin: 10px 0 0 0; background:#FFFFFF;display: inline-block; }


ul#tabnav li { /* do not change */
display: inline;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4 { /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a { /* settings for selected tab link */
background-color: #fff; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
padding: 6px 7px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #009fc5; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #a5f7fa; /* set unselected tab background color as desired */
color: #666; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
background: #fff; /* set desired hover color */
}

/* end css tabs */


/* CSS Document */
.navHeader {padding: 0 0 0 8px; margin: 10px 0 0 0; color: #666}
h1, h2, h3, form {padding: 0;margin:0}
/*body {
	font-size: 76%;
	font-family: Verdana, Geneva, sans-serif;
	padding: 0;
	margin: 0;
	text-align:center;
background-color:#f1e7b9;
background-image:url(/images/bg_gradient.jpg);
background-repeat:repeat-x;
}
#wrap {
	margin-left: auto;
	margin-right: auto;
	width: 990px;
	text-align: left;
	
	
}
#header {
	height: 51px;
	padding: 14px 0 0 0;

}*/
#subHeader {
	height: 25px;
	background-color:#FF9;
	background-image: url(images/back-sub.gif);
	background-repeat: repeat-x;
	height: 23px;
}
/*#leftCol {
	width: 200px;
	float: left;
	margin: 0 0 0 8px;
background-color:#FFFFFF;
}*/
#midCol2 {
	float: left;
	width: 590px;
	margin: 0 10px 0 8px
}
#midCol {
	float: left;
	width: 385px;
	margin: 0 15px 0 8px
}
#midColWide {
	float: left;
	width: 685px;
	margin: 0 15px 0 8px
}

#midColWide {
	float: left;
	width: 740px;
	margin: 0 15px 0 8px
}


#midCol #midColWide p {
	font-size: .9em;
	line-height: 1.5em;
	color: #333
}
.midColList {
	font-size: .9em;
	line-height: 1.5em;
	color: #333;
	padding: 5px;
	margin: 0 0 0 12px
}
#promotions {background-image: url(/destinations/images/bg/back-promo.jpg); background-repeat: repeat; padding: 5px 10px 10px 10px; background-repeat: no-repeat}
#promotions ul {
	list-style: none;
	padding: 0;
	margin: 0
}
#promotions li img {
	float: left;
	margin: 0 8px 0 0
}
#promotions li img {border: 1px solid #666666}
#promotions li {
	clear: both;
	margin: 0 0 8px 0; font-size: .9em;
	height: 60px
}
#promotions li a {
	text-decoration: none; color: #039
}
#promotions li span {
	font-size: .8em;
	font-weight: bold; color: #666
}
/* Headings */
h2.videoTitle {
	padding: 0;
	margin: 0 0 10px 0;
	font-family:Georgia;
	font-size: 1.6em;
	color:#00A0C6;
	font-weight: bold;
}
h3.statsTitle {
	padding: 0;
	margin: 0 0 10px 0;
	font-family:Georgia;
	font-size: 1.6em;
	color:#00A0C6;
	font-weight: bold;
}
h2.photoTitle {
	padding: 0;
	margin: 0 0 8px 0;
	font-family:Georgia;
	font-size: 1.6em;
	color:#00A0C6;
	font-weight: bold; text-align: center
}
#midCol h1 {
	padding: 0;
	margin: 0;
	font-family:Georgia;
	font-size: 1.6em;
	color:#00A0C6;
	font-weight: bold;
}
#midColWide h1 {
	padding: 0;
	margin: 0;
	font-family:Georgia;
	font-size: 1.6em;
	color:#00A0C6;
	font-weight: bold;
}


.photoGallery {
	margin: 10px 0 10px 0;
	padding: 10px 0 10px 0;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC
}
.videos {
}
.clr {clear:both}
.quickBox {
	float: right;
	width: 120px;
	border: 2px dotted #099; font-weight: bold;
	padding: 10px;
	margin: 10px 0 10px 20px
}
.leftNav {
	list-style: none;
	padding: 0;
	margin: 0;
}
.leftNav li a {
	display: block;
	padding: 3px;
	margin: 3px;
	font-weight: bold;
	text-decoration: none;
	font-size: .9em;
	color:#00a0c6
}
#mainContent {margin: 10px 0 0 0;  background:#FFFFFF; width: 990px;display: inline-block; }


a.DestinationLink:link{color: #003399; font-size: 8pt;text-decoration:underline; cursor: hand;}
a.DestinationLink:visited{color: #003399; font-size: 8pt;text-decoration:underline; cursor: hand;}
a.DestinationLink:hover{color: #00A0C6; font-size: 8pt;text-decoration:none; cursor: hand;}


#midColTheme {
	float: left;
	width: 510px;		
	margin-top:10px;	
	position: absolute;
}
#rightColTheme 
{
	float: right;
	width: 160px;	
	margin-left:580px;
	margin-left:580px  !important;
	margin-top:10px;	
	margin-bottom : 30px;
	padding-bottom : 30px;
	position: absolute;
}
#ImageList
{  
  float: left;
  width : 760px;
  height:150px;	 
}
#ImageCel
{
  float: left;
  width : 187px;
  height:150px;	
}
#ImageIcon
{
  float: left;
  width : 160px;  
}
#ImageTitle
{
  float: left;
  width : 160px; 
  padding-top:3px;
  padding-bottom:3px;
  text-align:center;
  border: solid 1px #666666;
  border-top:none; 
}
#ImageColumn
{  
  float: left;
  width : 160px;     
}
#ImageColumnCel
{
  float: left;
  width : 160px; 
  border: none;  
  margin-bottom:10px;
  clear:both; 
}
  
