/* BEGIN CSS RENDERING */
html, body {
	margin: 0;
	padding: 0;
	margin-bottom:0;
} 

body {
        font-family: "Arial", "Trebuchet MS", Helvetica, sans-serif;
	font-size: 11px;
	color: #000066;
}

body a:link, body a:visited, body a:active {
	color: #0000CC;
	text-decoration: underline;
}

body a:hover {
	text-decoration: none;
	color: #0000FF;
}

h1 {
	font-size:1.4em;
	font-family: "Arial", "Trebuchet MS", Helvetica, sans-serif;
	color: #000066;
	margin-top:10px;
	margin-bottom:10px;
	padding:0;
}

h2 {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000033;
}

h3 {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000066;
	padding-top: 4px;
	padding-bottom: 4px;
	margin: 0;
}

h4 {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold;
}

h5 {
	font-size: 9px;
	font-weight: bold;
	color: #003399;
	margin:0;
	padding:0;
}

h6 {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000066;
	padding-bottom: 4px;
	margin:0;
	padding-top: 4px;
}

ul, li {
	margin:0;
	padding:0;
	list-style-type: none;	
}

.input {
	width: 100px;
	height:14px;
	border: 1px solid #ccc;
	padding: 2px;
	font-size: 10px;
	color: #999999;
}

select {
	font-size: 9px;
}

#survey input {
	padding-top:2px;
}

/* hacks */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* IE inherit font size in tables */

table {
	font-size: 1.0em;
}

/* tables inherit font sizes */

table {
	font-size: 1em;
}

/* main ids **/

#wrap {
	width: 780px;
}

#top {
	height: 204px;
	width: 768px;
	padding-top:12px;
	padding-left:12px;
	background: url(..//images/bg_main.jpg) no-repeat 0px 0px;
}

/*
#topMap {
	height: 204px;
	width: 768px;
	padding-top:12px;
	padding-left:12px;
	background: url(..//images/bg_main_map.jpg) no-repeat 0px 0px;
}
*/

#logo {
	float: left;
	width: 157px;
	height:26px;
}

#masthead {
	height: 140px;
	width: 780px;
}

/* d2 ids */

#wrap_d2 {
	width: 780px;
}

#top_d2 {
	height: 204px;
	width: 768px;
	padding-top:12px;
	padding-left:12px;
	background: url(../images/bg_main.jpg) no-repeat 0px 0px;
}

#topMap_d2 {
	height: 204px;
	width: 768px;
	padding-top:12px;
	padding-left:12px;
	background: url(../images/bg_main_map.jpg) no-repeat 0px 0px;
}

#logo_d2 {
	float: left;
	width: 157px;
	height:26px;
}

#masthead_d2 {
	height: 140px;
	width: 780px;
}


/* left side nav */

#nav {
	width:180px;
	background: url(../images/nav_bg.jpg) no-repeat;
	margin-bottom: 20px;
	margin-top:-27px;
	float:left;
}

/* Hides from IE-mac \*/

* html #nav {	
	margin-top:-28px;
}

#nav ul {
	list-style-type: none;
}

.navTop  {
	margin-top:-14px;
}

#nav a:link, #nav a:visited, #nav a:active {
        font-family: "Arial", "Trebuchet MS", Helvetica, sans-serif;
	font-size: 12px;
	color: #000099;
	text-decoration: none;
}

#nav ul li img {
	padding-top:16px;
	padding-bottom:10px;
}
	
#nav a:hover {
        font-family: "Arial", "Trebuchet MS", Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}

.navList li {
	margin: 0;
	padding: 0;
	text-indent: 16px;
	font-size: 10px;
	border-bottom: solid 1px #eaeaea;
	width: 160px;
}

.navList a {
	display: block;
	height: 22px;
	width: 160px;
	line-height: 24px;
	text-decoration: none;
} 

.navList a:hover,.navList a:hover,.navList a:hover {
	background: #F0F0F0;
	color: #FFFFFF;
} 

/* mini tabs */

#mainNav {
	float: right;
	height: 25px;
	width: 600px;
	margin-top: 154px;
}

#container {
	width: 590px;
	padding-top: 3px;
}

#minitabs {
	margin: 0;
	padding: 0 0 20px 0px;
}

#minitabs li {
	margin: 0px; 
	padding: 0;
	display: inline;
	list-style-type: none;
}
	
#minitabs a:link, #minitabs a:visited {
        font-family: "Arial", "Trebuchet MS", Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	margin: 0 16px 0px 16px;
	text-decoration: none;
	color: #FFF;
	float: right;
}

#minitabs a.active:link, #minitabs a.active:visited, #minitabs a:hover {
	border-bottom: 3px solid #0033FF;
	padding-bottom: 3px;
	color: #FFFFFF;
}

#minitabs a:hover {
	color: #0033FF;
}

#nav2 li { /* all list items */
	float: left;
}

#nav2 li ul { /* second-level lists */
	position: absolute;
	background: #333;
	width: 144px;
	left: -999em; 
}

#nav2 li ul li {
	margin-top:-6px;
	margin-bottom:-6px;
	margin-left:-15px;
	margin-right:-15px;
	padding:8px;
}

#nav2 li:hover ul, #nav2 li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

/* footer */

#footer {
	font-size: 9px;
	padding-top: 4px;
	width:600px;
	height:70px;
	background-color: #CCCCCC;
	border-top: 1px solid #999;
	padding-left: 180px;
	color: #8B8B8B;
	clear: both;
}

/* content area */

.contentArea {
	width: 570px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 30px;
	float: left;
}

.contentAreaMap {
	width: 100%;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 30px;
	float: left;
}

.contentArea ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-top: 16px;
}

.contentArea li {
	background-image: url(../../images/bullet_green.gif);
	background-repeat: no-repeat;
	padding-left: 12px;
	padding-bottom:10px;
	background-position: 1px 4px;
}

.contentArea ul ul {
	padding:0;
	margin:0;
	margin-top:6px;
}

.contentArea ul ul li {
	padding-left: 2px;
	background: url(../images/arrow_white.gif);
	background-repeat: no-repeat;
	background-position: 4px 3px;
}

/* middle destination table on home page */

.brdrRight {
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #FFFFFF;
	font-size: 10px;
}

.brdrLR {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: dotted;
	border-left-style: dotted;
	border-right-color: #000000;
	border-left-color: #000000;
	font-size: 10px;
}

.features td {
	font-size: 10px;	
}

.features h5 {
	line-height: 16px;
	background: url(../../images/leaf_sm.gif) no-repeat 1px 3px;
	text-indent:20px;
	margin:0;
	padding:0;
}

/* text links on every page */

.textLinks {
	background-color: #eee;
	border: 1px solid #000000;
	padding: 8px;
	font-size: 9px;
}

/* inside page */

.featureBox {
	background-color: #F2F2F2;
	margin-bottom: 1px;
	width: 196px;
	float: right;
	margin-left: 20px;
	clear: right;
	padding: 6px;
	font-size: 10px;
}

.featureBox li {
	background-image: url(../images/bullet_arrow.gif);
	background-repeat: no-repeat;
	padding-left: 16px;
	background-position: 3px 4px;
}

.featureBox ul, li {
	margin: 0;
	padding: 0;
}

.click {
	background-image: url(../../images/icon_arrow_green.gif);
	background-repeat: no-repeat;
	background-position: 3px 3px;
	text-indent: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 16px;
}

.availability {
	background-color: #EEEEEE;
	margin-bottom: 1px;
	width: 194px;
	float: right;
	margin-left: 20px;
	clear: right;
	padding: 6px;
	font-size: 10px;
	font-weight: bold;
}

.availability li {
	background-image: url(../images/bg_list_new.gif);
	background-repeat: no-repeat;
	background-position: 10px 4px;
	text-indent: 24px;
	line-height: 30px;
}
.row1 {
	background-color: #ECEAE5;
	font-size: 10px;
	padding-left: 6px;
	height: 30px;
}

.row2 {
	background-color: #E2DFD8;
	font-size: 10px;
	padding-left: 6px;
	height: 30px;
}

.rowHeader {
	padding: 4px;
	height: 22px;
}

.cityTable {
	border: 1px solid #999999;
}

.lineTD {
	height: 1px;
	margin: 0;
	padding: 0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}

.tdAccom {
	background-color: #EEEEEE;
	background-image: url(../../images/bullet_green.gif);
	background-repeat: no-repeat;
	background-position: 6px 7px;
	padding-left: 20px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.tdAccomEmpty {
	background-color: #EEEEEE;
	padding-left: 18px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.tdAccom a:hover {
	color: #94C5A3;
	background-color: #fff;
}

.accomTable {
	border: 1px solid #CCC;
	background-color: #FFFFFF;
}

.locationTable {
	background-color: #FFFFFF;
}

.topRow {
	font-size: 9px;
	padding: 6px;
	font-weight: bold;
}

.tdPropertiesH {
	font-size: 9px;
	font-weight: bold;
	background-image: url(../../images/bullet_green.gif);
	background-repeat: no-repeat;
	background-position: 6px 7px;
	padding-left: 18px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.tdProperties {
	padding: 6px;
	width: 20%;
}

.tdProperties a:hover {
	color: #CC0000;
}

.tdNowShowing {
	padding-top: 16px;
}

.breakHoriz {
	margin: 0px;
	padding: 0px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000066;
}

.highlight {
	background-color: #9999FF;
	padding: 4px;
	border: 1px solid #999999;
}

.redItalic {
	font: italic 11px Arial, Helvetica, sans-serif;
	color: #330099;
}

.lineDotted {
	height: 1px;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}

.activitiesTD {
	font-size: 10px;
	padding: 4px;
}

.activitiesTD2 {
	font-size: 10px;
}

.activitiesTD ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-top: 16px;
}

.activitiesTD li {
	margin: 0;
	padding: 0;
	background-image: url(../../images/arrows.gif);
	background-repeat: no-repeat;
	background-position: 3px 3px;
	text-indent: 16px;
	margin-top: 10px;
}

.accountGuideTD {
	font-size: 10px;
	padding: 6px;
}

.otherAreas {
	background-color: #F2F2F2;
	padding: 6px;
	width: 194px;
	float: right;
	margin-left: 10px;
	margin-bottom: 1px;
	font-size: 9px;
}

.hide {
	display: block; 
	clear: right; 
	margin: -0.1em 2;
  	visibility: hidden;
}

#mapContent {
	padding-left: 40px;
}

#mapContent li {
	padding-left:20px;
	margin:0;
}

.mapSubnav {
	filter:alpha(opacity=80);
	background-color:#F4F4F4;
	border: 1px solid #ccc;
	padding: 8px;
	width: 420px;
	margin-left:20px;
}

.mapSubnav ul {
	padding:0;
	margin:0;
}

.mapSubnav li {
	background:none;
	display: inline;	
	padding-right:18px;
	margin:0;
}

.mapSubnav a {
	font-weight: bold;
	font-size: 9px;
}

.gstBox {
	font-size: 9px;
	background: #f0f0f0;
	border-bottom: 1px solid #999;
}

.indexBox {
	background-color: #F0F0F0;
	padding: 6px;
	display: block;
	font-size: 10px;
	height: 150px;
}

.dull {
	color: #666666;
}

a.indexBox:hover {
	background-color: #F9F9F9;
	color: #666666;
}

.indexImg {
	padding-bottom: 6px;
	padding-top: 8px;
}

/* shortlisting styles */

.shortListings {
	background-color: #F2F2F2;
	padding: 6px;
	width: 194px;
	float: right;
	margin-left: 20px;
	clear: right;
	font-size: 9px;
	margin-top: 1px;
}

.travelFacts {
	background-color: #F2F2F2;
	padding: 10px;
	width: 186px;
	float: right;
	margin-left: 20px;
	clear: right;
	font-size: 9px;
}

.travelFacts li {
	background-image: url(../images/arrow_blue.gif);
	background-repeat: no-repeat;
	background-position: 3px 5px;
	padding-left: 18px;
	margin-top: 6px;
}

.travelFacts ul, li {
	margin: 0;
	padding: 0;
}

.shortListings ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.shortListings li {
	background-image: url(../images/arrow_blue.gif);
	background-repeat: no-repeat;
	background-position: 3px 5px;
	padding-left: 16px;
	margin-top: 6px;
}

.shortListTD {
	font-size: 10px;
	padding: 4px;
	vertical-align: top;
	height: 20px;
	border-top: 1px dotted #ccc;
	background: #F4F4F4;
	margin-top:1px;
	margin-bottom:1px;
}

.shortListTDLast {
	padding: 4px;
	height: 20px;
	border-top: 1px dotted #ccc;
}

.shortListTD h5 a {
	color: #000099;	
}

.shortListTop {
	padding: 4px;
}

.listHeading {
	font-size: 9px;
	font-weight: bold;
	color: #000033;
	padding-left: 14px;
	background: url(../images/icon_notepad.gif) no-repeat 0px 0px;
	height: 16px;
}

.listHeadingPaid {
	font-size: 9px;
	font-weight: bold;
	color: #000099;
	padding-left: 44px;
	background: url(../images/icon_star.gif) no-repeat 0px 1px;
	height: 16px;
}


.shortListTopPaid {
	background-color: #EBEBEB;
	padding: 6px;
	border-bottom: 2px solid #C10000;
}

.shortHeading {
	font-size: 11px;
	font-weight: bold;
	color: #003366;
	background: url(../../images/icon_arrow_green.gif) no-repeat 10px 2px;
	padding-left: 28px;
}

li.click {
	background-image: url(../images/icon_arrow_blue.gif);
	background-repeat: no-repeat;
	background-position: 3px 3px;
	text-indent: 20px;
	margin-top: 10px;
	line-height: 16px;
	padding: 0;
	margin-bottom: 6px;
}

#shortlistingWrap {
	clear: both;
	margin-bottom: 20px;
}

#accomlistWrap {
	clear: both;
	margin-top: 20px;
	margin-bottom: 20px;
}

.tdProperties {
	padding: 6px;
	width: 20%;
}

.tdProperties a:hover {
	color: #3300FF;
}

.tdNowShowing {
	padding-top: 16px;

}

.tdPropertiesH {
	font-size: 9px;
	font-weight: bold;
	background-image: url(../images/bullet_blue.gif);
	background-repeat: no-repeat;
	background-position: 6px 7px;
	padding-left: 18px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.otherAreas {
	background-color: #F2F2F2;
	padding: 6px;
	width: 194px;
	float: right;
	margin-left: 20px;
	border: 1px none #CCC;
	font-size: 9px;
}

.facts {
	background-color: #F4F4F4;
	padding: 8px;
	width: 550px;
	border: 1px solid #ccc;
	font-size: 10px;
}

.diablo {
	font-size: 9px;
	background: url(../images/olympics_news_bg.jpg) no-repeat 0px 0px;
	padding-top:34px;
	padding-left:20px;
	padding-bottom:20px;
}

.diabloii {
	font-size: 9px;
	background: url(../images/olympics_news_bg2.jpg) no-repeat 0px 0px;
	padding-top:34px;
	padding-left:20px;
	padding-bottom:20px;
}

.break {
	margin: 6px;
	border-top: 1px dotted #ccc;
}

.category {
	padding-bottom: 10px;
	border-bottom: 1px dotted #ccc;
	font-weight: bold;
	font-size: 14px;
	color: #000;
}

#tips {
	background: url(../images/icons/facts.gif) no-repeat 0px 0px;	
}

#distance {
	background: url(../images/icons/calulator.gif) no-repeat 0px 1px;
}

#olympics {
	background: url(../images/icons/tips.gif) no-repeat 0px 1px;
}

/* distance calculator page ********************************/

#mileage td {
	border-bottom:solid 1px #ddd;
}

#mileageHeading {
	background-color:#DAE7DB;
}

#mileageHeading th {
	color:#25452B;
	font-size:10px;
}

#highlight {
	background-color:#f4f4f4;
}

#leavingFrom {
	background-color:#f4f4f4;
}

/* add listings link ********************************/

#addListings {
	margin-top:10px;
	margin-bottom:10px;
	background-color: #eee;
	border: 2px solid #009900;
	padding: 8px;
}

#addListings a {
	background: url(../images/checkmark.gif) no-repeat 0px 2px;	
	padding-left:16px;
}

/* breadcrumbs ********************************/

.crumbs {
	font-size: 9px;
	width: 580px;
	color:#B5C5B4;
	padding-top:4px;
	padding-bottom:6px;
	line-height: 20px;
}

.crumbs a:link, .crumbs a:visited, .crumbs a:active {
	color:#6666FF;
}

.crumbs a:hover {
	color:#3366CC;
}
/*google ads*/

.googleads {
	background-color: #F2F2F2;
	padding: 10px;
	width: 120px;
	float: right;
	margin-left: 20px;
	clear: right;
	font-size: 9px;
}

.googleads li {
	background-image: url(../images/arrow_green.gif);
	background-repeat: no-repeat;
	background-position: 3px 5px;
	padding-left: 18px;
	margin-top: 6px;
}

.googleads ul, li {
	margin: 0;
	padding: 0;
}