/* zero off the defaults to get a clean starting point*/
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, formfield {  
margin: 0; 
padding: 0; 
border: 0; 
}

body {
	font-size: 100.01%; /*fix for IE scaling error at small font sizes*/
	text-align: center;/* centers the wrapper in IE 5.x*/
	font-family:  Arial, Helvetica, sans-serif;
	color: #666;
	background-color: #004566;
}

/***** Begin laying out the wrappers *****/

#wrapper {
	margin: 0 auto;/*centers the wrapper in compliant browsers*/
	width: 771px;
	text-align: left;
	position: relative;/*set for the positioning of the nav*/
	background-image: url(images/bg.gif);
	background-repeat: repeat-y;
}


/***** Ends the wrappers *****/

/***** Begin laying out the headers *****/

#header { /* this is the top grey bar with green band for each page */
	margin: 0 auto;
	width: 760px;
	background-color: #006699;
	background-image: url(images/flash_bg.gif);
	text-align:center;
}


#menu { /* navigation buttons */
	margin: 0 auto;
	width: 760px;
	text-align: center;
	background-image: url(images/menu_bg.jpg);
	background-repeat: repeat-x;
}

/******* Begins content layout ***********/

#contentwrapper {
	margin: 0 0 0 6px;
	position: relative;
	text-align: left;
}


#content {
	float:right;
	width: 614px;
}

.left-element {
	float: left;
	display: inline;
	background-position: bottom left;
	padding-top: 50px;
}

.right-element {
	float: right;
}


 ul li {
	font-size: 90%;
	font-family:  Georgia, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
	list-style: disc outside;
	margin: 0 25px 0 45px;
	padding-top: 8px;
}

h1 {
	background: #000;
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: 135%;
	font-weight: normal;
	color: #FFF;
	Text-align: left;
	padding: 5px 6px 5px 5px;
	margin-right: 6px;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #016599;
	background: #EFF9F9;
	padding-left: 20px;
	left: 20px;
	border-bottom: 1px dotted #016599;
}

p {
	padding: 15px 10px 5px 10px;
	font-size: 0.9em;
}

.border { /* puts a 1 px border around the table */
	background-color: #E5E6E3;
	border: 1px solid #005E2F;
	color: #666;
}
/************ END TOP OF PAGE ITEMS *****************/


.smalltext {
	font-size: 75%
}

.imgpad_left {
	padding: 25px 10px 20px 5px;
}

.imgpad_right {
	padding: 10px 50px 20px 10px;
}



.bluetxt {
	color: #106599;
	font-weight: bold;
}
/****** Ends the content layout ********/

/*** for the form Reservations ***/
	.redTxt {
	color: #8B0000;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
}

.border {
	border: 1px solid #929EA9;
	font-size: 0.9em;
	background-color: #FFF;
}
/***** footers *****/

#footer {
	/*height: 34px;*/
	clear: both;
	width: 765px;
	height: 122px;
	background-color:#EEF9F9;
	background-image: url(images/footer_bg.jpg);
	background-repeat: repeat-x;
}


#footer p {
	font-size:80%;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 30px 0 0 0;
	color: #FFF;
}

#footer a {
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 30px 0 0 0;
	color: #FFF;
}


#bottomlinks {
	background-color: #666;
	color: #FFF;
	text-align: center;
	font-size: 80%;
	font-family: Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	padding-bottom: 10px;
}

#bottomlinks a {
	text-decoration: underline;
	color: #fff;
}

#bottomlinks a:visited {
	text-decoration: none;
	color: #000;
}

#bottomlinks a:hover {
	text-decoration: none;
	color: #CCC;
}




/***** Ends the footers ********/


