body{
	/*padding: 0px;
	margin: 0px;*/
	
	width: 1200px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 2px;
	border-style: solid;
	border-width: 1px;
	border-color: #2FB1FF;
}


h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-style: italic;
	letter-spacing: -0.06em;
	color: #0089E0;
	text-align: left;
	margin-bottom: 0.1em;
}

h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-style: italic;
	color: #0089E0;
	text-align: left;
	margin-bottom: 0;
}

h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style:italic;
	color: #0089E0;
	text-align: left;
	margin-bottom: 0;
}


p{
  margin-top: 0px;
}



div.main{
	width: 1200px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 2px;
	border-style: solid;
	border-width: 1px;
	border-color: #2FB1FF;
}

div#top{
  position:relative;
  padding:0px;
  height:100px;
  margin-bottom: 10px;
  background-color: #DFDFFF;
}

div#container{
  overflow:hidden;
}

div#leftarea{
	width: 200px;
	height: 100%;
	margin-left:2px;
	margin-right:2px;
	margin-bottom:2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	float: left;
}

div#bannerarea{
  width: 975px;
	margin-left: 210px;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	/*font-family: Goudy, serif;*/
}

div#centerarea{
  width: 975px;
	margin-left: 210px;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	/*font-family: Goudy, serif;*/
}

div#centerarea li{
  margin-left: -25px;
}


div#rightarea{
	width: 0px;
	height: 100%;
	float: right;
}


div.buttonboxouter{
  background-color: #0089E0;
  padding: 2px;
  float: right;
}

div.buttonboxinner{
  color: #F6F6FF;
  background-color: #0089E0;
  font-size: 16pt;
  text-decoration: none;
  padding: 2px;
  border: 1px solid #F6F6FF;
}


div.buttonboxouter :hover{
  color: #0089E0;
  background-color: #F6F6FF;
  font-size: 16pt;
  text-decoration: none;
  padding: 2px;
}


a.buttonbox{
  float: right;
  text-decoration: none;
  margin:10px;
}


div.imagebox{
  border: 2px solid #2FB1FF;
  margin: 5px;
  /*width: 190px;*/
  float: right;
  padding: 5px;  
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

div.imagebox img{
  width: 190px;
  text-align: center;
}


div.imagebox h3, div.inlinebox h3{
  font-size: 1.1em;
	color: #0089E0;
	text-align: left;
	margin-bottom: 0.1em;
	margin-left: 0px;
	margin-top: 5px;
}

div.infobox h3{
  letter-spacing: 0em;
  font-size: 1em;
	color: #0089E0;
	text-align: left;
	margin-bottom: 0.1em;
	margin-left: 0px;
	margin-top: 5px;
}

div.infobox h3 a:link, div.infobox h3 a:visited, div.infobox h3 a:active, div.infobox h3 a:hover{
  color: #0089E0;
}

div.inlineboxcontainer{
  overflow:hidden;
}

div.inlinebox{
  width: 130px;
  margin-right: 10px;
  margin-top: 5px;  
	padding: 0px 5px 0px 5px;
	color: #000000;
	background-color: #F6F6FF;//#C8FFC8;//#ECF5D6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	float:left;
}

div.inlinebox h3{
	font-style:normal;
}

div.inlinebox img{
  width: 130px;
  text-align: center;
}


div.infobox{
  background-color: #F6F6FF;
	color: #000000;
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	border-style: solid;
	border-width: 2px;
	border-color: #2FB1FF;
	width: 145px;
	margin-bottom: 20px;
}

div.infobox h1, div.menubox h1{
  background-color: #0089E0;
	color:#F6F6FF;
	font-size: 1.2em;
	font-style:normal;
	margin-top: -4px;
	margin-left: -4px;
	margin-right: -4px;
	margin-bottom: 2px;
	padding-left: 4px;
}

div.infobox h2, div.menubox h2{
  font-size: 1em;
  font-weight: bold;
}

div.infobox ul{
  margin-top: 4px;
  margin-bottom: 4px;
}

div.infobox li{
  margin-left: -25px;
}

div.menubox{
  background-color: #F6F6FF;
  color: #0089E0;
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #2FB1FF;
	width: 145px;
	margin-bottom: 20px;
}

div.menubox h1{
	margin-bottom: 5px;
	padding-left: 2px;
}

div.menubox ul{
  margin: 0px;
  padding: 0px;
	list-style-type: none;
}

div.menubox a:link, div.menubox a:visited, div.menubox a:active, div.menubox a:hover{
  color: #0089E0;
}

.price{
  font-size: 1.5em;
  font-weight: bolder;
  color: #0089E0;
  text-align: center;
  margin-top: 7px;
}

.book{
  font-size: 1.2em;
  font-weight: bolder;
  color: #0089E0;
  text-align: center;
  margin-top: 5px;
}

.book a:link, .book a:visited, .book a:active, .book a:hover{
  color: #0089E0;
}

table.calendar{
	width: 100%;
}

.calendar div{
	width: 100%;
	height: 100%;
}
.calendarRow a{
	text-decoration: none;
}

tr.calendarRow{
	color: #0089E0;
}

/*tr.calendarRow:hover{
	background-color: #0089E0;
	color:#F6F6FF;
}*/

.calendarHeader, .calendarHeader a, .calendarHeader a:link, .calendarHeader a:visited, .calendarHeader a:active, .calendarHeader a:hover{
	color:#0089E0;
	text-align: center;
}



.calendarFree{
	background-color: #00FF00;
}

.calendarEmpty{
	background-color:#DDDDDD;
}

.calendarOccupied{
	background-color: #FF0000;
}

.color0{
	background-color: #DDDDDD;
}

.color1{
	background-color: #FF0000;
}

.color2{
	background-color: #00FF00;
}

.color3{
	background-color: #0000FF;
}

.color4{
	background-color: #FFFF00;
}

.color5{
	background-color: #FF00FF;
}

.color6{
	background-color: #00FFFF;
}

.color7{
	background-color: #8A2BE2;
}

.color8{
	background-color: #FFEBCD;
}

.color9{
	background-color: #8FBC8F;
}

.color10{
	background-color: #FF1493;
}

.color11{
	background-color: #DAA520;
}

table.information{
  color: #000000;
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 20px;
	vertical-align: top;
	text-align: left;
}

table.information th{
	font-size: 1.2em;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #000000;
}

table.information th.secondary{
  padding-top: 25px;
}

table.information td{
	vertical-align: top;
	padding-right: 5px;
}

table.information td.dist{
  text-align: right;
}

table.information td.dot{
  text-align: center;
}

table.information a:link, table a:visited, table a:active, table a:hover{
  color: #000000;
}

div.sitemap ul{
  color: #000000;
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
}

div.sitemap ul a:link, div.sitemap ul a:visited, div.sitemap ul a:active, div.sitemap ul a:hover{
  color: #000000;
}

.loading{
  font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #0089E0;
	text-align: left;
}

.noborder{
  border-width: 0px;
  padding: 0px;
  /*font-size: 12px;*/
}

.date{
	text-align:right;
}

/**
* Formtable classes
*/

.formtable {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;	
}

.formtable td{
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;	
	padding-right: 10px;
}

.formtable .labelcolumn{
}

.formtable .fieldcolumn{
	vertical-align: middle;	
}

.formtable .errorcolumn{
	color: #FF0000;
}

.formtable .buttoncell{
	text-align: right;
}

.arrangementTable td{
	padding: 10px;
	vertical-align: top;
}

.error{
	color: #FF0000;
}

.disabled{
	color: gray;
}

/*******************************
 * Buttons-style               *
 ******************************/


/**
 * The div surrounding navigation buttons.
 */
.navigation_buttons
{
	position:					relative; 
	width:						400px;
	margin-bottom:		55px;
}

/**
 * The div surrounding a single navigation button.
 */
.navigation_button 
{
	border:	none;
	background-color: transparent;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	line-height: 30px;
	/*position: absolute;*/
}

/**
 * The actual navigation button.
 */
.navigation_button a   
{
	line-height: 13px;
	margin: 0px 0px 0px 0px;
	padding: 2px 20px 2px 20px;
	text-align: center;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	border-right: #D6DFF7 1px solid;
	border-top: #D6DFF7 1px solid;
	border-left: #D6DFF7 1px solid;
	border-bottom: #D6DFF7 1px solid;
	background-color: #0089E0;
	color: #F6F6FF !important;
}

/**
 * Active navigation button.
 */
.navigation_button a:active 
{
  font-weight:      bold; 
}

/**
 * Mouseovered navigation button.
 */
.navigation_button a:hover 
{
  font-weight:      bold;
  border-right: 		#000000 1px solid;
  border-top: 			#000000 1px solid;
  border-left: 			#000000 1px solid;
  border-bottom: 		#000000 1px solid;
  background-color: #F6F6FF;
  color: #0089E0 !important;
}

table .buttoncellleft{
	width: 33%;
	text-align: left;
}

table .buttoncellcenter{
	width: 33%;
	text-align: center;
}

table .buttoncellright{
	width: 33%;
	text-align: right;
}

/**
* Infotable classes
*/

.infotable {
}

.infotable .boldCell{
	font-weight: bold;
}


.infotable th{
	text-align: left;
	background-color: #DFDFFF;
}

.infotable .doubleline{
	border-bottom-width: thin;
	border-bottom-style: double;
	border-bottom-color: #000000;
}

.centerCell{
	text-align: center;
}

/* begin css tabs */

ul#tabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 1em 0 1em 0; /* set margins as desired */
font: bold 11px verdana, arial, sans-serif; /* set font as desired */
border-bottom: 1px solid #215DC6; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { /* do not change */
display: inline;
margin-left: 0px;
}

ul#tabnav li.tabActive{ /* settings for selected tab */
border-bottom: 1px solid #F9F8F8; /* set border color to page background color */
background-color: #FFFFFF; /* set background color to match above border color */
}

ul#tabnav li.tabActive a{ /* settings for selected tab link */
background-color: #FFFFFF; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #215DC6; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #DFDFFF; /* set unselected tab background color as desired */
color: #666; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
background: #FFFFFF; /* set desired hover color */
}

/* end css tabs */