/* set all margins and pagging */


* {
margin: 0px;
padding: 0px;
}

body {
	font-family:  verdana, Arial, Helvetica, sans-serif;
	background-color: #fff;
	color: #fff;
	font-size: .8em;
	font-weight: normal;
	text-align: center;
	line-height: 1.5;
}

a {
color: #fff;
}

a:active {
color: #444120;
}

a:hover {
color: #444120;
}

table {
font-size:100%;
}

/* set all heading to same*/
h1, h2, h3, h4, h5, h6 {
display:block;
font-weight: normal;
color: #fff;
font-size: 110%;
margin: 5px 0px 15px 0px;
}

/* specific heading settings */
h1 {
font-size: 140%;
}

h2 {
font-size: 120%;
}

p {
margin: 10px 0px 10px 0px;
}

ul, ol {margin: 0px 0px 0px 30px;}

.bold {
font-weight: bold;
}

.red {
color: #f00;
}


/*comment */

.centre {
text-align: center;
}

table {
font-size:100%;
}

th, td {
padding: 2px 3px 2px 3px;
}

th {
background: #D2CE9C;
}

/* CALENDAR FORMATTING */
/* =================== */
#calendar {
position: relative;
width: 99%;
overflow: auto;
}

#calendar .month table {
border-collapse: collapse;
font-family: tahoma;
font-size: 100%;
margin: 0px auto 0px auto;
background: #fff;
}

#calendar .month th {
padding: 0px 3px 0px 3px;
width: 2em;
color: #000;
}

#calendar .month td {
padding: 0px 3px 0px 3px;
width: 2em;
color: #000;
}

.booked {
background: #a00;
color: #fff;
}

.free {
background: #efe;
font-weight: normal;
}

.prov {
background: #F4D084;
}

.na {
background: #ddd;
}

.we {
background: #ccc;
color: #333;
}

#calendar .month {
float: left;
position: relative;
height: 12em;
width: 17em;
border: 1px solid #000;
margin: 2px 5px 0px 0px;
text-align: center;
font-family: tahoma;
font-size: 0.8em;
}

#today {
border: 1px solid #f66;
}


/* define main page areas */
#container {
text-align: left;
position: relative;
width: 780px;
margin: 0px auto 20px auto;
background: #777;
}

#laperriere img {margin: 5px 0px 5px 10px;}

#header {
position: relative;
}

#topmenu1 {
position: relative;
border-left: 1px solid #000;
border-right: 1px solid #000;
margin: 0px 0px 0px 0px;
line-height: 1;
height: 21px;
background: #fff;
}

#topmenu1 ul {
display: block;
list-style-type: none;
margin: 0px;
}

#topmenu1 li {
display: block;
float: left;
width: 129px;
text-align: center;
}

#topmenu1 li a {
color: #444;
display: block;
margin: 0px 0px 0px 0px;
padding-top: 3px;
text-decoration: none;
font-size: 10pt;
height: 18px;
}

#topmenu1 li a:hover {
background: #C38FA8;
color: #fff;
}

#topmenu2 {
line-height: 1;
background: #C38FA8;
position: relative;
height: 20px;
}

#topmenu2 ul {
position: relative;
display: block;
list-style-type: none;
margin: 0px;
}

#topmenu2 li {
position: relative;
display: block;
float: left;
width: 120px;
text-align: center;
border: 0px;
}

/* make first menu item a tad wider to make list fill the width */
#topmenu1  #menuid {width: 133px;}


#topmenu2 li a {
color: #fff;
display: block;
margin: 0px 0px 0px 0px;
padding-top: 2px;
text-decoration: none;
font-size: 10pt;
height: 20px;
}

#topmenu2 li a:hover {
color: #fff;
}

#topmenu1 li a.thispage {
background: #C38FA8;
color: #fff;
}

#topmenu1 li a.thispage:hover {
background: #C38FA8;
color: #fff;
}

#topmenu1 li a.thispageonly {
background: #C38FA8;
}

#topmenu1 li a.thispageonly:hover {
background: #C38FA8;
color: #fff;
}

#topmenu2 li a.thispage {
color: #900;
}

#mainbody {
position: relative;
/* border: 1px solid #ddd; */
width: 100%;
overflow: auto;
margin: 10px 0px 0px 0px;
}

#content {
position: relative;
/* border: 1px solid #080; */
margin: 0px 270px 0px 10px;
}


#contentleft {
position: relative;
margin: 65px 0px 0px 40px;
width: 400px;
overflow: auto;
}

#contentleft img {
position: relative;
display: inline; float: left; margin: 0px 20px 20px 0px;
}

#contentleftb {
position: relative;
margin: 65px 0px 0px 50px;
width: 400px;
overflow: auto;
}

#contentleftb img {
position: relative;
display: inline; float: left; margin: 0px 0px 40px 0px;
}

#contentright {
float: right;
width: 300px;
margin: 10px 20px 0px 0px;
text-align: left;
display: inline;
}


#contentrwide {
position: relative;
margin: 0px 0px 0px 20px;
}
#floorplans {margin: 20px 0px 0px 150px;}

#sitemap {
margin: 10px 0px 10px 100px;
}

#menuright {
float: right;
/* border: 1px solid #080; */
width: 220px;
margin: 10px 0px 0px 0px;
text-align: left;
}

#menuright img {
position: relative;
display: block;
margin: 20px 20px 20px 0px;
}

.imgtext {
text-align: center;
border-top: 4px solid #000;
border-bottom: 4px solid #000;
z-index: 100;
position: relative;
margin: -40px 0px 20px 0px;
left: 5px;
width: 180px;
background: #fff;
}

#galleryleft {
position: relative;
margin: 30px 0px 0px 0px;
width: 335px;
}

#galleryright {
position: relative;
float: right;
width: 420px;
margin: 30px 0px 0px 0px;
text-align: left;
display: inline;
}

/* Gallery thumbnails */
/* ================== */
.thumbdiv {
position: relative;
display: inline; float: left; margin: 0px 0px 20px 20px;
width: 60px;
height: 60px;
overflow: hidden;
border: 1px solid #d1cacc;
}



#footer {
position: relative;
text-align: center;
margin: 10px 0px 10px 0px;
padding: 5px 0px 5px 0px;
border-top: 1px solid #000;
}

#footer ul {
display: block;
list-style-type: none;
}

#footer li {
display: inline;
}

#footer li a {
margin: 0px 10px 0px 10px;
padding-top: 5px;
text-decoration: none;
font-size: 90%;
}

.font1 {
font-family: arial;
}

.font2 {
font-family: tahoma;
}

.font3 {
font-family: "century gothic";
}

.font4 {
font-family: verdana;
}



/* menus as ul list so set-up look and feel */
#menuleft ul {
list-style-type: none;
margin: 0px 0px 10px 10px;
}

#menuleft ul li {
width: 100px;
margin-bottom: 5px;
}

#menuleft a:link {
text-decoration: none;
}

#menuleft a:visited {
text-decoration: none;
}

#menuleft a:active {
text-decoration: underline;
}

#menuleft a:hover {
text-decoration: underline;
}

.imagefr {
float: right;
margin: 0px 0px 10px 20px;
}

.imagefl {
float: right;
margin: 0px 20px 10px 0px;
}


form {
display:inline;
} 
input, textarea, select {
border: 1px solid #730B0A;
}

label {
font-weight: normal;
cursor: pointer;
}

.radio {
border: 0px;
}

.button {
cursor: pointer;
color: #000000;
font-size: 90%;
font-weight: bold;
border: 1px solid #730B0A;
background: #eee;
}

.mandatory {
color: #f00;
}

div.ptable {
overflow: auto;
width: 600px;
position: relative;
background: #cccccc;
border: 1px solid #730B0A;
color: #000000;
padding: 2px;
}

div.prow {
overflow: auto;
width: 100%;
margin: 0px 0px 0px 0px;
}

div.prow span.coll {
float: left;
width: 150px;
text-align: left;
} 
div.prow span.colr {
float: right;
width: 430px;
text-align: left;
}


.contactmessage {text-align: center; font-weight: bold;}


form#pmbws p		{
	margin-bottom		: 1.5em; 
}

form#pmbws input {
	display: block;
	}
	
form#pmbws input.noborder {
	border: 0px;	
	}

p label {
	width			: 10em; 
	display			: block;
	float			: left;
	cursor			: pointer;
	line-height: 1.3;
}

form#pmbws #submit 	{
	cursor			: pointer;
	position: relative;
	left			: 10em;
	width: 5em;
}

/* ------ error messages -------- */

form#pmbws p span.errorMsg {
	position		: relative;
	display			: block;
	float			: left;
	color			: #FF0000;
	left			: 10em; 
}


/* ------ validation option buttons -------- */

form#pmbws fieldset.validation_options {
	position		: absolute; 
	right			: 1000px;  
	/*bottom			: 0.5em;*/
	width			: 50%; 
	border			: 1px solid #C38FA8;
	padding			: 0.3em;
}