/* ------------------ GLOBAL ------------------ */
html, body { padding: 0; margin: 0; }
body { background: #E3E2D6 url(../images/bodyBG.gif) 0 top repeat-x; text-align: center; }
.hidden { display: none; }
.center { text-align: center; margin: 0 auto; }
.printOnly { display: none; }

/* ------------------ GLOBAL > TYPOGRAPHY ------------------ */
p, h1, h2, h3, ul, ol, li, label, a, th, td { font-family: georgia, serif; font-weight: normal; padding: 0; margin: 0; color: #333; }
p, ul, ol, li, label, a, td, th { font-size: 14px; line-height: 20px; margin: 0; }
p, ul, ol, label { padding: 0 0 10px 0; }
h1 { font-size: 24px; padding: 24px 0 16px 0; line-height: 24px; color: #611515; text-align: left; }
h2 { font-size: 14px; padding: 14px 0 7px 0; line-height: 14px; color: #611515; font-weight: bold; }
h3 { font-size: 11px; padding: 11px 0 6px 0; line-height: 11px; font-weight: bold; text-transform: uppercase; }
th { font-weight: bold; }
a { color: #611515; }
a:hover { color: #611515; } 

/* ------------------ GLOBAL > LISTS ------------------ */
ul, ol { margin: 0 0 0 30px; }
li { padding: 0 0 5px 0; }

/* ------------------ GLOBAL > TABLES ------------------ */
table { padding: 0; border: 1px solid #999; margin: 10px auto 5px auto; }
th, td { padding: 5px; margin: 0; text-align: center; line-height: 12px; }
th { background: #eee; border-bottom: 1px solid #999; }
th.left { text-align: left; }
th.right { text-align: right; }
td.left { text-align: left; }
td.right { text-align: right; }

/* ------------------ GLOBAL > FORMS ------------------ */
form { padding: 0; margin: 0; }
.text { border: 1px solid #999; width: 160px; }
textarea { border: 1px solid #999; width: 540px; }

/* ------------------ GLOBAL > IMAGES ------------------ */
img { border: none; }
img.right { float: right; border: 1px solid #611515; margin: 0 0 0 30px; }
img.left { float: left; border: 1px solid #611515; margin: 0 30px 0 0; }
img.small { border: 1px solid #611515; }
img.thumb { border: 1px solid #611515; margin: 9px; }

/* ------------------ CONTAINER ------------------ */
#container { width: 752px; margin: 6px auto 0 auto; text-align: left; }

/* ------------------ SECTION1 ------------------ */
#section1 { float: left; width: 752px; height: 32px; background: url(../images/containerBG.gif) 0 0 repeat-y; }
#section1.welcome img { float: left; width: 40px; height: 25px; margin: 7px 0 0 315px; }
#section1.reservations img { float: left; width: 149px; height: 32px; margin: 0 0 0 518px; }
#section1.guest-rooms img { float: left; width: 240px; height: 32px; margin: 0 0 0 502px; }
#section1.photo-gallery img { float: left; width: 70px; height: 28px; margin: 4px 0 0 561px; }
#section1.about img { float: left; width: 18px; height: 33px; margin: 0 0 0 474px; }

/* ------------------ SECTION2 ------------------ */
#section2 { float: left; width: 752px; height: 155px;}
#section2 .shadowLeft { float: left; width: 10px; height: 155px; background: url(../images/shadowTopLeft.gif) 0 0 repeat-y; }
#section2 .shadowRight { float: left; width: 10px; height: 155px; background: url(../images/shadowTopRight.gif) 0 0 repeat-y; }
#header { float: left; width: 732px; height: 155px; }
#logo { float: left; width: 236px; height: 155px; background: url(../images/logo.jpg) 0 0 no-repeat; }
#banner { float: left; width: 496px; height: 155px; background: url(../images/banners/bannerStatue.jpg) 0 0 no-repeat; }

/* ------------------ SECTION3 ------------------ */
#section3 { float: left; padding: 0 10px; background: url(../images/containerBG.gif) 0 0 repeat-y;
	width: 752px; voice-family: "\"}\""; voice-family: inherit; width: 732px; }
html>body #section3 { width: 732px; }

/* ------------------ SIDEBAR ------------------ */
#sidebar { float: left; padding: 30px 0 30px 1px; width: 235px; voice-family: "\"}\""; voice-family: inherit; width: 236px; }
html>body #sidebar { width: 236px; }
#sidebar ul { list-style: none; padding: 0; border-top: 1px solid #9DABB8; border-bottom: 1px solid #CFDCE5; margin: 0 0 30px 0; }
#sidebar li { padding: 0; margin: 0; }
#sidebar li a { display: block; width: 215px; padding: 11px 20px 7px 0; border-top: 1px solid #CFDCE5; border-bottom: 1px solid #9DABB8;
	font-size: 12px; line-height: 12px; font-weight: bold; text-align: right; color: #5A7385; text-decoration: none; background: #BCCBD7; 
	width: 235px; voice-family: "\"}\""; voice-family: inherit; width: 215px; }
html>body #sidebar li a { width: 215px; }
#sidebar li a:hover, #sidebar li.active a { color: #fff; background: #95A8B6; }
#sidebar img.decoration { margin: 0 auto; }

/* ------------------ CONTENT ------------------ */
#content { float: left; padding: 10px 38px 20px 38px; width: 489px; voice-family: "\"}\""; voice-family: inherit; width: 419px; }
html>body #content { width: 419px; }

/* ------------------ SECITON4 ------------------ */
#section4 { float: left; padding: 0 0 8px 55px; background: url(../images/containerBG.gif) 0 0 repeat-y; 
	width: 752px; voice-family: "\"}\""; voice-family: inherit; width: 697px; }
html>body #section4 { width: 697px; }


/* ------------------ SECTION5 ------------------ */
#section5 { float: left; width: 732px; height: 20px; padding: 0 10px; background: url(../images/containerBG.gif) 0 0 repeat-y; }
#footer { float: left; width: 732px; height: 20px; background: #611515; }
#footer p {font-family: verdana, sans-serif; font-size: 9px; line-height: 9px; padding: 5px 0 0 0; color: #B08A8A; text-align: center; }

/* ------------------ SECTION6 ------------------ */
#section6 { float: left; width: 752px; height: 10px; }
#section6 .shadowLeft { float: left; width: 10px; height: 10px; background: url(../images/shadowBottomLeft.gif) 0 0 no-repeat; }
#section6 .shadowMiddle { float: left; width: 732px; height: 10px; background: url(../images/shadowBottom.gif) 0 0 repeat-x; }
#section6 .shadowRight { float: left; width: 10px; height: 10px; background: url(../images/shadowBottomRight.gif) 0 0 no-repeat; }