html {height:100%;}
body {
margin:0; 
padding: 0 ;
font-family:verdana;
color:#000000;
}
p 
{
	margin:0;
	padding:0 0 1em 0;
} 
hr {
	
	height:3px;
	padding:0;
	margin: 10px 0;
}
#wrap {
min-height:100%;
position:relative;
margin:0;
padding:0;
border:1px solid black;
max-width:1020px;
}
* html #wrap {height:100%}
#header {
background:#005E99;
margin:0; padding:0;
height:243px;

}
#header img {
	padding: 0;
	margin:0;
}
h1 {
	font-size: 18px;
	font-family: Verdana;
	margin: 0 0 1em 0;
	color:black;
	padding:0 0 5px 0;
	border-bottom:1px solid #005e9b;
}
h1.location {
	font-size: 18px;
	font-family: Verdana;
	margin: 0 0 1em 300px;
	color:black;
	padding:0 0 5px 0;
	border-bottom:1px solid #005e9b;
}
h2{
	font-size: 15px;
	font-family: Verdana;
	margin: 0;
	color:black;
	padding:0 0 5px 0;
}

.imageleft{

margin:1em 28px 0 0;
padding:0 28px;
float:left;
overflow:hidden;

}
.imageright{

margin:1em 0 0 28px;
padding:0 28px;
float:right;

}
img {
margin:0;
padding:0;
}
img.locationleft {
margin: 0.5em 1em 0 0.5em ;
padding:0;
}
img.locationright{
margin: 0.5em 1em 0 50px ;
padding:0;
}


#text {
margin:1.5em 350px 0 350px;
padding:0;
max-width:40em;

}
#text.terms {
margin:1.5em 250px 0 250px;
padding:0;
max-width:40em;

}
#text.contact {
margin:2em 0 0 19.5em;
}

#locationtext {
margin:2em 3em 2em 350px;
padding:0;
}
#inner-wrap {
padding:0 0 3em 0 ;
margin:0;
border-top:1px solid white;
}
/****** start of hack to stop the contained floated div from poking out of the containing div *****/
#inner-wrap:after{ 
content: "."; 
display: block; 
height: 0; 
font-size:0; 
clear: both; 
visibility:hidden; } 

#inner-wrap {display: inline-block;} 

/* Hides from IE Mac \*/ 
* html 
#inner-wrap{height: 1%;} 
#inner-wrap{display:block;}
 /* End Hack */ 	
/****** end of hack to stop the contained floated div from poking out of the containing div *****/	
/**** floated div out of the logic flow  ***/

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
/**** floated div out of the logic flow  ***/

#footer {
position:relative;
height:90px;
background-color: #002F4D;
padding:0;margin:0;
bottom:0;
text-align:center;
background: #002F4D url(images/footergrad.jpg) repeat-x top;
}
#footer p {
margin:0;
font-size: 10px;
color:white;
text-align:center;
}
#footer a {
color:white;
}
/* code for navigation menu */
#bar {
	background: #002F4D url(images/bargrad.jpg) repeat-x top;
	border-top: 1px #002F4D solid;
	padding:0;
	margin:0;
	background-color: #002F4D; 
	min-height: 3em;
	max-height:6em;
	text-align: left;
    }
#bar:after {
content:".";
display:block;
clear:both;
height: 0; 
clear: both; 
visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
/**** floated div out of the logic flow  ***/
#topnav {
	background: url(images/cornergrad.png) no-repeat left top;
    text-align: left;
	list-style: none;
	margin: 0;
	position:absolute;
	top:0;
	padding:0;
	right:0; 	
	}	
#footernav {
	padding:0;
    text-align: left;
	list-style: none;
	height: 2em; 
	width:45em;
	background: #002F4D url(images/footergrad.jpg) repeat-x top;
	margin:0 auto;
	}		
	
	
ul.nav {
	float: left;
	list-style: none;
	font-weight: bold;
	padding:.4em 0 ;
	margin: 0 0 0 19px;
	z-index: 1;
	background: url(images/topnavgrad.png) repeat-x;	
	}

ul.nav li{
	float: left;
	text-align:center;
	width: 7em;
	
    }
ul.nav a.youhere {
	text-decoration:underline;
	}
ul.nav a {
	display: block;
	text-decoration:none;
	color: #FFFFFF;
}
ul.nav a:hover{
	display: block;
	text-decoration:underline;
	color: #FFFFFF;
}

ul.nav li:hover, li.sfhover  {
	text-decoration:underline;
	color:#ffffff;
}
/** footer nav ***/
ul.footnav {
	
	list-style: none;
	font-weight: bold;
	padding:.4em 0 ;
	margin: 0 0 0 4em;
	z-index: 1;
	
	}

ul.footnav li{
	float: left;
	text-align:center;
	width: 7.5em;
	
    }

ul.footnav a {
	display: block;
	text-decoration:none;
	color: #FFFFFF;
	
}
ul.footnav a:hover{
	display: block;
	text-decoration:underline;
	color: #FFFFFF;
}

ul.footnav li:hover, li.sfhover  {
	text-decoration:underline;
	color:#ffffff;
}
/* Resform */
#resform {
	padding: 0.5em 0em 0.5em 1em;
    text-align: left;
	float: left;
	list-style: none;
	margin: 0;
	
}
#resform  ul {
	float: left;
	list-style: none;
	line-height: 1;
	font-weight: bold;
	padding: 0;
	margin: 0;
	z-index: 1;
	}

#resform  li {
	float: left;
	text-align:center;
	width: 11em;
	border:1px solid white;margin:0;padding:0; 
    }
#resform  li.check {
	width:22em;	
}
#resform  li.rooms{
	width:8em;	
	padding:0;
	margin:0;
}
#resform  li.resbutton{
	width:5em;	
	padding:0;
	margin:0;
}
select.res {
	padding:0;
	margin:0;
}
option.res {
	padding:0;
	margin:0;
}
li.end {
	float: left;
	text-align:center;
	width: 10em;
	border-left: 1px solid #ffffff; 
}	
	
#resform  a {
	display: block;
	text-decoration: none;
	color: #FFFFFF;
}
form.res {
	padding: 0;
	margin: 0;
}
form.res p {
	color: #ffffff;
	padding:.5em 0 0 2em;
	margin:0;
}
p.reshead {
	font:14px/22px verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	color:#FFFFFF;
	padding:0;
	margin:.5em 0 0 0em;
	float:left;
}
p.res {
	font:12px/22px verdana, arial, helvetica, sans-serif;
	color:#FFFFFF;
	padding:0;
	margin:0;
	float:left;	
}
input.resbutton {
	margin:0;
	padding:0;
	
}
#language {
	background: #002F4D url(images/topnavgrad.jpg) repeat-x;
	float:right;
	margin:0 0.2em 0 0;
	padding:0;
}
/***** Start- Fields for the booking engine  ******/
#bookingbody {
	margin:2em;
	padding:0;
	min-height:15em;
}
legend
{
color: #FFFFFF;
background: #002F4D;
border: 1px solid #005E9B;
padding: 2px 6px
}
label
{
width: 20em; 
float: left;
text-align: right;
margin: 0 .5em 1em 0;
display: block;
color:black;
padding: 0;
}
form#make {
	margin: 2em auto;
	border: 1px solid #005E9B;
	padding: 1em 3em;
	width:40em;
}	
fieldset
{
position:relative;
border: 1px solid #005E9B;
/* width: 40em; */
margin-top: 2em;
padding-top:2em;
}

#confirmtable {
	margin: 1em 12em;
	text-align: left;
}
#confirm {
width: 15em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block;
color:black;
border:3px solid black;
}
#confirmation p {height:1%;}
label.confirm {
width: 18em;
font-weight: bold;
background-color: #005E9B;
}
#confirmation {
	margin: auto;
	border: 1px solid #005E9B;
	padding: 1em 5em;
	overflow: hidden;
	width:35em;

}
input.paymentbutton {
	padding:0;
	margin: 2em auto 2em 22em;
}
/***** end - Fields for the booking engine  ******/