@charset "utf-8";
/* CSS Document */

/* MAIN */
body {background-image:url(../images/background.jpg); background-repeat:repeat; font-family: Arial, Helvetica, sans-serif; font-size:12px; margin:0; padding:0; text-align:left; color:#000000;}
body a img {text-decoration: none; border: none; font-weight: bold;}
body a:hover {text-decoration: none;}
#fauxBody {float: left; display: inline; margin: 0; padding: 0; background-image: url(../images/header.jpg); background-repeat: repeat-x; width: 100%; height: 100%; min-height: 100%;}
#container {margin: 0 auto; padding: 0; background: none; width: 800px; text-align: center;}
#content {float: left; display: inline; width: 100%; height: auto; text-align: left;}

/* HEADER */
#header {width:100%; height:190px;}
#header-content {margin:0px auto 0px auto; width:800px; height:130px;}
#logo {margin:0; padding: 0; width:400px; height:130px; float:left; display: inline; }
#logo img {float: left; display: inline; margin: 0; }
#header-space {width: 240px; height: 130px; margin: 0; padding: 0; float: left; display: inline; }
#donate {margin:0; width:150px; height:130px; float:right; display: inline; }
#donate img {float: right; display: inline; margin: 0; text-align: right;}

/* NAVIGATION */
#navigation {margin: 0; padding: 0; height:40px; width: 100%; }
#navigation ul {list-style: none; margin: 15px 0 0 0; padding: 0; font-size: 15px; text-align: center; width: 800px;}
#navigation li {float: left; display: inline; margin: 0; padding: 0 35px 0 35px;}
#navigation a {color: #fff; text-decoration: none; font-weight: bold;}
#navigation a:hover {color: #b0a278;}
 
/* SIDE NAVIGATION-HOME PAGE */
#side-bar {float: left; display: inline; margin: 0; padding: 0; width: 270px; text-align: left;}
#side-bar-nav {float: left; padding: 6px 0 0 0; margin: 6px 0 5px 10px; width: 229px; border-right: 20px #2D2312 solid; border-top: 1px solid #2D2312; border-left: 1px solid #2D2312; border-bottom: 1px solid #2D2312; background: #59471A;}
#side-bar-nav p {margin: 0 0 10px 46px;}
#side-bar-nav a {color: #fff; text-decoration: none; }
#side-bar-nav a:hover {color: #c35817;}
.side-nav-item {border-bottom: 1px solid #8c784d;}
.side-nav-item-last {border-bottom: none;}
#side-bar-nav h3 {font-size: 14px; margin: 10px 5px 10px 15px; padding: 5px 5px 5px 30px; background: url(../images/fleurdelis.jpg) 0 0 no-repeat; color: #fff;}
#side-bar-nav h3.last {margin: 10px 5px 10px 5px; padding: 5px 5px 5px 30px; background: url(../images/fleurdelis.jpg) 0 0 no-repeat; color: #fff;}
#side-bar-nav h3:hover {color: #c35817;}
#side-bar-nav ul {margin: 0 0 10px 1px; list-style: none; }
#side-bar-nav li {margin: 0; padding: 5px; line-height: 20px; font-size: 14px;}


/* BOOK A GROUP FORM */
#side-bar-nav .bookImg {margin: 0 5px 0 0; padding: 0 0 0 10px; width: 16px; height: 16px; vertical-align: text-bottom;}
#side-bar-nav form {color: #fff; margin: 0 5px 0 10px; padding: 0; font-size: 11px;}
#side-bar-nav .formCalendar {z-index: 1000; margin: 0; padding: 0; display: inline;}
#side-bar-nav .button {background: #06F url(../images/book-button.jpg) no-repeat; color: #fff; border: none; width: 80px; height: 20px; margin: 0 0 0 79px; padding: 0 0 3px 0; font-size: 10px; font-weight: bold; cursor: pointer;}
#side-bar-nav label {width: 80px; display: block; float: left; margin-top: 4px; color: #fff;}
.bookTextField {width: 115px; font-size: 10px; margin: 2px 0 0 0;}
.dateTextField {width: 65px; font-size: 10px; margin: 2px 0 0 0; background-color: #CCC;}
.numberTextField {width: 40px; font-size: 10px; margin: 2px 0 0 0;}

/* SIDE NAVIGATION-SECONDARY PAGES */
#secondary-side-nav {float: left; display: inline; padding: 6px 0 0 0; margin: 6px 0 5px 10px; width: 229px; background: #59471A; border-right: 20px #2D2312 solid; border-top: 1px solid #2D2312; border-left: 1px solid #2D2312; border-bottom: 1px solid #2D2312;}
#secondary-side-nav a{color: #fff; text-decoration: none; font-weight: bold; }
#secondary-side-nav a:hover {color: #c35817;}
#secondary-side-nav ul {list-style: none; font-size: 14px; margin: 0; padding: 0;}
#secondary-side-nav li {margin: 0;  padding: 3px 0 2px 45px; line-height: 30px;}
.second-nav-item {margin: 0 0 0 15px; border-bottom: 1px solid #8c784d;}
.second-nav-item-last {border-bottom: none;}
.second-nav-item-active {border-bottom: 1px solid #8c784d; background: url(../images/fleurdelis.jpg) 10px 4px no-repeat;}
.second-nav-item-last-active {border-bottom: none; background: url(../images/fleurdelis.jpg) 10px 4px no-repeat;}
#tour-biloxi {width: 270px; height: 80px; float: left; display: inline; margin: 7px 0 0 0;}
#tour-restore{width: 270px; height: 80px; float: left; display: inline; margin: 7px 0 0 0;}

/* SIDE CORK */
#side-bar-cork {margin: 3px 0 0 -3px; padding:0; width:270px; height:188px; background-image:url(../images/corkboard.jpg); background-repeat:no-repeat; float:left; display: inline; }
#cork_buttons {float:left; display: inline; margin:0; padding:0; width:165px; height:90px;}
#date{float:right; display: inline; margin:0; padding:0; width:105px; height:120px; color: #000000;}
#date a {color: #000000; text-decoration: none;}
#date a:hover {color: #000000;}
.day {font-size: 50px; font-weight: bold; margin: 35px 0 0 0; text-align: center; width: 85px;}
.month {font-size: 11px; font-weight: bold; margin: -10px 0 0 5px;}
#tv{float:left; display: inline; margin:0; padding:0; width:150px; height:100px;}
.biloxi_button{margin:10px 0 0 10px;}
.restore_button{margin:10px 0 0 -10px; position:relative;}

/* SIDE CONNECTED */
#side-bar-connected {float:left; display: inline; margin: 3px 0 0 5px; padding:0; width:250px; text-align: left;}
#side-bar-connected h4 {font-size: 18px; font-weight: bold; margin: 10px 0 5px 20px; padding: 0; text-align: center; text-transform: uppercase;}
#side-bar-connected-column1 {float: left; display: inline; }
#side-bar-connected-column2 {float: right; display: inline; }
/*links*/
#side-bar-connected ul li {line-height: 25px; margin: 0 0 0 -35px; padding: 0px; list-style: none; }
#side-bar-connected-column1 ul #facebook a {padding: 3px 0 2px 25px; margin: 0; background: url(../images/connected/facebook.jpg) 0 -20px no-repeat; color: #fff; text-decoration: none; }
#side-bar-connected-column1 ul #facebook a:hover {color: #c35817; text-decoration: none; background-position: 0 0;}
#side-bar-connected-column1 ul #twitter a {padding: 3px 0 2px 25px; margin: 0; background: url(../images/connected/twitter.jpg) 0 -20px no-repeat; color: #fff; text-decoration: none; }
#side-bar-connected-column1 ul #twitter a:hover {color: #c35817; text-decoration: none; background-position: 0 0;}
#side-bar-connected-column1 ul #myspace a {padding: 3px 0 2px 25px; margin: 0; background: url(../images/connected/myspace.jpg) 0 -20px no-repeat; color: #fff; text-decoration: none; }
#side-bar-connected-column1 ul #myspace a:hover {color: #c35817; text-decoration: none; background-position: 0 0;}
#side-bar-connected-column1 ul #flickr a {padding: 3px 0 2px 25px; margin: 0; background: url(../images/connected/flickr.jpg) 0 -20px no-repeat; color: #fff; text-decoration: none; }
#side-bar-connected-column1 ul #flickr a:hover {color: #c35817; text-decoration: none; background-position: 0 0;}
#side-bar-connected-column1 ul #linkedin a {padding: 3px 0 2px 25px; margin: 0; background: url(../images/connected/linkedin.jpg) 0 -20px no-repeat; color: #fff; text-decoration: none; }
#side-bar-connected-column1 ul #linkedin a:hover {color: #c35817; text-decoration: none; background-position: 0 0;}
#side-bar-connected-column1 ul #digg a {padding: 3px 0 2px 25px; margin: 0; background: url(../images/connected/digg.jpg) 0 -20px no-repeat; color: #fff; text-decoration: none; }
#side-bar-connected-column1 ul #digg a:hover {color: #c35817; text-decoration: none; background-position: 0 0;}
#side-bar-connected-column2 ul #eons a {padding: 3px 0 2px 25px; margin: 0; background: url(../images/connected/eons.jpg) 0 -20px no-repeat; color: #fff; text-decoration: none; }
#side-bar-connected-column2 ul #eons a:hover {color: #c35817; text-decoration: none; background-position: 0 0;}
#side-bar-connected-column2 ul #eventful a {padding: 3px 0 2px 25px; margin: 0; background: url(../images/connected/eventful.jpg) 0 -20px no-repeat; color: #fff; text-decoration: none; }
#side-bar-connected-column2 ul #eventful a:hover {color: #c35817; text-decoration: none; background-position: 0 0;}
#side-bar-connected-column2 ul #youtube a {padding: 3px 0 2px 25px; margin: 0; background: url(../images/connected/youtube.jpg) 0 -20px no-repeat; color: #fff; text-decoration: none; }
#side-bar-connected-column2 ul #youtube a:hover {color: #c35817; text-decoration: none; background-position: 0 0;}
#side-bar-connected-column2 ul #msnspaces a {padding: 3px 0 2px 25px; margin: 0; background: url(../images/connected/msn.jpg) 0 -20px no-repeat; color: #fff; text-decoration: none; }
#side-bar-connected-column2 ul #msnspaces a:hover {color: #c35817; text-decoration: none; background-position: 0 0;}
#side-bar-connected-column2 ul #RSS a {padding: 3px 0 2px 25px; margin: 0; background: url(../images/connected/rss.jpg) 0 -20px no-repeat; color: #fff; text-decoration: none; }
#side-bar-connected-column2 ul #RSS a:hover {color: #c35817; text-decoration: none; background-position: 0 0;}
#side-bar-connected-column2 ul #eNewsletter a {padding: 3px 0 2px 25px; margin: 0; background: url(../images/connected/email.jpg) 0 -20px no-repeat; color: #fff; text-decoration: none; }
#side-bar-connected-column2 ul #eNewsletter a:hover {color: #c35817; text-decoration: none; background-position: 0 0;}
#side-bar-connected-column2 ul #facebook-restore a {padding: 3px 0 2px 25px; margin: 0; background: url(../images/connected/facebook-restore.jpg) 0 -20px no-repeat; color: #fff; text-decoration: none; }
#side-bar-connected-column2 ul #facebook-restore a:hover {color: #c35817; text-decoration: none; background-position: 0 0;}


/* CONTENT */
#regularContent label {float: left; display: inline; width: 75px; font-weight: bold; margin: 0 0 0 20px;}
#regularContent .contactFormText {width: 200px; border: 1px solid #666;}
#regularContent .contactFormTextArea {width: 200px; height: 100px; border: 1px solid #666;}
#regularContent .tellFriendTextArea {width: 300px; height: 200px; border: 1px solid #666;}
#regularContent .button {background: #06F url(../images/contact-button.jpg) no-repeat; color: #fff; border: none; width: 100px; height: 35px; margin: 10px 0 0 90px; padding: 0 0 3px 0; font-size: 15px; font-weight: bold; cursor: pointer; }
#regularContent .contactFormCheckbox {margin: 10px 0 0 90px;}
#picture-frame {background-image:url(../images/picture_frame.jpg); background-repeat:no-repeat; margin: 0; padding: 0; width:530px; height:330px; float:left;}
#picture {width:498px; height:298px; margin:15px; border: 1px solid #ddd;}
#secondary-frame {background-image: url(../images/secondary-frame.jpg); background-repeat:no-repeat; margin: 3px 0 0 0; padding: 0; width:528px; height:250px; float:right;}
#secondary-picture {width:505px; height:225px; margin:12px 0 0 12px; border: 1px solid #ddd;}
#double-frame {width: 530px; height: 270px; margin: 0; padding: 0; float: left;}
#recentPosts{float:right; width:520px; padding: 0; margin: 10px 0 0 0; text-align: left;}
#recentPosts p {margin: 0 10px 10px 10px; line-height: 18px;}
#recentPosts a {color: #fff; font-weight: bold; text-decoration: none;}
#recentPosts a:hover {color: #c35817; font-weight: bold; text-decoration: none;}
#recentPosts h5 {color: #FFFFFF; font-weight: bold; font-size: 12px; line-height: 14px; margin: 10px 0 0 10px;}
.more {float: right; margin: 0; padding: 0;}
#contentBox{float:left; margin: 0 0 0 2px; padding: 0 0 0 5px; width:250px; min-height:200px; background-image:url(../images/content_box.jpg); background-repeat:no-repeat;}

#contentHeader{float:left; width:230px; height:34px; font-size:15px; font-weight:bold; line-height:34px; margin:5px 0 5px 10px; color: #FFFFFF;}
#regularContentTop {float: right; width: 528px; height: 5px; padding: 0; margin: 3px 0 0 0; background-image: url(../images/regContBgTop.jpg); background-repeat:no-repeat;}
#regularContent {float: right; width: 528px; min-height: 450px; padding: 0; margin: 0; background-image:url(../images/regContBgMid.jpg); background-repeat: repeat-y;}
#regularContentBot {float: right; width: 528px; height: 5px; padding: 0; margin: 0; background-image: url(../images/regContBgBot.jpg); background-repeat:no-repeat;}
#regularContent h1{font-size: 20px; font-weight: bold; line-height: 24px; margin: 10px 0 10px 12px; color: #8B1D05; text-align: left;}
#regularContent h2{font-size: 16px; font-weight: bold; line-height: 20px; margin: 20px 0 0 13px; color: #8B1D05; text-align: left;}
#regularContent h3{font-size: 14px; font-weight: bold; line-height: 18px; margin: 20px 0 0 13px; color: #8B1D05; text-align: left;}
#regularContent h4{font-size: 12px; font-weight: bold; line-height: 16px; margin: 20px 0 0 13px; color: #8B1D05; text-align: left;}
#regularContent p {line-height: 24px; margin: 0 15px 15px 15px;}
#regularContent a {color: #59471A; font-weight: bold; text-decoration: none;}
#regularContent a:hover {color: #c35817; font-weight: bold;}
#regularContent hr {height: 1px; margin: 0 15px 0 15px; color: #c35817;}
.smallImageRight {background-image: url(../images/small-frame.jpg); background-repeat: no-repeat; padding: 11px; margin: 0 15px 15px 0; float: right;}
.smallImageLeft {background-image: url(../images/small-frame.jpg); background-repeat: no-repeat; padding: 11px; margin: 0 0 15px 15px; float: left;}
.tourImage {background-image: url(../images/tour-frame.jpg); background-repeat: no-repeat; margin: 0 -15px 0 -9px; padding: 14px; float left;}
.mugshot {background-image: url(../images/mug-shot.jpg); background-repeat: no-repeat; margin: 10px 0 15px 0; padding: 10px; float left;}
#regularContent ul {list-style: none; margin: 0 0 0 15px;}
#regularContent li {line-height: 20px;}
#regularContent-nav {float: left: width: 528px; margin: 0; padding: 0; text-align: left;}
#regularContent-nav ul {list-style: none; margin: 15px 0 0 0; padding: 0; font-size: 12px; text-align: center; width: 528px;}
#regularContent-nav li {float: left; margin: 0; padding: 0 15px 0 15px;}
#regularContent-nav a {color: #59471A; text-decoration: none; font-weight: bold;}
#regularContent-nav a:hover {color: #c35817;}
#formElement {width: 100%; margin: 2px 0 0 0;}

/* CALENDAR AREA */
#calendarContent {float: right; width: 528px; min-height: 450px; padding: 0; margin: 0; background-image:url(../images/regContBgMid.jpg); background-repeat: repeat-y;}
#calendarContent h1{font-size: 20px; font-weight: bold; line-height: 24px; margin: 10px 0 10px 12px; color: #8B1D05; text-align: left;}
#calendarContent a {color: #c35817; font-weight: bold; text-decoration: none;}
#calendarContent a:hover {color: #59471A; font-weight: bold; }
#calendarContent .calendarMonthLinks a {color: #fff; font-weight: bold; text-decoration: none;}
#calendarContent .calendarMonthLinks a:hover {color: #000; font-weight: bold; text-decoration: none;}
#calendarContent .calendarCell a {color: #c35817; font-weight: bold; text-decoration: underline;}
#calendarContent .calendarCell a:hover {color: #8B1D05; font-weight: bold; text-decoration: none;}
#calendarContent .calendarToday  a {color: #fff; font-weight: bold; text-decoration: underline;}
#calendarContent .calendarToday a:hover {color: #000; font-weight: bold; text-decoration: none;}


/* FOOTER */
#footer {float: left; display: inline; width: 786px; height: 130px; margin: 5px 0 0 10px;  background-color:#59471A; border:solid 1px #000000; text-align: left;}
#foothead {padding: 0; margin: 0; width: 786px; height: 20px; background-color:#2D2312; border-bottom: solid 1px #000000; font-size:12px; color: #FFFFFF;}
#foothead p {margin: 0; padding: 3px 0 0 5px;}
#foothead a {color: #FFFFFF; text-decoration: none;}
#foothead a:hover {color: #c35817; text-decoration: none;}
#address {float:left; width:149px; height: 110px; border-right:solid 1px #2D2312;}
#address p {font-size: 10px; color: #b0a278; line-height: 12px; margin: 15px 0 0 7px;}
#address a {color: #fff; text-decoration: none;}
#address a:hover {color: #c35817; text-decoration: none;}
#sitemap{float:right; width:635px; height: 110px; border-left:solid 1px #77694F;}
#sitemap-column {float: left; height: 110px; margin: 5px 0 0 12px;}
#sitemap-column ul {list-style: none; margin: 5px 0 5px 5px; padding: 0; font-size: 10px; text-align: left;}
#sitemap-column li {margin: 0; line-height: 13px;}
#sitemap-column a {color: #fff; text-decoration: none;}
#sitemap-column a:hover {color: #c35817; text-decoration: none;}