body {
	background-color: #EEEEEE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #336699;
}
.background_color{
	background-color: #E9ECF2;
}
.border {
	border: 1px solid #666666;
	
}

button {
	background-color: #0066CC;
	color: #FFFFFF;
}

input{
	background-color: #DDDDDD;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

td{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #000000;
	text-align: left;
	vertical-align: top;
	
}

.white{
	color: #FFFFFF;}
	
a {
	color: #444444;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}

th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #FFFFFF;
	border: 1px solid #666666;
	background-color: #999999;
}



.title {
	font-family: "Times New Roman", Times, serif;
  font-size: 24px;
	line-height: 30px;
  background-color: #003399;
	color: #DCDCDC;
}

.subtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
  color: #000000;
}

.header {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	border: 1px solid #000000;
	color: #FFFFFF;
}

.nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
  font-weight: bold;
	background-color: #CCCCCC;
}

.navLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color: #DEDECA;
}

.sidebar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	padding: 3px;
	background-color: #FFFFFF;
}

.sidebarHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: #FFFFFF;
	background-color: #339999;
}

.sidebarFooter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	background-color: #CCCCCC;
}

.footer {
  font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 22px;
	color: #333333;
	background-color: #CCCCCC;
}

.legal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
}

.box1 {
	border-color: #CCCCCC #333333 #333333 #CCCCCC;
	border-width: medium;
  border-style: ridge;
}

.promo {
	font-family: "Times New Roman", Times, serif;
	color: #000033;
}

.titlebar {
	font-family: "Times New Roman", Times, serif;
	font-size: 9px;
	color: #FFFFFF;
  background-color: #336699;
}

.dingbat {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #99CC99;
  color: #006666; 
	font-weight: bolder;
	font-size: medium;
}

a:hover {
	text-decoration: underline;
}

input.big {
	width: 100px;
}

input.small {
	width: 50px;
}

.red {
	color: #CC0000;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: -20px;
	margin-left: 0px;
}
.small {
	font-size: 10px;
	color: #666;
	margin-top: -20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.blue {color: #0000CC}

.black {color: #FFFFFF}

.select {
	background-color: #66FF33;
	margin: 30px;
	padding: 5px;
	border: 1px solid #000000;
}
li {
	margin: 0px;
	padding: 0px;
}

.booked {
	background-color: #FF8888;
	margin: 30px;
	padding: 5px;
	border: 1px solid #000000;
}
.booked_arrival {

	border: 0px;
	margin: 30px;
	padding: 0px;
	border: 1px solid #000000;
}
h3 {
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
h4 {
	
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.reserved_arrival {
	border: 0px;
	margin: 30px;
	padding: 0px;
	border: 1px solid #000000;
}
.available {
	border: 1px solid #000000;
	margin: 30px;
	padding: 5px;
	border: 1px solid #000000;
}
.selected_booked {
	background-color: #66FF33;
	margin: 30px;
	padding: 5px;
	border: 1px solid #000000;
}


.reserved {
	background-color: #FFCC33;
	margin: 30px;
	padding: 0px;
	border: 1px solid #000000;
}

.selected_reserved {
	background-color: #66FF33;
	margin: 30px;
	padding: 5px;
	border: 1px solid #000000;
}

.to_early {
	background-color: #CCCCCC;
	margin: 30px;
	padding: 5px;
	border: 1px solid #000000;
}

.pastDates {
	background-color: #CCCCCC;
	margin: 30px;
	padding: 5px;
	border: 1px solid #000000;
}

.b_blue {
	background-color: #0066CC;
	color: #FFFFFF;
}

.bground_lightGrey {
	background-color: #CCCCCC;
}
.bground_darkGrey {
	background-color: #AAAAAA;
}

h5 {
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
}
h2 {
	font-size: 14px;
	border: 1px solid #000033;
	padding: 8px;
}
.box {
	background-color: #FFFFFF;
	margin: 30px;
	padding: 5px;
	border: 1px solid #000000;
}

.yellowBox {
	background-color: #FFFFCC;
	margin: 30px;
	padding: 5px;
	border: 1px solid #000000;
}
.boxStyle {
	margin: 30px;
	padding: 5px;
}

h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	font-weight: lighter;
	margin: 0px;
	padding: 0px;
}
.submit {
	color: #FFFFFF;
	background-color: #0033CC;
	border: 1px solid #000000;
}

#vertmenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	padding: 0px;
	margin: 0px;
	background-color: #FFFF00;
	font-weight: bold;
}

#vertmenu h1 {
	display: block;
	background-color:#CC6633;
	font-size: 90%;
	padding: 3px 0 5px 3px;
	border: 1px solid #000000;
	color: #333333;
	margin: 0px;
	text-decoration: blink;
}

#vertmenu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
#vertmenu ul li {
margin: 0px;
padding: 0px;
}
#vertmenu ul li a {
	font-size: 110%;
	display: block;
	border-bottom: 1px dashed #C39C4E;
	padding: 5px 0px 2px 4px;
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}

#vertmenu ul li a:hover, #vertmenu ul li a:focus {
color: #000000;
background-color: #eeeeee;
}

ul {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 15px;
	font-size: 12px;
	vertical-align: middle;
	list-style-position: inside;
	margin: 5px;
	padding:5px;
}

#tablist{
padding: 3px 0;
margin-left: 0;
margin-bottom: 0;
margin-top: 0.1em;
font: lighter 10px Verdana;
border-bottom: 1px solid gray;
}

#tablist li{
list-style: none;
display: inline;
margin: 0;
}

#tablist li a{
text-decoration: none;
padding: 3px 4em;
margin-right: 10px;
border: 1px solid #778;
border-bottom: none;
background: #CCCCCC;
}

#tablist li a:link, #tablist li a:visited{
	color: navy;
}

#tablist li a:hover{
color: black;
background: lightyellow;
border-color: navy;
}

#tablist li a.current{
	background: #666666;
	font-size: 100%;
	font-weight: bold;
	color: #FFFFFF;
}

.vertmenu {
	font-family: Arial, Helvetica, sans-serif, Tahoma;
	font-size: 100%;
	width: 160px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	list-style-type: none;
}

.vertmenu ul li {
padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left:15px;
}
.vertmenu ul li a {
font-size: 100%;
display: block;

padding: 5px 0px 2px 4px;
text-decoration: none;
color: #666666;
width:160px;
}

.vertmenu ul li a:hover, #vertmenu ul li a:focus {
color: #000000;
background-color: #eeeeee;
}

.vertmenuCurrent {
color: #000000;
background-color: #FFFFFF;
}

.dhtmlgoodies_tree li a, #floatingContainer li a{	/* Node links */
	font-size: 100%;
	padding: 5px 0px 2px 4px;
	text-decoration: none;
	color: #666666;
	width:140px;
}

.dhtmlgoodies_tree a:hover,#floatingContainer a:focus {	
	color: #222222;
	background-color: #EEEEEE;
}

.dhtmlgoodies_tree,#floatingContainer{
	color: #222222;
	padding:0px;
}
.dhtmlgoodies_tree ul{ /* subfolders */
	font-size: 100%;
	line-height: 110%;
	display: block;
	padding: 5px 0px 5px 4px;
	text-decoration: none;
	color: #111111;
	width:140px;
	margin-left:15px;
	padding-left:0px;
	display:none;
	
}
	
#floatingContainer ul{
	color: #222222;
	margin-left:15px;	/* Left spacing */
	padding-left:0px;
}
.dhtmlgoodies_tree li,#floatingContainer li{	/* Nodes */
	color: #222222;
	list-style-type:none;
	vertical-align:middle;
}

.dhtmlgoodies_tree li a.highlightedNodeItem{
	color: #222222;
	background-color:#222222;
}
	
.dhtmlgoodies_tree input.folderTreeTextBox{	/* Css for the text input - rename item */
	font-size:100%;
	margin:0px;
	padding:0px;
	height:20px;
}
.rowaccent1 {
	background-color: #CCCCCC;
}

.rowaccent2 {
	background-color: #999999;
}
.rowaccentR {
	background-color: #AAAA00;
}
.rowaccentG {
	background-color: #66AA66;
}
.clean {
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

.calWhite {
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
	border: 0px;
}
.calBlack {
	background-color: #000;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

.calRed {
	background-color: #F00;
	margin: 0px;
	padding: 0px;
	border: 0px;
}
/* floating windows */
.dhtmlwindow{
position: absolute;
border: 2px solid black;
visibility: hidden;
background-color: white;
}

.drag-handle{ /*CSS for Drag Handle*/
padding: 1px;
text-indent: 3px;
font: bold 14px Arial;
background-color: #CA0000;
color: white;
cursor: move;
overflow: hidden;
width: auto;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 1px;
top: 2px;
cursor: hand;
cursor: pointer;
}

* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
width: 100%;
}


.drag-contentarea{ /*CSS for Content Display Area div*/
border-top: 1px solid brown;
background-color: white;
color: black;
height: 150px;
padding: 2px;
overflow: auto;
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
border-top: 1px solid gray;
background-color: #F8F8F8;
height: 13px; /*height of resize image*/
}


.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 13px; /*width of resize image*/
height: 13px; /*height of resize image*/
cursor: nw-resize;
font-size: 0;
}
/* end of floating windows */