/* Mass Reset
############################################################*/
*{padding:0;margin:0;}body{padding:0;margin:30px0;}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0;}pre,blockquote,form,label,ul,ol,li,dl,fieldset,address{margin:0;padding:0;}dd,blockquote{margin-left:0;}fieldset{padding:0;}img{border:0;}
/* Common
############################################################*/
body {font-size:.8em;text-align:center;font-family:Arial, Helvetica, sans-serif;background:url(images/bg.gif) top center;color:#fff;}
a:link, a:active, a:visited{color:#FFCC00;text-decoration:none;font-weight:bold;}
#container{margin:0px auto;width:760px;text-align:left;height:550px;position:relative;}
/* Index Only
############################################################*/
#container.index{background:url(images/bg_splash.jpg) no-repeat;}
#menu{width:201px;float:right;position:relative;left:-34px;}
#one{position:absolute;top:126px;left:10px;}
#one a{display:block;position:relative;left:8px;}
#one a.btn1{background:url(images/btn_hartford.jpg);width:168px;height:67px;}
#one a.btn2{background:url(images/btn_char.jpg);width:168px;height:67px;}
#one a:hover{background-position:top right;}
#two{position:absolute;visibility:hidden;right:1px;}
#two a{display:block;width:184px;}
#two a.about{background:url(images/btn_about.jpg);height:21px;}
#two a.services{background:url(images/btn_services.jpg);height:27px;}
#two a.reg{background:url(images/btn_reg.jpg);height:24px;}
#two a.pricing{background:url(images/btn_pricing.jpg);height:27px;}
#two a.gallery{background:url(images/btn_gallery.jpg);height:26px;}
#two a.contact{background:url(images/btn_contact.jpg);height:24px;}
#two a.home{background:url(images/btn_home.jpg);height:23px;}
#two a.boarding{background:url(images/btn_boaringres.jpg);height:131px;}
#two a:hover{background-position:top right;}
#three{position:absolute;visibility:hidden;right:1px;}
#three a{display:block;width:184px;}
#three a.about{background:url(images/btn_about.jpg);height:21px;}
#three a.services{background:url(images/btn_services.jpg);height:27px;}
#three a.reg{background:url(images/btn_reg.jpg);height:24px;}
#three a.pricing{background:url(images/btn_pricing.jpg);height:27px;}
#three a.gallery{background:url(images/btn_gallery.jpg);height:26px;}
#three a.contact{background:url(images/btn_contact.jpg);height:24px;}
#three a.home{background:url(images/btn_home.jpg);height:23px;}
#three a.boarding{background:url(images/btn_boaringres.jpg);height:131px;}
#three a:hover{background-position:top right;}
/* Main Structure
############################################################*/
#header, #footer{width:749px;}
#header{background-image:url(images/bg_content_header.jpg);background-repeat:no-repeat;height:233px;}
#nav{width:167px;height:180px;position:absolute;background-image:url(images/bg_content_menu.gif);background-repeat:no-repeat;right:16px;top:127px;z-index:100;}
#contentLeft{background-image:url(images/bg_content_middle_left.gif);background-repeat:no-repeat;float:left;position:absolute;width:79px;height:370px;}
#contentRight{background-image:url(images/bg_content_middle_right.gif);background-repeat:no-repeat;position:absolute;float:right;right:11px;width:173px;height:437px;}
#contentMain{background-image:url(images/bg_content_repeat.gif);background-repeat:repeat-y;width:466px;padding:5px 183px 0 100px;}
#footer{background-image:urL(images/bg_footer.gif);background-repeat:no-repeat;height:39px;width:539px;position:relative;left:60px;padding-top:30px;}
/* Content page navigation
############################################################*/
#nav a{display:block;width:167px;}
#nav a.about{background:url(images/nav_content_about.gif);height:26px;}
#nav a.services{background:url(images/nav_content_services.gif);height:25px;}
#nav a.reg{background:url(images/nav_content_registration.gif);height:27px;}
#nav a.pricing{background:url(images/nav_content_pricing.gif);height:24px;}
#nav a.gallery{background:url(images/nav_content_gallery.gif);height:25px;}
#nav a.contact{background:url(images/nav_content_contact.gif);height:25px;}
#nav a.boarding{background:url(images/nav_content_boardingReservations.gif);height:129px;}
#nav a.home{background:url(images/nav_content_home.gif);height:28px;}
#nav a:hover{background-position:top right;}
/* Miscellaneous
############################################################*/
#tellYourFriends{position:absolute;bottom:0px;right:0px;}
#tellYourFriends a{display:block;width:100px;height:110px;}
#contentMain p{padding:5px 0px;}
#contentMain img{margin:10px 0px 0px;}
#contentMain ul{margin:10px;0px;}
#contentMain li{margin:0px 0px 0px 35px;color:#003366;list-style-image:url(images/bullet_star.gif);font-weight:bold;font-size:.9em;}
#contentMain li ul li{font-size:1em;}
#contentMain div.clear{clear:both;margin-bottom:25px;}
#contentMain div.left{float:left;width:60%;}
#contentMain div.right{float:right;width:40%;text-align:center;margin-bottom:20px;}
#contentMain.photoGallery td img{border:1px solid #FFCC00;}
#footer a{color:#ccc;font-size:.8em;text-decoration:none;}
#footer a:hover{text-decoration:underline;color:#fff;}
form#tellAFriend td{width:75px;}
/* Calendar
############################################################*/
div.calendar {position:relative;}
.calendar, .calendar table{border: 1px solid #565;font-size: 11px;color: #000;cursor: default;background: #efe;font-family: tahoma,verdana,sans-serif;}
/* Header part -- contains navigation buttons and day names. */
/* "<<", "<", ">", ">>" buttons have this class */
/* They are the navigation buttons */
/* Make the buttons seem like they're pressing */
.calendar .button {text-align: center;padding: 2px;background: #676;color: #fff;font-size: 90%;}
/* This holds the current "month, year" */
/* Pressing it will take you to the current date */
.calendar thead .title {font-weight: bold;text-align: center;padding: 2px;background: #250;color: White;}
/* Row containing navigation buttons */
.calendar thead .headrow {}
/* Cells | containing the day names */
.calendar thead .name {border-bottom: 1px solid #565;padding: 2px;text-align: center;color: #000;}
/* How a weekend day name shows in header */
.calendar thead .weekend {color: #a66;}
/* How do the buttons in header appear when hover */
.calendar thead .hilite {background: #afa;color: #000;border: 1px solid #084;padding: 1px;}
/* Active (pressed) buttons in header */
.calendar thead .active {background: #7c7;padding: 2px 0px 0px 2px;}
/* Row |
containing the day names */
.calendar thead .daynames {background: #dfb;}
/* The body part -- contains all the days in month. */
/* Cells | containing month days dates */
.calendar tbody .day {width: 2em;color: #564;text-align: right;padding: 2px 4px 2px 2px;}
.calendar table .wn {padding: 2px 3px 2px 2px;border-right: 1px solid #000;background: #dfb;}
.calendar tbody .rowhilite td {background: #dfd;}
.calendar tbody .rowhilite td.wn {background: #efe;}
/* Hovered cells | */
.calendar tbody td.hilite {background: #efd;padding: 1px 3px 1px 1px;border: 1px solid #bbb;}
/* Active (pressed) cells | */
.calendar tbody td.active {background: #dec;padding: 2px 2px 0px 2px;}
/* Cell showing today date */
.calendar tbody td.selected {font-weight: bold;border: 1px solid #000;padding: 1px 3px 1px 1px;background: #f8fff8;color: #000;}
/* Cells showing weekend days */
.calendar tbody td.weekend {color: #a66;}
.calendar tbody td.today {font-weight: bold; color: #0a0; }
.calendar tbody .disabled {color: #999; }
/* Empty cells (the best is to hide them) */
.calendar tbody .emptycell {visibility: hidden;}
/* Empty row (some months need less than 6 rows) */
.calendar tbody .emptyrow {display: none;}
/* The footer part -- status bar and "Close" button */
/* The |
in footer (only one right now) */
.calendar tfoot .footrow {text-align: center;background: #565;color: #fff;}
/* Tooltip (status bar) cell | */
.calendar tfoot .ttip {padding: 2px;background: #250;color: #efa;}
/* Hover style for buttons in footer */
.calendar tfoot .hilite {background: #afa;border: 1px solid #084;color: #000;padding: 1px;}
/* Active (pressed) style for buttons in footer */
.calendar tfoot .active {background: #7c7;padding: 2px 0px 0px 2px;}
/* Combo boxes (menus that display months/years for direct selection) */
.combo {position: absolute;display: none;top: 0px;left: 0px;width: 4em;cursor: default;border: 1px solid #565;background: #efd;color: #000; font-size: smaller;}
.combo .label {width: 100%;text-align: center;}
.combo .hilite {background: #af8;}
.combo .active {border-top: 1px solid #6a4;border-bottom: 1px solid #6a4;background: #efe;font-weight: bold;}
/* Office Hours - only on Boarding Reservation page
############################################################*/
div#hours{background-image:url(images/bgnd_hours.gif);background-repeat:no-repeat;background-position:right;width:151px;height:126px; position:absolute;z-index:200;margin:450px 0px 0px 35px;}
div#hours div.hoursTitle{padding-top:5px;text-align:center;vertical-align:top;}
div#hours div.hoursText{padding-left:10px;padding-top:5px;vertical-align:middle;font-size:.9em;}
div#hours .hoursNote{font-size:11px;font-style:italic;}
|