/**************************************************
*** UNIVERSAL ************************************/
html {
	scrollbar-base-color: #000000;
	scrollbar-arrow-color: #000000;
	scrollbar-3dlight-color: #525151;
	scrollbar-darkshadow-color: #525151;
	scrollbar-face-color: #525151;
	scrollbar-highlight-color: #525151;
	scrollbar-shadow-color: #525151;
	scrollbar-track-color: #000000;
	}
body {
	background: #000000 url(/images/backgrounds/bg-gradient.jpg) top repeat-x;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	scrollbar-base-color: #000000;
	scrollbar-arrow-color: #000000;
	scrollbar-3dlight-color: #525151;
	scrollbar-darkshadow-color: #525151;
	scrollbar-face-color: #525151;
	scrollbar-highlight-color: #525151;
	scrollbar-shadow-color: #525151;
	scrollbar-track-color: #000000;
	}
p {
	margin: 15px 0px 0px 0px;
	padding: 0px;
	}

/**************************************************
*** BACKGROUNDS **********************************/
#homepage {
	width: 840px; 
	margin: 0 auto; 
	padding: 20px 0px 20px 0px;
	text-align:center;
	}

#innerpage {
	width: 760px; 
	margin: 0 auto; 
	padding: 20px 0px 20px 0px; 
	}

/**************************************************
*** MAIN SECTION DIV IDs *************************/
#header {
	width: 760px;
	height: auto;
	margin: 0px;
	padding: 0px;
	text-align: center;
	clear: both;
	}
#body {
	width: 760px;
	margin: 0px;
	padding: 0px;
	font: 8pt arial;
	color: #a3a3a3;
	text-align: center;
	clear: both;
	}
#footer {
	width: 760px;
	height: auto;
	margin: 0px;
	padding-top: 15px;
	font: 8pt arial;
	color: #3f3f3f;
	text-align: center;
	clear: both;
	}

/**************************************************
*** HEADER DIV IDs *******************************/
#logo {
	width: 245px; 
	float: left; 
	font: 8pt arial;
	color:#888888;
	background-image:url(/images/backgrounds/ccr-logo-inner.gif);
	background-position:center;
	background-repeat:no-repeat;
	}
#spacer {
	width: 258px;
	height: 33px;
	float: left;
	}
#datepicker {
	width: 257px; 
	padding: 6px 0px 0px 0px; 
	float: left;
	font: 7pt arial;
	color: #ffffff;
	text-transform: uppercase;
	text-align: left;
	}

/**************************************************
*** HOMEPAGE BODY DIV IDs ***********************/
#homeContainer {
	width: 1040px;
	height:auto;
	margin:0 auto;
	}

#leftBg {
	width:100px;
	height:550px;
	background-image:url(/images/backgrounds/left-bg.png);
	float:left;
	margin-top:115px;
	background-position:center;
	}
#rightBg {
	width:100px;
	height:550px;
	background-image:url(/images/backgrounds/right-bg.png);
	float:left;
	margin-top:115px;
	background-position:center;
	}
#homepageHome {
	width: 840px; 
	margin: 0 auto; 
	padding: 20px 0px 20px 0px;
	text-align:center;
	float:left;
	}
#bodyHome {	
	width: 840px;
	margin: 0px;
	padding: 0px;
	font: 8pt arial;
	color: #a3a3a3;
	text-align: center;
	clear: both;
	}
#navHome {
	width: 840px;
	height: 24px;
	background-image: url(/images/backgrounds/navbar.jpg);
	padding-top: 6px;
	text-align:center;
	}
#navHome a { text-decoration: none; color:#FFF; font-size: 11px; margin:0 12px; }
#navHome a:hover { text-decoration: none; color:#f1be1d; font-size: 11px; }

#leftPods {
	width: 190px;
	height: auto;
	padding: 0px 25px 0px 10px;
	font: 8pt arial;
	color: #a3a3a3;
	text-align: left;
	float: left;
	}
#bodyContent_home {
	background-image: url(/images/backgrounds/bottom-content.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	width: 840px;
	height: 380px;
	font: 8pt arial;
	color: #a3a3a3;
	text-align: left;
	float: left;
	}
#rightPods {
	width: 190px;
	height: auto;
	padding: 0px 10px 0px 25px;
	font: 8pt arial;
	color: #a3a3a3;
	text-align: left;
	float: left;
	}
#newsletterBG_home {
	width: 540px;
	height: 93px;
	padding: 20px 0px 0px 300px;
	text-align: left;
	clear: left;
	}
#headerHome {
	width: 840px;
	height: auto;
	margin: 0px;
	padding: 0px;
	text-align: center;
	clear: both;
	}	
#footerHome {
	width: 840px;
	height: auto;
	margin: 0px;
	font: 8pt arial;
	color: #3f3f3f;
	text-align: center;
	}
#logoHome {
	width: 300px; 
	float: left; 
	font: 8pt arial;
	height:40px;
	color:#888888;
	}
#spacerHome {
	width: 250px;
	height: 33px;
	float: left;
	}
#middleContent {
	width: 840px;
	height: 180px;
	background-color:#3e3e3e;
	display:block;
	color: #fff;
}
#bottomContent {
	width :840px;
	height:120px;
	background-image:url(/images/backgrounds/bottom-bg.jpg);
	background-repeat:no-repeat;
}
#emailbox {
	width: 395px;
	height: 100px;
	padding-top: 40px;
	padding-left: 23px;
	float: left;
}
#socialbox {
	width: 355px;
	height: 100px;
	padding-top: 40px;
	padding-left:55px;
	float: left;
}	
#hotelPackages {
	clear:left;
	width:790px;
	height:18px;
	text-align:right;
	background: url(/images/datepicker/air-packages-bg.png) no-repeat top right;
	padding-top:7px;
	padding-right: 50px;
}
#datepickerHome {
	width: 257px; 
	padding: 0px 0px 0px 0px; 
	float: left;
	font: 7pt arial;
	color: #ffffff;
	text-transform: uppercase;
	text-align: left;
	}
#headerContainer {
	width:840px;
	background-image:url(/images/backgrounds/ccr-logo.gif);
	background-position:left;
	background-repeat:no-repeat;
}
/**************************************************
*** INNERPAGE BODY DIV IDs ***********************/
#navigation {
	width: 175px;
	height: auto;
	padding-right: 15px;
	text-align: left;
	float: left;
	}
#bodyContent_innerpages {
	background: #363636 url(/images/layout/innerpages_BodyImage.jpg) no-repeat top center;
	width: 340px;
	height: auto;
	min-height: 500px;
	padding: 10px 20px 20px 20px;
	font: 8pt arial;
	color: #a3a3a3;
	text-align: left;
	float: left;
	}
#bannersPods {
	width: 190px;
	height: auto;
	float: left;
	}
#newsletterBG_innerpages {
	background: url(/images/layout/innerpages_BodyCurvedBottom.gif) no-repeat top center;
	height: 93px;
	width: 470px;
	padding: 20px 0px 0px 290px;
	text-align: left;
	clear: both;
	}
#navigation_bottomLinks {
	padding: 15px;
	text-align: left;
	}
	
/**************************************************
*** NAVIGATION ***********************************/
#navigationBorder {
	background-color: #282828;
	border: 1px solid #575757;
	padding: 3px;
	width: 165px;
	}
#navigationContainer {
	width: 135px;
	background-color: #f1be1d;
	padding: 5px 15px 15px 15px;
	}
#navigationContainer2 {
	width: 135px;
	background-color: #f1be1d;
	padding: 5px 15px 5px 15px;
	}
#navigationHomeContainer {
	width: 135px;
	padding: 5px 0px 15px 11px;
	}
.navigation a {
	color: #000000;
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
	font: 9pt arial;
	text-decoration: none;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000000;
	}
.navigation a:hover {
	color: #ffffff;
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
	font: 9pt arial;
	text-decoration: none;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ffffff;
	}
#subNavigationContainer {
	width: 124px;
	padding-left: 11px;
	padding-bottom: 15px;
	}
.subNavigation a {
	color: #464646;
	padding-top: 2px !important;
	padding-bottom: 2px !important;
	display: block;
	font: 8pt arial;
	text-decoration: none;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #464646;
	}
.subNavigation a:hover {
	color: #ffffff;
	padding-top: 2px !important;
	padding-bottom: 2px !important;
	display: block;
	font: 8pt arial;
	text-decoration: none;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ffffff;
	}
	
/**************************************************
*** TABLE INFO PAGE ******************************/
.tableBorder {
	width: 100%;
	border-top: 1px dotted #707070;
	padding: 15px 0px 0px 0px;
	font-family: arial;
	font-size: 8pt;
	color: #a3a3a3;
	margin: 0px;
	}
.tnImage {
	float: left;
	width: 94px;
	padding: 0px 10px 0px 0px;
	}
.graphicButton {
	padding-right: 234px;
	height: 25px;
	text-align: right;
	}
.infoTitle {
	float: left; 
	width: 107px; 
	font-family: arial;
	font-size: 8pt;
	font-weight: bold;
	color: #ffffff;
	text-align: right; 
	line-height: 14pt;
	height: inherit;
	}
.info {
	float: left; 
	padding-left: 5px; 
	font-family: arial;
	font-size: 8pt;
	color: #a3a3a3;
	line-height: 14pt;
	height: inherit;
	}
.info2 {
	width: 224px;
	float: left; 
	padding: 3px 0px 0px 5px; 
	font-family: arial;
	font-size: 8pt;
	color: #a3a3a3;
	line-height: normal;
	height: inherit;
	}
.desc_main {
	float: left;
	width: 230px;
	font-family: arial;
	font-size: 8pt;
	color: #a3a3a3;
	}
.desc_restaurants {
	clear: both; 
	padding: 15px 0px 0px 112px;
	font-family: arial;
	font-size: 8pt;
	color: #a3a3a3;
	}
.desc_headliners {
	clear: both; 
	padding: 15px 0px 15px 0px;
	margin: 0px 0px 0px 112px;
	border-bottom: 1px dotted #707070;
	font-family: arial;
	font-size: 8pt;
	color: #a3a3a3;
	}
.desc_accommodations {
	clear: both; 
	padding: 15px 0px 15px 0px;
	margin: 0px 0px 0px 112px;
	border-bottom: 1px dotted #707070;
	font-family: arial;
	font-size: 8pt;
	color: #a3a3a3;
	}
.buttons {
	clear: both; 
	padding: 15px 0px 0px 112px;
	font-family: arial;
	font-size: 8pt;
	color: #a3a3a3;
	}
.actionLine {
	padding: 15px 0px 0px 112px;
	font-family: arial;
	font-size: 8pt;
	color: #a3a3a3;
	}
.clear {
	clear: both; 
	height: 1px !important;
	}
