BODY {margin: 0; padding: 0;
font-family: Verdana, sans-serif;
background-color: #FFFDEF}

BODY, P, UL, LI {font-size: 100%} /* reset back to default */


H1 {font-size: 150%;
color: #333333}
H2 {font-size: 130%;
color: #ff6600;
margin: 10px}
H3 {font-size: 110%;
color: #ff6600;
margin: 10px}
#formPost H3 {margin: 10px 0}
.hotelHeader {background-color: #fff7b9;
padding: 0.3em 0.5em;
border-bottom: 1px dashed #cccccc;
margin-bottom: 1em}

P, LI {font-size: 80%}

A {color: #0000ff}
A:visited {color: #000066}
A:hover {color: #cc3333}

.header {font-size: 90%;
margin: 5px}




/***************************** containers */

/* main container */
#Container {width: 840px;
text-align: left}

/* left div for text and tabs */
#ContainerLeft {width: 480px;
padding: 0 10px;
float: left;}

/* right div for gallery */
#ContainerRight {width: 310px;
margin: 0 0 0 500px;}

.whiteContainer {background-color: #FFFDEF;
border-bottom: 1px dashed #999999;
border-top: 1px dashed #999999;
padding-top: 10px}

/* for prices page */
#pricesContainer {width: 500px;
padding: 0 10px;
float: left;}

#formContainer {width: 300px;
margin: 0 0 0 520px;}

#hotlineContainer {margin: 10px}

.yellowContainer {border: 1px dashed #cccccc;
background-color: #fff7b9;
padding: 10px}

#Text {}
#Text P {line-height: 1.5}

#Tabs {}


/**************************** tabs headers */

#TabsHeader { 
float:left;
display: none;
background: url("/graphics/tabs/border_transparent.gif") repeat-x bottom;
width: 100%}
#TabsHeader UL {
margin: 0; 
padding: 10px 0 10px 0;
list-style:none;}
#TabsHeader LI {float:left;
background: url("/graphics/tabs/inactive_right.gif") no-repeat right top;
margin:0 1px 0 0;
padding:0;
list-style:none;} 
#TabsHeader A {text-decoration: none; 
font-weight: bold;
font-size: 13px;
color: #000080;
background: url("/graphics/tabs/inactive_left.gif") no-repeat left top;
padding:5px 15px 4px;
display:block;}

#TabsHeader .activeTab {background-image:url("/graphics/tabs/active_right.gif");}
#TabsHeader .activeTab a {background-image:url("/graphics/tabs/active_left.gif");
padding-bottom:5px;}

#TabsHeader A:visited {color: #333333}



/**************************** tabs content */

/*#TabsContent {padding: 0; margin: 0}*/
#map {display: none}
.activeContent {background-color: #fff; padding: 10px;
border-bottom: 1px solid #93B1C5;
border-right: 1px solid #93B1C5;
border-left: 1px solid #93B1C5;
clear: both}



/**************************** tabs content */

.tabContent {background-color: #fff7b9; 
border: 1px solid #cccccc;
padding: 10px}




/**************************** gallery */

#Gallery {
width: 310px;
border: 1px solid #dddddd;
background-color: #fff7b9;
text-align: center;
margin-top: 10px}
#GalleryLinks {}
#MainImage {margin: 4px; }
.thumb {margin: 4px; }
#Gallery IMG {border: 1px solid #99ccff}


/**************************** form stuff */
#ButtonRequest {cursor:pointer}

/* right div for hidden form */

#formPost {width: 600px}
#RequestFormContent {}
#RequestFormContent FORM {padding: 0; margin-top: 10px}
#formErrors {color: red;
font-size: 13px}


.required {font-weight: bold; color: red} 
.requiredInput {background-color: #FFDFDF} 

#nonJsErrors {font-size: 13px; color: red}




/**************************** hacks */

/* stop dotted outline for firefox */
a:active, a:focus {outline: 0}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}