
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: 130%;
color: #333333}
H2 {font-size: 130%;
color: #ff6600;
margin: 10px}
H3 {font-size: 110%;
color: #ff6600}
H4 {font-size: 100%;
color: #0066ff;
margin: 0px 0 10px 0}
#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}




/***************************** containers */

/* main container */
#Container {width: 980px;
text-align: left}

/* left div for text and tabs */
#ContainerLeft {width: 400px;
padding: 0;
float: left;}

/* right div for gallery */
#ContainerRight {width: 380px;
margin: 0 0 0 460px;}

.whiteContainer {background-color: #FFFDEF;
border-bottom: 1px dashed #999999;
border-top: 1px dashed #999999;
padding-top: 10px}

.legal {background-color: #fff;
border: 1px solid #ccc;
margin-bottom: 5px}

/* for prices page */
#pricesContainer {
padding: 0 10px;
float: left;}

#formContainer {width: 300px;
margin: 0 0 0 520px;}

#hotlineContainer {margin: 10px}


#facts {margin: 10px}
.header {background-color: #fff; 
border-bottom: 1px solid #ccc; 
padding: 5px;
font-size: 18px;
color: #f60}
#Text {margin: 0 10px}
.interpagelinks {text-align: left; margin-left: 10px}

/**************************** gallery */

#Gallery {
width: 380px;
text-align: center;
border: 1px solid #dddddd;
background-color: #fff7b9;}
#GalleryLinks {}
#MainImage {}
.thumb {margin: 4px}
#Gallery IMG {border: 1px solid #99ccff}
#GalleryHolder {margin: 10px 4px}
#GalleryLinksAjax {padding: 0}


/**************************** form stuff */
#ButtonRequest {cursor:pointer}

/* right div for hidden form */

#formPost {width: 230px}
#RequestFormContent {}
#RequestFormContent FORM {padding: 0; margin-top: 10px}
#formErrors {color: red;
font-size: 13px}

.yellowContainer {border: 1px dashed #cccccc;
background-color: #fff7b9;
padding: 10px}


.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;
}

