@import url(typo.css);


body {
	background-image: url(/global/bg.png);
	background-repeat: repeat-x;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	background-color:black;
	
}
textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.red {
	color: #FF0000;
}

img { border: 0 }

h3, h4 {
	color: #666666;
}

td {
	text-align: left;
}
a {
	color:#333;
	}
a:hover 
{/*
    text-decoration:none;
	color:#CCCCCC;
*/}

.footer {
	background-image: url(/images/bottom_bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	color: #ccc;
	font-size: 13px;
	padding-top: 10px;
	margin-top: 10px;
	line-height: 1.5;
}
.footer a , .subfooter a {
	color:#fff;
	text-decoration:none;
	}
.footer a:hover, .subfooter a:hover {
	text-decoration:underline;
	}
	
/*-------FRONT PAGE---------------------------------------------------*/


.front-top-table {
	background-image: url(/images/front_top1.jpg);
	background-repeat: no-repeat;
}
.front-nav {
	margin-top: 6px;
	margin-left: 39px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
	padding-left: 18px;
}
.front-nav a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height:2;
	color: #666666;
	text-decoration: none;
	letter-spacing: 2px;

}
.front-nav a:hover {
	color: #000;
	}
.front-bottom .mid {
	
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 15px;
	padding-right: 25px;
	padding-left: 20px;
	line-height: 1.2;
	font-size: 13px;
}
.front-bottom .mid h3 { font-size: 22px; color: white; margin-bottom: 10px;}
.front-bottom .mid a {
	color:yellow;
	}
.front-bottom .mid p {
	margin-top:0;
	margin-bottom:5px;
	}
.front-bottom .mid a:hover {
	text-decoration:none;
	}
.front-bottom .smalltext {
	font-size: 13px;
}

.front-bottom {
	color:white;
	}
.front-bottom h1 {
	font-size: 36px;
	color: #FFFFFF;
	margin-bottom: 0px;
	margin-top: 0px;
}
.front-bottom h2 {
	margin: 0px;
}
.front-bottom h1 a{
	color: #FFFFFF;
	text-decoration:none;
}
.front-bottom h2 a{
	color: #FFFFFF;
	text-decoration:none;
}


/*--SUB PAGES---------------------------------------------------------*/



.sub-main-bg {
	background-image: url(/global/sub-main-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	
	margin-top: 0;
}
.sub-main-table {
	padding: 20px 20px 0px 20px;
    
}
.sub-main-table a:visited {
	color:#666;
	}
.sub-main-table h2 {
	color:#555;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:22px;
}

.sub-content-div {
	padding-top: 150px;
	line-height: 1.3;
	font-size:13px;
}

.sub-content-div h3, h3.nice {
	font-family:"Times New Roman", Times, serif;
	font-size:22px;
	color:#666666;
	font-style: italic; 
	margin-bottom:5px;
	}

.sub-nav {
	width: 180px;

	float:left;
	
	}
.sub-nav a:hover { color:black; }
.sub-nav a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height:2;
	color: #666666;
	text-decoration: none;
	letter-spacing: 2px;

}
.subfooter {
	background-image: url(/global/sub-bottom_bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-color:black;
	color: #ccc;
	font-size: 13px;
	padding-top: 29px;
	margin-top: 10px;
	line-height: 1.5;
}


/*--------DHTML Tabs ----------------------------------------------*/

ul.pressSpecial li a {
	padding: 10px 4px;
	font-size: 11px;
	white-space: nowrap;
}

.shadetabs{
padding: 10px 0;
margin-left: 0;
margin-top: 15px;
margin-bottom: 0;
font: bold 10px Verdana;
font-size: 10px !important;
list-style-type: none;
text-align: right; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
padding: 10px 10px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
font-size: 10px !important;
background: white url(/global/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li.selected{
position: relative;
top: 1px;
}

.shadetabs li.selected a{ /*selected main tab style */
background-image: url(/global/shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontentstyle{ /*style of tab content oontainer*/
border-top: 1px solid gray;
width: 99.5%; /*was 96%*/
margin-bottom: 1em;
padding: 15px 0 0 0; /*was 10px*/
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block!important;
}
}
.opt-contact-table td {
	padding: 15px;
	font-size: 13px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.sub-main-bg  h4 {
	text-indent: 0px;
}

.req-contact-table td {
	padding: 3px;
	font-size: 13px;
	font-weight:bold;
	color: #FF0000;
}
.formtables td{
	padding: 2px 3px 2px 5px;
	border-bottom:solid 1px #aaa;
	border-right:solid 1px #aaa;
	vertical-align: top;
}
.formtables {
	border-top: solid 1px #aaa;
	border-left:solid 1px #aaa;
	}

.sortable td{
	font-size: 12px;
	padding: 2px 0px 4px 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ccc;
}
.sortable th{
	font-size: 12px;
	padding: 2px 2px 2px 5px;
	text-align:left;
	color:#000;
	background: white url(/global/shade.gif) top left repeat-x;
	font-weight:normal;
	border: solid 1px #666;
	border-bottom:none;
	border-left:none;
}
.sortable th a {
	padding: 2px;
	color:#000;
	display:block;
	text-decoration:none;
	
}
.tablepadding td {
	padding: 5px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #fff;
}
.meeting-table {
	border-left: solid 1px #eee;
	border-top: solid 1px #eee;
	width: 80%;
	}
.meeting-table td {
	border-right: solid 1px #eee;
	border-bottom: solid 1px #eee;
	padding: 2px 2px 2px 5px;
	vertical-align: top;
	font-size: 12px;
	}
.style-text td { font-size: 12px; }





/******************* New Stuff ***************************************/

.front-nav {
	
}

.fixbadtable { border-collapse: collapse; border: none; }

.sub-nav {
	border: solid 0px #000;
	padding: 8px 0px 0px 28px;
	margin: 0;
	/*<div class="sub-nav" style="padding:14px 0px 0px 28px;">*/
}

.sub-nav a, .front-nav a {
	display: block;
	margin: 0;
	padding: 0;
	background-color: #fff;
	border: solid 0px red;
	font-size: 14px;
	font-weight: bold;

}	


.textLeft   { text-align: left !important; }
.textCenter { text-align: center !important; }
.floatLeft  { float: left;  }
.floatRight { float: right; }
.clearLeft  { clear: left;  }
.clearRight { clear: right; }
.clearBoth  { clear: both;  }
.clearNone  { clear:none;   }
.selfClear  { overflow: hidden; _overflow: visible; _height: 1px; }
.dn { display: none;   }
.db { display: block;  }
.di { display: inline; }

.opac25 { opacity: .25; filter: alpha(opacity=25); -moz-opacity: .25; }
.opac50 { opacity: .5; filter: alpha(opacity=50); -moz-opacity: .5; }
.opac75 { opacity: .75; filter: alpha(opacity=75); -moz-opacity: .75; }

ul.long li, ol.long li {
	margin-top: 10px !important;
}
ul.medium li, ol.medium li {
	margin-top: 5px !important;
}
ul.short li, ol.short li {
	margin-top: 0px !important;
}


/* Attractions Styles */

.atbox {
	border: solid 1px #e9e9e9;
	background-color: #fffff2;
	line-height: 1.45em;
}

.attractionSpread, .attrDetail, .itineraryHolder {
	padding: 16px;
	text-align: center;
}
.attractionSpread *, .attrDetail *, .itineraryHolder * { text-align: left; }

.banner {
	padding: 5px;
	color: #333;
}

.banner img {
	float: right;
	margin: 0 0 0 20px;
}

.attractionSpread .colLeft,
.attractionSpread .colCenter,
.attractionSpread .colRight {
	width: 32.5%;
	border: solid 0px red;
}

.attractionSpread .colLeft {
	float: left;
}

.attractionSpread .colCenter {
	margin-left: auto;
	margin-right: auto;
}

.attractionSpread .colRight {
	float: right;
}

.attractionSpread .box {
	margin: 15px 0 0 0;
}

.attractionSpread .box h3 {
	margin: 0; padding: 2px 7px;
	border-bottom: solid 1px #e9e9e9;
	font: normal 18px Georgia, "Times New Roman", Times, serif;
}

.attractionSpread .box ul {
	margin: 5px; padding: 0;
}

.attractionSpread .box li {
	margin: 0 0 5px 0; padding: 0;
	list-style-type: none;
	border: solid 1px #e9e9e9;
	background-color: #fff;
}

.attractionSpread .box li a {
	display: block;
	text-decoration: none;
	margin: 0; padding: 0;
}



.attrDetail {

}

.attrDetail h2, .attrDetail h1 {
	font: normal 22px Georgia, "Times New Roman", Times, serif;
}

.attrDetail address {
	margin-top: 10px;
}

.attrImage {
	float: right;
	margin: 46px 0 10px 10px;
}

.actionbar {
	padding: 3px;
	margin: 0 0 15px 0;
	width: 604px;
	overflow: hidden; _height: 1px; _overflow: visible;
	text-align: center;
}

.actionbar address {
	float: left;
	margin: 0 0 0 5px; padding: 3px;
}

.actionbar .time {
	margin: 8px auto 0 auto;
	display: block;
	width: 188px;
	height: 40px;
	background: #F9FBE7 url(/images/timebg.png) no-repeat;
	text-align: center;
	padding: 12px 7px 7px 7px;
	border: 0px dashed #eaeaea;
	font: italic normal 14px/1.4em Georgia, "Times New Roman", Times, serif;
}	

.actionbar .addToItinBtn {
	background: transparent url(/images/btnAddToIt.png) no-repeat;
	height: 42px;
	width: 130px;
	display: block;
	text-indent: -9999px;
	float: right;
	margin: 16px 5px 0 0;
}	

.shortdesc {
	background-color: #F2FFF0;
	border: solid 1px #eaeaea;
	width: 598px;
	padding: 6px;
	margin-bottom: 15px;
}

.entryBody, #commentArea 
{
    background-color: #fff;
}

/* Comments area */

#commentArea .commentHolder 
{
    background-color: #FCFEFD;
    border: solid 1px #e9e9e9;
    overflow: hidden; _overflow: visible; _height: 1px;
    padding: 6px 10px;
    margin-bottom: 20px;
    font-family: "Georgia", "Times New Roman", serif;
    color: #333;
}
#commentArea div.commentAlt { background-color: #FFFFF2; }

#commentArea .commentHolder p 
{   
    font-weight: bold;
    margin: 0 0 10px 0;
    border-bottom: dashed 1px #e3e3e3;
    font-size: 18px;
}

#commentArea .comment 
{
    
}

#commentArea .postedDate
{   
    float: right;
    color: #ccc;
    font-style: italic;
}


.commentSubArea 
{
}

.commentSubArea div strong 
{
    float: left;
    width: 90px;
}

.commentSubArea div input, .commentSubArea div textarea 
{
    display: block;
    margin: 0 0 10px 98px;
}

.commentSubArea div textarea 
{
    width: 500px;
    height: 150px;
}

.commentSubArea div.ffName input 
{
    
}






/* ************ Itinerary Styles **************** */

.loginArea 
{
    position: relative;
}

.loginArea strong {
	float:left;
	width:70px;
}

.loginArea input {
	display:block;
	margin-left:80px;
	margin-bottom: 10px;
}

.loginArea .browseBtn {
	float: right;
	/*162 47*/
	height: 0;
	overflow: hidden;
	padding-top: 47px;
	width: 162px;
	margin-right: 10px; display: inline;
	background: transparent url(/images/btnBrowse.png);
}

.loginArea .signUpLink 
{   
    position: absolute;
    bottom: 0;
    right: 0;
}

#h4ItinTitle 
{
    margin-bottom: 10px;
}


.itinGroup * {
	margin: 0;
	padding: 0;
}

.itinDay {
	margin-bottom: 12px;
	padding-bottom: 6px;
}

	.itinDay .itinDayTop, .itinDay .itinDayMid, .itinDay .itinDayLow {
		width: 922px;
		height: 12px;
		overflow: hidden;
	}
	
	.itinDay .itinDayTop {
		background-image: url(/images/itinerary/itinboxtop.png);
	}
	
	.itinDay .itinDayMid {
		height: auto !important;
		background-image: url(/images/itinerary/itinboxmid.png);
		padding-bottom: 5px;
	}

	.itinDay h4 {
		float: left; _display: inline;
		margin: 0 0 0 12px;
		width: 150px;
		background: #F4FCF3 url();
		border: solid 1px #e9e9e9;
		font: normal 19px Georgia, "Times New Roman", Times, serif;
		text-align: center;
		padding: 2px 0 4px 0;
	}
	
		.itinDay h4 span {
			font-size: 14px;
			display: block;
			text-align: center;
		}
		
	.itinDay .shadyDivForTable {
		margin-left: 180px;
		width: 713px;	
		border: solid 0px red;	
	}
		
	.itinDay table {
		width: 100%;
		border: 0;
		border-collapse: collapse;
		background-color: transparent;
	}
	
	.itinDay tr {
	
	}
		.itinDay tr td {
			padding: 5px 0;
			line-height: 1.6em;
			border-bottom: solid 1px #e9e9e9;
		}
		
		.itinDay tr.allday td {
			border-bottom-color: #adadad;
		}		
	
		.itinDay tr td.itItemTime span {
			font-weight: bold;
			
		}
		
		.itinDay tr.allday td.itItemTime span {
			margin-left: 0;
			background-color: #fff;
			border: solid 1px #e9e9e9;
			width: 80%;
			text-align: center;
			padding: 4px 10px;
			position: relative;
			top: 3px;
		}		

		.itinDay tr td.itItemDetail {
		
		}
		
			.itinDay tr td.itItemDetail  strong {
				display: block;
			}
			
			.itinDay tr td.itItemDetail span {
			
			}
		
		.itinDay tr td.itItemAction {
		
		}
		
			.itinDay tr td.itItemAction a {
				color: #335630;
				
			}
	
	.itinDay .itinDayLow {
		background-image: url(/images/itinerary/itinboxlow.png);
	}

div.itinDayAlt div.itinDayTop { background-image: url(/images/itinerary/itinboxtopY.png); }
div.itinDayAlt div.itinDayMid { background-image: url(/images/itinerary/itinboxmidY.png); }
div.itinDayAlt div.itinDayLow { background-image: url(/images/itinerary/itinboxlowY.png); }


.addItemItinTbl {
	
}

.addItemItinTbl select, .addItemItinTbl input {
	width: 100px;
}


.threeColArea {
	overflow: hidden; _overflow: visible; _height: 1px;
	text-align: center;
}

	.threeColArea .col {
		text-align: left;
		width: 31%;
		padding: 5px;
		border: solid 1px red;
	}

	.threeColArea .colLeft {
		float: left;
	}
	.threeColArea .colRight {
		float: right;
	}
	.threeColArea .colCenter {
		margin-left: auto;
		margin-right: auto;
	}	
	
.btnGroup 
{
    padding-bottom: 15px;
}	

/* ****** Add an Attraction Interface ********** */

.hedBox {
	border: solid 1px #e9e9e9;
	background-color: #F4FCF3;
}

.addAttrFormHolder * {
	margin: 0; padding: 0;
}


.colorWYSIWYG table 
{
    background-color: #fff;
}

.attSidebar div {
	width: 290px;
}


.attSBDetails {
	padding: 5px;
	font-size: 11px;
}

.attSBDetails address {
	width: 49%;
}

.attSBDetails .ad1 {
	float: left;
}
.attSBDetails .ad2 {
	float: right;
}

.attSBDetails p {
	font-size: 10px;
	padding-top: 10px;
}



.availBanner, .mainAddIface {
	margin: 0 317px 0 0;
	color: #333;
}

.availBanner {
	color: #666;
	font-size: 11px;
	background-image: url(/images/vcblogosmall.png);
	background-repeat: no-repeat;
	background-position: 450px center;
	height: 45px;
	padding: 5px;
	margin-bottom: 15px;
}

.availBanner .p1 {
	float: left; _display: inline;
	width: 215px;
	text-align: center;
	margin-left: 10px;
}

.availBanner .p1 span {
	display: block;
	font-weight: bold;
	text-align: center;
}

.availBanner .p2 {
	float: right; _display: inline;
	width: 145px;
	margin-right: 190px;
	text-align: center;
}

.mainAddIface {
	padding: 5px;
	overflow: hidden; _height: 1px; _overflow: visible;
	width: 605px; _width: 593px;
}

.mainAddIface .colLeft, .mainAddIface .colRight {
	width: 49%;
}

.mainAddIface .colLeft {
	float: left;
}
.mainAddIface .colRight {
	float: right;
}


.mainAddIface h3, .attSidebar h3 {
	font: bold 16px Georgia, "Times New Roman", Times, serif;
	padding: 3px;
	color: #005500;
	margin-bottom: 5px;
}



.mainAddIface p {
	margin: 0 0 10px 0;
}

.mainAddIface .datePicker {
	border-bottom: solid 1px #e9e9e9;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.mainAddIface .datePicker label {}
.mainAddIface .datePicker input {}

.mainAddIface .datePicker a {
	position: relative;
	top: 6px;
}


.mainAddIface .allDayPick {
	width: 120px;
	padding: 2px;
}

.mainAddIface .allDayPick input {
	position: relative;
	top: -2px;
}	


.orSep {
	margin: 5px 0;
	padding-left: 40px;
	color: #999;
	font-style: italic;
}

.mainAddIface .timePicker {
	
}	

.mainAddIface .timePicker label {
	width: 67px;
	float: left;
}

.mainAddIface .timePicker .shiftIn {
	display: block;
	margin-left: 70px;
	margin-bottom: 10px;
}

.mainAddIface .timePicker select {
	width: 128px;
}

.mainAddIface .timePicker span.shiftIn {
	position: relative;
	top: -6px;
	font-size: 11px;
	color: #999;
}


.mainAddIface .addToOldItin {
	padding: 1px 4px;
}

.mainAddIface .addToOldItin select {
	width: 158px;
}

.mainAddIface .startNewItin {
	padding: 3px;
}


.mainAddIface .extraInfo {
	margin: 40px 18px 0 18px;
	font-size: 10px;
}

.mainAddIface .extraInfo h4 {
	font: bold 12px Georgia, "Times New Roman", Times, serif;
	margin-bottom: 8px;
	color: #050;
	text-align: center;
}


.mainAddIface .extraInfo p {
	text-align: center;
}







.randItins li {
	float: left;
	width: 30%;
	margin: 0 15px 15px 0;
}


.altItinPicker 
{
    float: right;
    width: 300px;
    text-align: right;
}

.altItinPicker p 
{   
    text-align: right;
    font-weight: bold;
}




/**** Blog Astuff *******/

.adminCallout {
	height: 50px;
}

.adminCallout a {
	float: left;
	margin: 0 15px 0 0;
	background-color: #F2FFF0;
	color: #555 !important;
	border: solid 1px #e9e9e9;
	padding: 3px 6px;
	text-decoration: none;
}
.adminCallout a:hover 
{
    border-color: #32542E;
    color: #333 !important;
}

.adminTable {
	border-collapse: collapse;
	border: solid 1px #e9e9e9;
	width: 99%;
}	

.adminTable tr.altRow {
	background-color: #F7F7F5;
}

.adminTable th, .adminTable td {
	padding: 8px 5px;
	border: solid 1px #e9e9e9;
	border-width: 0 1px 0 0;
}

.adminTable th {
	border-bottom: solid 1px #e9e9e9;
	background-color: #F4FCF3;
	color: #050;
}











.topnav a 
{
    white-space: nowrap;
    text-align: right;
    border-bottom: sold 1px #808080;
}





.comconfirm 
{
    background-color: #ffe;
    border: dashed 1px #789376;
    padding: 5px;
    font-weight: bold;
    color: #333;
    margin-bottom: 15px;
}


.entryTitle 
{
    background: #fff url(/images/entryTitleTop.png);
    padding-top: 7px;
    position: relative;
    _height: 1px;
    margin: 0 0 11px 0;
}

.entryTitle span 
{   
    position: absolute;
    right: 7px; 
    bottom: 5px;
    color: #666;
}

.entryTitle h3
{
    background: #fff url(/images/entryTitleLow.png) left bottom;
    margin: 0;
    padding: 0 0 10px 10px;
}


.entrySummary 
{
    background: #fff url(/images/entrySumTop.png);
    padding-top: 7px;
    position: relative;
    _height: 1px;
    margin: 0 0 11px 0;
}

.entrySummary p 
{
    background: #fff url(/images/entrySumLow.png) left bottom;
    margin: 0;
    padding: 5px 15px 15px 15px;
    color: #284224;
    font: normal 14px Georgia, sans-serif;
    text-align: center;
}


.erMesPara 
{
   
    color: Maroon;
}