a, html, body, div, span, h1, h2, h3, p, ol, ul, li, img,
blockquote, pre, form, label, legend, table, caption, tbody, tfoot, thead, 
tr, th, td, article, aside, canvas, details, embed, figure, figcaption, 
footer, header, hgroup, menu, nav, output, section, summary, audio, video {

	margin: 0 ;
	padding: 0; 
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	border-collapse:collapse;
	line-height: 1;
}

body#main {
width: 100%;
padding-top: 25px;
padding-bottom: 225px;
margin-left:10px;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif; 
background-color: #00223D;
background:-moz-linear-gradient(top, #00223D 0%, #007EE1 100%);
background:-webkit-linear-gradient(#00223D 0%, #007EE1 100%);
background:linear-gradient(#00223D 0%, #007EE1 100%);
}
 
.preload_pic {display:none;} 
 
#telephone {
width:794px;
height: auto;
margin: auto;
padding-bottom: 3px;
padding-right: 10px;
font-size: 14px;
font-weight: bold;
color: #ffffff;
text-align: right;
}  
  
#wrapper {
width: 794px;
height: auto;
margin: auto;
padding: 3px 3px 3px 3px;
background-color:#fbfae6;
}

 
#headerImg {
margin: 0;
padding:0; 
border:0;
display:block;
} 
 
#topNavTable {
border-collapse:collapse;
margin: 0 0 0 0; 
padding: 0; 
border:0;
width:794px;
height:26px;
background-color:#787878;
font-size: 11px;
font-weight: bold;
}

.topNavTD {
margin: 0; 
padding: 0; 
border:0;
height: 26px;
width: 135px;
vertical-align:middle;
text-align: center; 
background-image: url(/assets/images/home/topNavOut.gif);
background-repeat:no-repeat;
}

.topNavTD.first_td {width:119px;}
.topNavTD a:link, .topNavTD a:visited {text-decoration: none; color: #ffffff;}
.topNavTD a:hover {text-decoration: underline; color: #ffffff;}

#topNavShadowImg {margin: 0 0 0 0; padding: 0;
display:block;}



#leftNavDiv {
padding:0;
margin:3px 0 0 0;
float: left;
width:188px;
height: auto;
border: 1px solid #6c6c6c;
border-bottom:none;
background-color:#d2d9d1;
}

.leftnavTable {
border-collapse:collapse;
background-image: url(/assets/images/home/menu_left.jpg); 
background-repeat: repeat-y;
}

.leftnavTable td {
text-align:left;
vertical-align:middle;
font-size: 11px;
font-weight: bold;
color: #005826;
border-bottom: 1px solid #ffffff;
margin:0;
padding: 6px 0px 6px 6px;
}

.leftnavTable td.lastItem {border-bottom: 1px solid #6c6c6c;}

.leftnavTable td.lastItemImg {
padding:0;
margin:0;
border:none;
background-color:#6c6c6c;
background-image: url(/assets/images/home/sloth188.jpg); 
background-repeat:no-repeat;
} 

.leftnavTable td  A:link, .leftnavTable td a:visited {text-decoration: none; color: #005826;}
.leftnavTable td  A:hover {text-decoration: underline; color: #009900;}

#content {
float: left;
height: auto;
width: 580px;
margin-top: 12px;
margin-left: 17px;
text-align:left;
}

.marginLR20 {margin: 10px 20px 0 20px;} /*content layout for most pages*/
.marginLR40 {margin: 7px 70px 0 40px;}  /*content layout for city info page*/

.marginL10 {margin-left:10px;}
.marginL15 {margin-left:15px;}
.marginL20 {margin-left:20px;}
.marginL40 {margin-left:40px;}
.alignCenter {text-align: center;}

.text11 {font-size: 11px;}
.text10 {font-size: 10px;}
.text9 {font-size: 9px;}
.text8 {font-size: 8px;}
.textBold {font-weight:bold;}

h1 {font-size: 18px; font-weight: bold; color: #3b5998; margin: 0 0 16px 0px;
text-shadow: 2px 2px 2px rgba(165,163,143,.4);}

h2 {font-size: 13px; font-weight: bold; color: #3b5998; margin: 0 0 5px 0px;}

hr {background-color:#4060A4; height:1px; border:0; width:100%;  margin: 5px 0px 12px 0px;}

ul {margin: 0 0 10px 20px;}
li {font-size: 11px; color: #3b5998; line-height: 1.35em; font-weight: normal;}
li a:link, li a:visited {text-decoration: underline; color: #0f5693;}
li a:hover {text-decoration: underline; color: #268AD6;}

p {margin: 0 0 .85em 0; font-size: 12px; color: #3b5998; line-height: 1.35; font-weight: normal;}
p a:link, p a:visited {text-decoration: underline; color: #0f5693;}
p a:hover {text-decoration: underline; color: #268AD6;}

.textBlue {font-size: 11px; color: #3b5998; font-weight: normal; line-height:1.25em;}
.textBlue a:link, .textBlue a:visited {text-decoration: underline; color: #0f5693;}
.textBlue a:hover {text-decoration: underline; color: #268AD6;}

.textBlueBold {font-size: 11px; color: #3b5998; font-weight: bold; line-height:1.25em; margin:10px;}

.textBlack {font-size: 11px; color: #000000; font-weight: normal; line-height:1.25em;}
.textBlack a:link, .textBlack a:visited {text-decoration: underline; color: #000000;}
.textBlack a:hover {text-decoration: underline; color: #9C9D9D;}

.backArrow {font-size: 22px; font-weight: bold; color: #3b5998; margin:-3px 0 0 0 ;}
.backArrow a:link {text-decoration: none; color: #3b5998;}
.backArrow a:visited {text-decoration: none; color: #3b5998;}
.backArrow a:hover {text-decoration: none; color: #268AD6;}

caption {margin: 0 0 5px 0; font-weight:bold; text-align:center;}


.infoTable {margin: 0 0 8px 0px; width: 90%; border: 1px solid #918F7E;}
.infoThead {background-color:#E8E4CA; border: 1px solid #918F7E; font-weight:bold;}
.trInfoOdd  {background-color:#F7F3D7;}
.trInfoEven {background-color:#F0ECD1;}


.pkgTable {margin: 0 0 8px 0px; width: 90%; border: 1px solid #393B34;}
.pkgThead {background-color:#D6DBC0; border: 1px solid #393B34; font-weight:bold;}
tr.odd  {background-color:#F8FFDE;}
tr.even {background-color:#EAF0D1;}

th, td {vertical-align:middle;}

th.first {padding: 4px 4px 4px 6px ; text-align:left; vertical-align:middle;}
td.bapFirst {padding: 0 0 0 30px; text-align:left; vertical-align:middle;}

.leftFirst {padding: 0 0 0 8px; text-align:left; vertical-align:middle;}
.left {padding: 4px; text-align:left; vertical-align:middle;}
.center {padding: 4px; text-align:center; vertical-align:middle;}
.right {padding: 4px; text-align:right; vertical-align:middle;}
.last {padding: 4px; text-align:right; vertical-align:middle;}
.pad {padding: 4px; vertical-align:middle;}




.vAlignTop {vertical-align:top}
.vAlignMid {vertical-align:middle}
.vAlignBot {vertical-align:bottom}

.ui-datepicker {font-size:10px;}
.ui-datepicker-trigger { position: relative; top: 4px; left: 3px; }




textarea, input[type="text"], input[type="email"] {
-webkit-appearance: none;
-moz-appearance: none;
display: block;
border: thin solid #6d84b4;
background-color:#ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px; 
color:#000000;
text-align:left;
padding: 3px 3px 3px 3px;}

.selectDiv {
border-style: solid;
border-color: #6d84b4;
border-width:thin;
}

input[type="reset"], input[type="submit"] {
margin:0 5px 0 0;
padding:2px;}


.formText {font-size: 11px; color: #3b5998; font-weight: lighter; padding: 0 0 10px 0;}
.formColWid {width: 35%;}
.formTD {padding: 0 0 10px 0;}
.inpWid10 {width: 10%;}
.inpWid50 {width: 50%;}
.inpWid75 {width: 75%;}
.inpWid100 {width: 100%;}



/*city Info page*/
img.cityBanner {border: 1px solid black; margin-bottom:14px;}
table.center {margin-left:auto; margin-right:auto;} /*centers the photo table*/
table.right {margin-left:auto; margin-right:0;} /*aligns right a table*/
form.center {margin-left:auto; margin-right:auto;} /*centers the form*/

.tdCityPhoto {border: none; padding: 10px; text-align:center;}

.city_thumbOutImg  { 
width: 94px; height: 94px;
border: 1px solid #DADADA; 
}
.city_thumbOverImg { 
width: 94px; height: 94px;
border: 1px solid #A4A4A4; 
}

.cityLinks {line-height:1em;}


.overlap {
position: relative; 
width: 580px; 
height: 32px;
margin-top: 0;
}

.overlap .ol_under, .overlap .ol_over { position: absolute; }
.overlap .ol_under {left: 0; z-index: 1; border: 1px solid black; border-right: 0;}
.overlap .ol_over {left: 420px; z-index: 2; border: 1px solid black; border-left: 0;}

 
 
.groundTable {margin-bottom:3px; width: 100%;}
.groundHeader {background-color:#D6DBC0; border: 1px solid #393B34; font-weight:bold;} 
.groundBody {font: 10px Verdana, Arial, Helvetica, sans-serif; color: #434343;}

.groundTR1  {background-color: #DEE7D9;}
.groundTR2  {background-color: #FFFFFF;}

.leftGround {
font-weight:bold;
padding: 4px 0 4px 6px; 
text-align:left;
color: #434343;
height:17px;
}

.rightGround {
font-weight:bold;
padding: 4px 6px 4px 4px; 
text-align:right;
color: #434343;
}
.leftGround  A:link,   .leftGround a:visited {text-decoration: none; color: #434343;}
.leftGround  A:hover {text-decoration: underline; color: #909090; }
  

 
 
/*Hotel tables */

table.backColor1 {background-color: #d8d8d8; width:100%;}
table.backColor2 {background-color: #ffffff; width:100%;}

.plusImage {text-align:left; width:10px; padding: 0 7px 0 4px;}

.headerText {
font: bold 12px Verdana; 
color: #545454; 
width:230px; 
text-align:left;
border:none;
height:30px;
vertical-align:middle;
}

.headerText A:link, .headerText A:visited {text-decoration: none; color: #545454;}
.headerText  A:hover {text-decoration: underline; color: #909090; }

.ratingImg {
width:50px;
text-align: right;
padding-right: 8px;
}

.hotelHRtop {background-color:#6C6C6C; height:1px; border:0; width:100%; padding: 0; margin: 0 0 0 0;}
.hotelHRmid {background-color:#6C6C6C; height:1px; border:0; width:100%; padding: 0; margin: 0 0 5px 0;}
.hotelHRbot {background-color:#6C6C6C; height:1px; border:0; width:100%; padding: 0; margin: 8px 0 0 0;}


.addressText {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #707070;
font-size:9px;
line-height:1.2em;
vertical-align:top;
text-align:left;
width:230px;
}

.descriptionText {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: black;
font-size:11px;
line-height:1.2em;
vertical-align:top;
width:335px;
text-align:justify;
padding-right:8px;
}

.photosDiv {margin: 10px 0 0 0 ;}

.thumbOut  { margin: 0 4px 4px 0; border: 1px solid #DADADA; width: 32px; height: 32px; filter: alpha(opacity: 80); }
.thumbOver { margin: 0 4px 4px 0; border: 1px solid #6C6C6C; width: 32px; height: 32px; filter: alpha(opacity: 100); }

.clickHere {
float:right;
padding:8px;
}

.searchResults {
font: 10px Verdana; 
color: #000000; 
margin-top: 5px; 
text-align:left;
}



body#photoPopUp {background-color:#d8d8d8;}
.photoImage {border: 1px solid grey;}

.photoTable {
border: 0; 
margin:30px;
width:auto;
height:auto;
}

.photoTitle {
text-align:right;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:black;
padding:3px;
}



.hotelPriceTable {margin: 4px 2px 4px 0; width: 99%; border: 1px solid #393B34;}
.hotelPriceThead {background-color:#ececec; border: 1px solid #393B34; 
font: bold 10px Verdana; color: #545454;}
.hotelPriceBody {
font: normal 9px Verdana; color: #545454;}

.leftFirstHotel {padding: 0 0 0 8px; text-align:left; vertical-align:top;}
.leftHotel {padding: 4px; text-align:left; vertical-align:top;}
.centerHotel {padding: 4px; text-align:center; vertical-align:top;}
.rightHotel {padding: 4px; text-align:right; vertical-align:top;}
.lastHotel {padding: 4px; text-align:right; vertical-align:top;}




.abaTable {width:480px;}
.abaTD1 {
background-color: #deecd6; 
padding: 7px;
vertical-align:center;
font-size: 11px;
font-color: #545454;
font-weight:bold;}
.abaTD1  A:link, .abaTD1 a:visited {text-decoration: none; color: #545454;}
.abaTD1  A:hover {text-decoration: underline; color: #909090; }
.abaTD2 {
background-color: #f1ffe9;
padding: 7px;
vertical-align:center;
font-size: 11px;
font-color: #545454;
font-weight:bold;}
.abaTD2  A:link, .abaTD2 a:visited {text-decoration: none; color: #545454;}
.abaTD2  A:hover {text-decoration: underline; color: #909090; }



.linksTable {
width: 100%;
margin: 10px 0 10px 0;
font-size: 11px; color: #000000; font-weight: normal; line-height:1em;}






.linksTD {
width: 200px;
text-align:left;
vertical-align:top;
font-size: 11px; color: #3b5998; font-weight: normal;}

.linksTD a:link, .linksTD a:visited {text-decoration: underline; color: #0f5693;}
.linksTD a:hover {text-decoration: underline; color: #268AD6;}

.linksDescTD {
text-align:left;
vertical-align:top;
padding: 0 0 8px 0;
}







.text2 {
width: 540px;
font-size: 11px;
color: #6c6c6c;
text-align: left;
}
.text2 A:link, .text2 a:visited {text-decoration: underline; color: #6c6c6c;}
.text2 A:hover {text-decoration: underline; color: #909090;}

.AirfaresTitle {
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px;
font-weight: bold;
color: #ffffff; 
background-color: #5297b2;
}

.AirfaresList {
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px;
font-weight: normal;
color: #000000; 
background-color: #DFE4E6;}
.AirfaresList A:link, .AirfaresList a:visited {text-decoration: none; color: #000000;}
.AirfaresList A:hover {text-decoration: underline; color: #000000}

.AirfaresList2 {
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px;
font-weight: normal;
color: #000000; 
background-color: #ffffff;}
.AirfaresList2 A:link, .AirfaresList2 a:visited {text-decoration: none; color: #000000;}
.AirfaresList2 A:hover {text-decoration: underline; color: #000000}






.webLinks {
font-size: 8px; 
color: #8a8a8a;
text-align:right;
padding-right:25px;
padding-bottom:10px;
}
.webLinks A:link, .webLinks a:visited, .webLinks a:hover {text-decoration: underline; color: #8a8a8a;}



#footer {
padding-top:10px;
text-align: center;
margin-left: 20px;
width: 540px;
font-size: 9px; 
color: #8a8a8a;
line-height:1.25em;
}
#footer a:link, #footer a:visited {text-decoration: underline; color: #9C9D9D;}
#footer A:hover {text-decoration: underline; color: #747474;}