body
{
	font-family: "Times New Roman", Serif;
	background-color: #8998a0;
	margin: 0;
}

img
{
	border: none;
}

h1
{
	color: #000066;
	font-weight: bold;
	font-size: xx-large;
	margin-top: 5px;
}

h2
{
	color: #000066;
	font-weight: bold;
	font-size: x-large;
}

h3
{
	color: #000066;
	font-weight: bold;
	font-size: medium;
	padding-bottom: 0;
	margin-bottom: 0;
}

a
{
	text-decoration: none;
}

strong
{
	color: #000066;
}

abbr
{
	text-decoration: none;
	border-bottom: none;
}

#container
{
	width: 825px;
	margin: 0 auto;
}

#header
{
	text-align: center;
	background-color: #000066;
}

.headerLogo
{
	margin: 0 auto;
	padding: 20px 0;
}

#menu
{
	border-top: solid 2px #ffffff;
	border-bottom: solid 2px #ffffff;
	background-color: #000066;
	height: 37px;
}

#menu ul
{
	margin: 0;
	padding: 7px 0 0 10px;
}

#menu ul li
{
    margin: 0;
    padding: 0;
    display: inline;
    list-style-type: none;
}

#menu ul a
{
    float: left;
    margin: 0 6px;
    line-height: 24px;
    text-decoration: none;
    font-weight: bold;
    color: #ffffff;
    font-size: larger;
}

#menu ul li a:link.current, a:visited.current
{
    border-bottom: solid 6px #ffffff;
    font-weight: bold;
}

#menu ul a:hover
{
    color: #8998a0;
}

.divSpacer
{
	background-color: #000066;
	height: 10px;
	padding: 0;
	margin: 0;
	clear: both;
}

#divBody
{
	background-color: #FFFFFF;
	padding: 10px 0;
	margin: 0;
}

#innerBody
{
	padding: 0 20px;
}

#footer
{
	background-color: #000066;
	border-top: solid 1px #8988a0;
	border-bottom: solid 1px #ffffff;
}

#footer p
{
	text-align: center;
	padding: 5px 0;
	margin: 0;
	color: #8988a0;
	font-weight: bold;
	font-size: large;
	border-top: solid 1px #ffffff;
	border-bottom: solid 1px #8988a0;
}

#strap
{
	background-color: #000066;
	color: #FFFFFF;
}

#strap p
{
	text-align: center;
	font-style: italic;
	font-weight: bold;
	font-size: large;
	padding: 20px 0;
	margin: 0;
}

#idFooter p
{
	padding: 0;
	margin: 0;
	font-size: small;	
	text-align: center;
	color: #000066;
}

.left2of3
{
	float: left;
	width: 530px;
	margin-right: 20px;
	clear: left;
}

.right1of3
{
	float: left;
	width: 225px;
}

.right1of3 img,
.right1of6 img
{
	border: solid 1px #000066;
	margin: 4px;
}

#weddingPics img
{
	margin: 14px 0 12px 15px;
	margin-left: 15px;
}

.left5of6
{
	float: left;
	width: 630px;
	margin-right: 20px;
	clear: left;
}

.right1of6
{
	float: left;
	width: 125px;
}

.outandabout p
{
	padding: 0;
	margin: 0;
}

.availableRooms p
{
    margin: 0;
    padding: 0;
}

.room img, .unavailableRoom img, .functionRoom img
{
    margin-right: 10px;
}

.room
{
    border: solid 1px #000066;
    margin: 0 0 10px 0;
    height: 66px;
}

.functionRoom
{
    border: solid 1px #000066;
    margin: 0 0 10px 0;
    height: 175px;
}

.functionRoom ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}



.unavailableRoom
{
    border: solid 1px Gray;
    margin: 0 0 10px 0;
    height: 66px;
    color: Gray !important;
}

.unavailableRoom strong
{
    color: Gray !important;
}

.dataTable
{
    border-collapse: collapse;
}

.dataTable .col1
{
    width: 100px;
}

.dataTable .col2
{
    width: 15px;
    text-align: center;
}

.dataTable .col3
{
    width: 500px;
}

.resTable
{
    border-collapse: collapse;
}

.resTable .col1
{
    width: 120px;
    vertical-align: top;
    padding-top: 8px;
}

.resTable .col2
{
    width: 15px;
    vertical-align: top;
    padding-top: 8px;
}

.resTable .col3
{
    width: 240px;
    font-weight: bold;
    vertical-align: top;
    padding-top: 8px;
}

.resTable .col4
{
    width: 120px;
    vertical-align: top;
    padding-top: 8px;
}

.resTable .col5
{
    width: 15px;
    vertical-align: top;
    padding-top: 8px;
}

.resTable .col6
{
    width: 240px;
    font-weight: bold;
    vertical-align: top;
    padding-top: 8px;
}

.aHelp
{
    cursor: help;
}

.canxHeader
{
    width: 250px;
    padding: 5px;
    border-left: solid 2px #000066;
    border-right: solid 2px #000066;
    border-top: solid 2px #000066;
    background: #000066;
    color: #ffffff;
    font-weight: bold;
}

.canxBody
{
    width: 250px;
    padding: 5px;
    border-left: solid 2px #000066;
    border-right: solid 2px #000066;
    border-bottom: solid 2px #000066;
    background: #8998a0;
    color: #ffffff;
}

#divHelp
{
    width: 250px;
    padding: 5px;
    border: double 2px #000066;
    background: #8998a0;
    color: #ffffff;
    position: absolute;
}

.ErrorMessage
{
    color: Red;
    font-weight: bold;
    text-align: center;
}

.photoGallery
{
    margin-top: 10px;
    clear: left;
    
}

.thumbnail
{
	padding: 3px 3px 8px 3px;
	background-color: #222;
	border: 1px solid #000;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

#photoScroller
{
	margin-left: 10px;
	height: 242px;
	overflow: hidden;
}

#photoScroller img
{
	background-color: #fff;
	zoom: 1;
	filter:
		progid:DXImageTransform.Microsoft.DropShadow(color=#969696, offx=1, offy=1)
		progid:DXImageTransform.Microsoft.DropShadow(color=#C2C2C2, offx=1, offy=1)
		progid:DXImageTransform.Microsoft.DropShadow(color=#EFEFEF, offx=1, offy=1);
}

.gallery
{
	border: solid 1px #b8b8b8;
	padding: 10px;
	margin-bottom: 20px;
	clear: both;
	height: 301px;
	overflow: hidden;
}

.galleryTitle
{
	float: left;
	font-weight: bold;
	font-size: larger;
	color: #000066;
}

.controls
{
	float: right;
}

.controls img
{
	vertical-align: bottom;
	cursor: pointer;
}

.pageIndex .page
{
	font-size: 14px;
	color: #000066;
	cursor: pointer;
}

.pageIndex .sel
{
	font-weight: bold;
}

#infoWindow p
{
	margin: 0 0 6px 0;
	padding: 0;
}

#directionsPanel
{
	overflow: auto;
	width: 785px;
	margin-bottom: 20px;
}

.resLeft
{
    width: 385px;
    float: left;
    margin-right: 25px;
}

.resRight
{
    width: 370px;
    float: left;
}