/* Body Styles */
body {font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin:0px; background:#000000; }

#wrapper { margin: 0; width: 100%; position:relative; z-index:1; }

/* Header Styles */
#header { width: 750px; height:367px; color: #333; margin: 0px 0px 10px 0px; background-image:url(Images/header_bg.png); background-repeat:repeat-y;}

a:active { outline: none !important; }

a { outline: none !important;}

:focus { -moz-outline-style: none; }




/* Menu Styles */
.menu { height:26px; width:190px; padding:270px 0px 0px 60px; position: relative;  background-image:url(Images/gNavOff.gif); background-repeat:no-repeat; background-position: 60px 270px;}
.gNavHome, .gNavEvents, .gNavGallery, .gNavContact {background-repeat:no-repeat; display:inline-block; float:left; height:26px;}

.gNavHome{ width:45px; }
body.default .gNavHome, a:hover.gNavHome { background-image:url(Images/gNavHome.gif); }
.gNavEvents{ width:71px;}
body.Events .gNavEvents, a:hover.gNavEvents { background-image:url(Images/gNavEvents.gif);}
.gNavGallery{ width:65px;}
body.gallery .gNavGallery, a:hover.gNavGallery { background-image:url(Images/gNavGallery.gif); }
.gNavContact{ width:98px;}
body.Contact .gNavContact, a:hover.gNavContact { background-image:url(Images/gNavContact.gif); }

.sNav { width:673px; height:18px; margin:15px 0px 0px 60px; background-image:url(Images/sNavOff.gif); background-repeat:no-repeat; z-index:2; position:relative;}
.sNavDining, .sNavMusic, .sNavFashionShow, .sNavArtShow, .sNavFilmViewing, .sNavCasualSeating {background-repeat:no-repeat; display:inline-block; float:left; height:18px;}

.sNavDining {width:35px;}
body.Dining .sNavDining, a:hover.sNavDining {background-image:url(Images/sNavDining.gif);}
.sNavMusic {width:43px;}
body.Music .sNavMusic, a:hover.sNavMusic {background-image:url(Images/sNavMusic.gif);}
.sNavFashionShow{width:77px;}
body.FashionShow .sNavFashionShow, a:hover.sNavFashionShow{background-image:url(Images/sNavFashionShow.gif);}
.sNavArtShow{width:60px;}
body.ArtShow .sNavArtShow, a:hover.sNavArtShow{background-image:url(Images/sNavArtShow.gif);}
.sNavFilmViewing{width:70px;}
body.FilmViewing .sNavFilmViewing, a:hover.sNavFilmViewing{background-image:url(Images/sNavFilmViewing.gif);}
.sNavCasualSeating {width:74px;}
body.CasualSeating .sNavCasualSeating, a:hover.sNavCasualSeating {background-image:url(Images/sNavCasualSeating.gif);}
body .sNav { display:none }

/* Content Styles */
#content { width: 750px; height: 254px; margin: 0px 0px 5px 0px; background-image:url(Images/default_content_bg.png); background-repeat:repeat-y;}
#content a{ position:relative; z-index:1;}
body.default #content p{color: #717c85; line-height:24px; font-size:.9em; padding: 60px 60px 0px 60px; text-align:left;}
.homeImage {position:relative; top:30px; left:60px;}

body.calendar #content {background-image:url(Images/calendar_content_bg.png); background-repeat:no-repeat; height:513px;}
body.Contact #content {background-image:url(Images/contact_content_bg.png); background-repeat:no-repeat; height:443px;}
body.gallery #content {background-image:url(Images/gallery_content_bg.png); background-repeat:no-repeat; height:443px;}

body.Events #content {background-image:url(Images/events_content_bg.png); background-repeat:no-repeat; height:443px;}
body.Events #content p {color: #717c85; line-height:24px; font-size:.9em; padding: 46px 244px 10px 60px; text-align:left;}
body.Events .sNav { display:block !important }

body.login #content {background-image:url(Images/login_content_bg.png); background-repeat:no-repeat; height:367px;}

/* Footer Styles */
#footer { width: 750px; border: margin: 0px 0px 10px 0px; padding: 10px 60px 10px 60px; color:#ffffff; font-size:.8em;}
#footer a { color:#FFF; text-decoration:none }
.backgroundImages  { position:absolute; width:100%; z-index:0; overflow:hidden }
.backgroundImages img{ width:100%; position:absolute; top:0; left:0;  }

#innerContainer img { padding:5px; }

.loading { background: url(Images/spinner.gif)  no-repeat center center}

/* Calendar Styles */
.calendar { position:relative; z-index:1; border-spacing:1px !important; font-size:12px; font-weight:bold;}
.calendar td {background:none !important;}
.calendar td.day, .calendar td.eventDay { width:79px !important; height:70px; text-align:left; padding:5px;}
.calendar td.day {background-color:#C7D0D7 !important; color:#4A4D4F;}
.calendar td.eventDay div.event {font-size:10px; line-height:11px; font-weight:bold;}
.calendar td.eventDay div.event a, 
.calendar td.eventDay div.event a:visited, 
.calendar td.eventDay div.event a:hover,
.calendar td.eventDay div.event a:active { text-decoration:none; color:#4A4D4F !important; font-size:10px;}
.calendar td.eventDay { background-color:#9CAAB7 !important;}
.calendar td.eventDay span{ color:#FFF;}
.calendar .dayHeader { text-align:center; color:#717c85; padding-top:10px;}
.calendar .title { border-collapse: separate !important; background:none !important; border-spacing:1px !important; font-weight:bold; border:none !important; margin:0px; height:19px;}
.calendar .title td { background-color:#C7D0D7 !important; text-align:center; text-transform:uppercase;border:none !important; color:#FFFFFF;}
.calendar .title td a { text-decoration:none; color:#FFFFFF !important;}
.calendar .title td a:hover {color:#e60f46 !important;}
.calendar .title td.nextPrev {  font-size:11px;}
table.title {height:19px;}
table#EventCalendar {padding:20px 60px;}

/* Gallery Styles */
body.gallery #content { height:390px; padding:35px 50px; width:650px;}
#modalHeader { height:45px; white-space:nowrap; text-align:right; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:.8em; color:#687e91; padding:5px 10px 0px 0px;}
#modalHeader a{color:#687e91;}
#modalHeader a:hover {color:#e60f46;}
#modalHeader .nextprev {  float:left; text-align:center; margin:0px 0px 20px 350px; display:none}
#galleryContainer{ height:360px; width:440px; position:relative; overflow:hidden;}
#gallery{height:350px !important; width:440px; white-space:nowrap; position:absolute; left:0;}
.galleryColumn { float:left; width:215px;height:360px; position:relative; z-index:3;}
.profileImage { width:200px; height:100px; margin:15px 0 15px 15px; position:relative; z-index:3;}
.profileImage span, .profileImage a {width:122px; height:17px; font-size:.8em; background-image:url(Images/galleryLink.png); float:left; clear:left; position:relative; z-index:3;}
.profileImage span {color:#3a5c7a; margin:-51px 0px 4px 10px; position:relative; z-index:3;}
.profileImage a {color:#db3962; margin:-28px 0px 0px 10px; position:relative; z-index:3;}
.gallerynp * { position:relative; }
#imageName{padding-right:4px;}
img.galleryPrevArrow, img.galleryNextArrow {margin:0px 10px 10px 10px; height:11px !important; width:10px !important;}


.eventTitle {padding:2px 0px 0px 4px;}
a.eventTitle {text-decoration:none;}
.mask:hover {background-image:url(Images/galleryEventBG.png); height:120px; background-repeat:no-repeat; position:relative; z-index:3;}
a.galleryEventHover  {display:inline-block; height:100px; width:200px; background:none; margin:0px; position:relative; z-index:2; }
.imagePager { top:0px; position:relative; z-index:10; color:#ccc; display:inline-block; float:left;  height:20px; cursor:pointer;}
.imagePager img { width:40px; height:40px; display:inline-block; }
#imageContainer { margin:0 auto }
#imageContainer img{ margin:0 auto }
#innerContainer img:hover{cursor:pointer;}
.eventImages {position:absolute; top:590px;}

#nextGalleryPager, #previousGalleryPager {cursor:pointer; cursor:hand; display:none; }
#nextGalleryPager {margin-left:15px;}
#previousGalleryPager {margin-left:5px;}
#nextThumbnails, #previousThumbnails {cursor:pointer; cursor:hand}
.next{background-color:#b2c0cc; display:inline-block; height:13px; width:126px; padding:3px 19px 10px 8px; color:#FFFFFF; float:left;}
.nextImages {width:150px; display:inline-block; float:left;}
.prev{background-color:#b2c0cc; display:inline-block; height:13px; width:146px; padding:3px 19px 10px 8px; color:#FFFFFF; float:left;}
.next:hover, .prev:hover {color:#e60f46;}

/*Events Styles */
table.events { margin:31px 0px 10px 60px; z-index:2;}
table.events td.image {width:170px; height:180px;}
table.events td.center {padding:0px 54px 0px 54px;}
table.eventsSub { margin:31px 0px 10px 60px;}
table.eventsSub td.image {width:187px; height:158px;}
table.eventsSub td.center {padding:0px 54px 0px 54px;}

.floorplan { background-image:url(Images/events_music_1.jpg); width:187px; height:158px;}
.floorplan a {display:inline-block; width:187px; height:158px;}
.floorplan a:hover {background-image:url(Images/events_sub_transparent.png);}

body.ArtShow .floorplan img{width:187px; height:158px;}
body.Dining .floorplan img{width:187px; height:158px;}
body.Music .floorplan img{width:187px; height:158px;}
body.FashionShow .floorplan img{width:187px; height:158px;}
body.FilmViewing .floorplan img{width:187px; height:158px;}
body.CasualSeating .floorplan img{width:187px; height:158px;}


.viewGallery {width:187px; height:158px;}
.viewGallery a {display:inline-block; width:187px; height:158px;}


.title {height:40px; width:88px; float:right; margin:52px 127px 0px 0px;}
body.Events .title {background-image:url(Images/titleEvents.gif);}
body.Dining .title {background-image:url(Images/titleDining.gif);}
body.Music .title {background-image:url(Images/titleMusic.gif);}
body.FashionShow .title {background-image:url(Images/titleFashionShow.gif);}
body.ArtShow .title {background-image:url(Images/titleArtShow.gif);}
body.FilmViewing .title {background-image:url(Images/titleFilmViewing.gif);}
body.CasualSeating .title {background-image:url(Images/titleCasualSeating.gif);}

/* Contact Page */
table.contact {margin:50px 0px 0px 60px; color:#717c85; font-size:.9em; z-index:2;}
table.contact tr {height:30px;}
table.contact td {width:115px;}
table.contact input {width:162px; position:relative; z-index:3;}
table.contact input.textbox {position:relative; z-index:3;}
table.contact a.contactButton, table.contact .contactButton {background-color:#b4c1cc; display:inline-block; width:111px; color:#FFFFFF; font-size:.8em; border:0px; cursor:pointer; text-align:left; margin:10px 0px 0px 0px; padding:4px 0px 4px 11px; vertical-align:middle; text-decoration:none;}
table.contact a:hover.contactButton, table.contact input:hover.contactButton {color:#e60f46;}
table.contact td.notes {width:162px;}
.contactComments{ z-index:3; position:relative; }
.contactCommentsTD {position:absolute; margin-top:-100px;}

/* Login Page */
body.login #content p { position:relative }
body.login table.contact {margin:210px 0px 0px 60px;}

.btnViewFloorplan {display:block; position:relative !important; background-image:url(Images/btnViewFloorplan.jpg); height:19px; width:126px; top:-57px; left:10px; z-index:1;}
.btnViewFloorplan:hover {background-position:0 19px;}
.btnViewGallery {display:block; position:relative !important; background-image:url(Images/btnViewGallery.jpg); height:19px; width:126px; top:-38px; left:10px; z-index:1;}
.btnViewGallery:hover {background-position:0 19px;}