body { width:100%; text-align:center; background-color:white; background-image:url('../Images/backend_bg.jpg'); background-repeat:repeat-x; margin:0px; padding:0px; font-family:Arial, Verdana, sans-serif; font-size:13px; line-height:19px; color:#696a6a; } img { border:0px; } .clear { clear:both; } form { margin:0px; padding:0px; } a { text-decoration:none; color:#2b2c2e; cursor:pointer; } a:hover { color:#716558; } /*Positioning*/ body #pagecontainer { width:100%; background-image:url('../Images/bg-center.jpg'); background-repeat:no-repeat; background-position:top center; /*display:table;*/ float:left; } /*Footer*/ /*html,body {height: 100%;} #container-foot {width: 100%; position: absolute; bottom: 0 !important; bottom: -1px;} .clearingDiv { clear:both; }*/ html,body { height:100%; } #pagecontainer { min-height: 100%; height: auto !important; height: 100%; margin-bottom:-120px; } #push { height:120px; width:100%; float:left; } #everything { width:992px; margin:0px auto; padding:0px; text-align:left; } #footer { width:100%; padding-top:20px; height:100px; background-color:#dbd9da; color:#2b2c2e; float:left; /*position:absolute; bottom:0;*/ /*position:relative; bottom:0;*/ } /*Navigation*/ #nav { padding:20px 26px 0px 26px; margin:123px 0px 0px 0px; width:940px; height:40px; background-image:url('../Images/nav-bg.jpg'); background-repeat:no-repeat; } #header {padding:10px 0px;} #nav a, #nav a:hover { font-family:inherit; font-size:16px; line-height:19px; text-decoration:none; color:#b3b3b3; font-weight:normal; } #nav a:hover { color:#fff; } ul.mainmenu { margin:0px; padding:0px; width:auto; z-index:2000; background-color:#0033cc; } ul.mainmenu li { list-style:none; display:inline; float:left; position:relative; z-index:2000; padding-right:20px; } ul.mainmenu li.lastElement { padding-right:0px; } ul.mainmenu ul { margin:0px; padding:0px; width:170px; list-style:none; display:none; position:absolute; top:40; left:0; z-index:2000; } ul.mainmenu ul li { float:left; width:150px; display:block !important; display:inline; } ul.mainmenu li a { float:none !important; float:left; } ul.mainmenu ul ul { display: none; position: absolute; top: 0; left: 160px; } #navigation {background-color:#0033cc; padding-left:10px; width:982px; float:left;} /*Main content area*/ #maincontent { width:992px; padding:16px 0px; } #column1 { float:left; padding:10px 0px 0px 0px; margin:0px; width:200px; } #column2 { float:left; padding:0px 20px 16px 20px; margin:0px; width:552px; } #column2.secondary { padding-top:10px; } #column3 { float:left; padding:20px 0px 0px 0px; width:200px;} .calendar { float:left; width:200px; padding-top:10px; } .column1-top { width:300px; text-align:center; padding:8px 0px 29px 0px; } .sideboxes { border:1px solid #b8b5ad; padding:58px 24px 17px 24px; width:250px; margin-bottom:15px; text-align:right; float:left; } .enews-signup { background-image:url('../Images/enews_bg.jpg'); background-repeat:no-repeat; background-color:#e2dccf; } .quicksearch { /*margin-top:5px;*/ background-image:url('../Images/quicksearch_bg.jpg'); background-repeat:no-repeat; float:left; } .enews-text { float:left; padding-right:10px; width:157px; font-family:inherit; font-size:11px; line-height:13px; color:#666; text-align:left; } .bannerad { width:300px; margin-bottom:15px; } .featurednews { padding:29px 16px; width:633px; } .news_stories { width:50%; float:left; padding-bottom:15px; } .imagefloatleft { float:left; margin-right:15px; margin-bottom:15px; } .imagefloatleft_v2 { float:left; margin-right:10px; margin-top:3px; } .imagefloatleft_v3 { float:left; margin:0px 10px 10px 0px; } .imagefloatleft_v4 { float:left; margin:15px 15px 15px 0px;} .imagefloatleftborder { float:left; margin-right:15px; margin-bottom:15px; border:1px solid #ccc; } .imagefloatleftborder_v2 { float:left; margin-right:10px; border:1px solid #ccc;} .featuredsection { width:665px; margin-bottom:20px; } .bookings { background-image:url('../Images/bookings-topbar.jpg'); background-repeat:no-repeat; } .featuredevents { background-image:url('../Images/featuredevents-topbar.jpg'); background-repeat:no-repeat; } .findanevent { background-image:url('../Images/titlebg_red.jpg'); background-repeat:no-repeat; } .bookingsbar { margin:0px 18px 7px 18px; width:629px; height:61px; background-color:#f3f0eb; background-image:url('../Images/bookingsbar-leftcorner.jpg'); background-repeat:no-repeat; text-align:center; font-size:14px; font-weight:bold; color:#2bb09b; } .bookingsbar_inner { width:629px; padding-top:20px; height:41px; background-image:url('../Images/bookingsbar-rightcorner.jpg'); background-repeat:no-repeat; background-position:top right; } .bookingsbar_small { margin:0px 168px 7px 168px; width:329px; height:61px; background-color:#f3f0eb; background-image:url('../Images/bookingsbar-leftcorner.jpg'); background-repeat:no-repeat; text-align:center; font-size:14px; font-weight:bold; color:#2bb09b; } .bookingsbar_small_inner { width:329px; padding-top:12px; height:49px; background-image:url('../Images/bookingsbar-rightcorner.jpg'); background-repeat:no-repeat; background-position:top right; } .input-left { float:left; padding:0px 20px; } .featuredsection-top { margin-bottom:10px; padding:16px 18px 0px 18px; width:629px; height:52px; } .input-heading { float:left; padding-top:9px; padding-right:90px; } .input-heading-2 { float:left; padding-top:9px; padding-right:50px; } .input-heading-3 { float:left; padding-left:85px; font-family:inherit; font-weight:bold; font-size:14px; line-height:17px; color:#fff; } .input-heading-3 a { color:white; } .input-heading-3 a:hover { color:#2b2c2e; } .input-floatright { float:left; } .featuredevents-today { float:left; margin:14px 0px 0px 0px; padding:0px 25px 24px 45px; width:595px; background-image:url('../Images/today.jpg'); background-repeat:no-repeat; min-height:84px; } .featuredevents-upcoming { float:left; margin-left:0px; padding:0px 0px 40px 38px; width:627px; background-image:url('../Images/upcoming.jpg'); background-repeat:no-repeat; min-height:135px; } .eventdate { float:left; margin-right:17px; width:52px; font-family:inherit; font-weight:bold; } .eventdate-top { width:52px; height:9px; background-image:url('../Images/eventdate-top.jpg'); background-repeat:no-repeat; line-height:1px; font-size:0px; } .eventdate-middle { padding:0px 7px; width:38px; text-align:center; background-color:#e2dccf; } .eventdate-bottom { width:52px; height:9px; background-image:url('../Images/eventdate-bottom.jpg'); background-repeat:no-repeat; display:block; line-height:1px; font-size:0px; } .eventdate-month { font-size:17px; line-height:18px; color:#231f20; text-transform:uppercase; } .eventdate-day { font-size:34px; line-height:27px; color:#d11f36; } .eventdate-year { font-size:16px; line-height:18px; color:#231f20; } .boxfloatleft { float:left; } .eventdescription { float:left; padding-left:16px; width:345px; } .upcomingevents-infobox { float:left; padding:10px 20px; margin-bottom:7px; width:587px; background-color:#f3f0eb; } .upcominginfo-left { float:left; padding-right:10px; width:403px; } .upcominginfo-right { float:left; width:174px; font-family:inherit; font-weight:bold; font-size:30px; line-height:42px; color:#dad2c2; } /*Content styling*/ .imageframe { border:4px solid #666; height:386px; } .imageframe img { position:absolute; } #ImageDescription { z-index:2000;position:absolute;margin:331px 6px 0px 6px;padding:0px 15px 0px 0px;line-height:49px;height:49px;width:631px;background-color:#000000;color:#FFFFFF;text-align:right;opacity:.75;filter: alpha(opacity = 75); } #ImageDescription { \width:646px; w\idth:631px; } .whiteborder { border:6px solid #fff; } .greyborder { border:6px solid #dbdbdb; } h1, .h1 { font-family:inherit; font-weight:bold; font-size:20px; margin:0px; padding:0px; line-height:17px; color:#000; } h2 { font-family:inherit; font-weight:bold; font-size:22px; margin:0px; padding:0px; line-height:26px; color:#fff; } h3 { font-family:inherit; font-weight:bold; font-size:18px; margin:0px; padding:0px; color:#716558; } h3 a, h3 a:hover { font-family:inherit; font-weight:bold; font-size:18px; text-decoration:none; color:#716558; } h3 a:hover { color:#d11f36; } h2 a, h2 a:hover { font-family:inherit; font-weight:bold; font-size:18px; color:#d11f36; text-decoration:none; } h2 a:hover { color:#716558; } .greentext { font-family:inherit; font-size:13px; line-height:19px; color:#2bb09b; } .greentext a { color:#9a8479; font-size:14px; font-weight:bold; } .greentext a:hover { color:#2bb09b; font-size:14px; font-weight:bold; } .redtext { font-family:inherit; font-size:13px; line-height:19px; color:#d11f36; } .redtext a { color:#9a8479; font-size:14px; font-weight:bold; } .redtext a:hover { color:#d11f36; font-size:14px; font-weight:bold; } .bluetext { font-family:inherit; font-size:13px; line-height:19px; color:#34a5dd; } .bluetext a { color:#34a5dd; font-size:14px; font-weight:bold; } .bluetext a:hover { color:#d11f36; font-size:14px; font-weight:bold; } .blueheading { color:#34a5dd; } .blueheading a { color:#34a5dd; } .blueheading a:hover { color:#716558; } .browntext { font-family:inherit; font-size:13px; line-height:19px; color:#5a4a42; } .bold { font-weight:bold; font-size:17px; } .bold a, .bold a:hover { font-weight:bold; font-size:13px; color:#333; text-decoration:none; } .bold a:hover { color:#34a5dd; } .boldsmall { font-family:inherit; font-size:13px; color:#333; font-weight:bold; } .boldsmall a, .boldsmall a:hover { font-family:inherit; font-size:13px; color:#333; text-decoration:none; font-weight:bold; } .boldsmall a:hover { font-family:inherit; color:#34a5dd; } .plus { font-size:14px; font-weight:bold; } .error { color:red; font-weight:bold; } .uppercase { text-transform:uppercase; } /*Form styling*/ .inputtext { border:1px solid #b8b5ad; padding:10px 18px; margin-bottom:10px; width:212px; height:14px; font-family:inherit; font-size:12px; font-weight:bold; color:#716558; } .inputtext_small { border:1px solid #b8b5ad; padding:10px 18px; width:154px; height:14px; font-family:inherit; font-size:12px; font-weight:bold; color:#716558; } /*.inputselect { border:1px solid #b8b5ad; padding:10px 18px; margin-bottom:10px; width:250px; font-size:12px; font-weight:bold; color:#716558; font-family:inherit; background-image:url('../Images/selectbox_btn.jpg'); background-repeat:no-repeat; background-position: top right; }*/ /*EVENT BOXES*/ .event_box { width:635px; float:left; margin-top:10px; margin-bottom:10px; padding:0px; } .event_date { float:left; padding-top:5px; padding-left:20px; width:43px; } .event_description { width:550px; float:left; } .event_date { font-family:Arial, Verdana, sans-serif; font-weight:bold; text-align:left;} .date_day { color:#d11f36; font-size:28px; float:left; text-align:center; height:22px; padding-bottom:2px; line-height:22px; } .date_month { color:#716558; font-size:14px; float:left; text-align:center; height:12px; padding-bottom:2px;line-height:10px; text-transform:uppercase; } .date_year { font-size:13px; color:#d11f36; float:left; text-align:center; height:12px; line-height:10px; } #CalendarListEvents { padding:10px 0px 0px 10px; } /*Listings Style*/ .listing_brief { border-bottom:1px solid #b0b0b0; padding:10px 0px 10px 0px; width:552px; float:left; margin-top:0px; } .listing_brief_top { width:552px; float:left; padding-bottom:5px; } .listing_brief_left { float:left; width:276px; text-align:left; padding-bottom:5px; } .listing_brief_right { float:left; width:276px; text-align:right; padding-bottom:5px; } .listing_brief p { padding:0px; margin:0px; margin-top:5px; } .breadcrumb { float:left; width:552px; border-bottom:1px solid #b0b0b0; } .listing_fullinfo { float:left; padding:20px 0px; width:552px; } .listing_fullinfo_content { float:left; } .listing_fullinfo_top { } .listing_fullinfo_bottom { } .listing_moreinfo { float:left; width:552px; padding-top:15px; border-top:1px solid #b0b0b0; } .listing_moreinfo_left { float:left; width:435px; } .listing_moreinfo_right { float:left; width:117px; text-align:right; } .listing_info { float:left; } .listing_moreinfo_right .imagefloatleft { float:left; margin:0px 0px 10px 10px; padding:0px; } hr { color:#b0b0b0; } .checkboxoptions { float:left; width:170px; } .checkboxoptions_left { float:left; width:170px; } .checkboxoptions_right { float:left; width:480px; } form { padding-bottom:0px; margin-bottom:0px; } /*Calendar style*/ .calendar_small { margin:0px; width:200px; /*height: 220px;*/ float:left; display:inline; } .findanevent_searchbox { width:361px; float:right; } .findanevent_searchbox_top { float:right; width:361px; height:9px; background-image:url('../Images/calsearch_top.jpg'); background-repeat:no-repeat; line-height:1px; font-size:0px; } .findanevent_searchbox_bottom { float:right; width:361px; height:10px; background-image:url('../Images/calsearch_bottom.jpg'); background-repeat:no-repeat; line-height:1px; font-size:0px; } .findanevent_searchbox_middle { float:right; background-color:#f3f0eb; padding:10px 28px 10px 28px; width:305px; } .calendar_box { float:left; background-color:#ddd; padding:4px 0px 0px 4px; margin:0px 4px 4px 0px; height:21px; font-family:"Arial Bold", Arial, Verdana, sans-serif; font-weight:bold; font-size:10px; line-height:10px; color:#0f0f11; display:inline; width:21px; } .calendar_box:hover { /*background-color:#D7C794;*/ background-color:#999; } .calendar_last_box { padding:4px 0px 0px 4px; margin:0px 0px 4px 0px; height:21px; float:left; display:inline; width:21px; } .calendar_daysoftheweek_box { text-align:center; background:none; font-family:Arial, Verdana, sans-serif; font-weight:bold; font-size:8px; /*color:#716558;*/ color:#0f0f11; margin:0px 4px 4px 0px; padding:2px; float:left; display:inline; width:21px; } .calendar_daysoftheweek_last_box { padding:2px; margin:0px 0px 4px 0px; float:left; display:inline; width:21px; } .calendar_current_date { /*background-color:#bf0e2c;*/ /*background-color:#d11f36;*/ /*color:black;*/ cursor:pointer; /*background-color:#61767c;*/ color:#0033CC; } .calendar_event_date { /*background-color:#B4A07B;*/ cursor:pointer; background-color:#aaa; } .calendar_month { width:200px; padding:0px; float:left; text-align:center; font-family:inherit; font-weight:normal; font-size:16px; line-height:17px; color:#091c2b; } .calendar_month a { font-family:inherit; font-size:16px; line-height:17px; text-decoration:none; color:#0033cc; cursor:pointer; } .calendar_month a:hover { color:#5a4a42; } .calendar_bannerad_spot { float:left; padding-top:20px; } .calendar_event_list {float:left; display:inline; text-align:left; margin-top:10px; padding:0px; width:200px; } #CalendarListEvents h1 { color:#091c2b; } .event_box { padding:10px 5px; float:left; width:190px; } .event_date { font-family:Arial,Verdana,sans-serif; font-weight:bold; text-align:left; float:left; padding-left:10px; padding-top:5px; width:40px; } .event_description { float:left; width:150px; } .event_description a { color:#0033cc; cursor:pointer; font-weight:bold; text-decoration:none; } .event_description a:hover { color:#091c2b; cursor:pointer; font-weight:bold; } .event_description h2 a { font-size:18px; line-height:18px; } .date_day { color:#091c2b; float:left; font-size:28px; height:22px; line-height:22px; padding-bottom:2px; text-align:center; } .date_month { color:#091c2b; float:left; font-size:14px; height:12px; line-height:10px; padding-bottom:2px; text-align:center; text-transform:uppercase; } .date_year { color:#091c2b; float:left; font-size:13px; height:12px; line-height:10px; text-align:center; } .event_description_newpage { float:left; /*width: 500px;*/ width:90%; } .event_box_newpage { padding-top:25px; } /*Backend Main Navigation Styling*/ /* Root = Horizontal (unless you alter it), Secondary = Vertical */ ul.mainmenu { margin: 0; border: 0 none; padding-top: 0px; padding-bottom:0px; padding-left:0px; padding-right:0px; /*margin: 10px 0 0 0;*/ width: auto; /*For KHTML*/ list-style: none; /*height: 28px;*/ z-index:2000; text-align:center; /*background: #0D3B77;*/ } ul.mainmenu li { margin: 0; border: 0 none; padding: 0; float: left; /*For Gecko*/ display: inline; list-style: none; position: relative; /*padding-top: 5px; padding-bottom:5px; padding-left:0px; padding-right:0px;*/ z-index:2000; padding-top:7px; padding-bottom:6px; /*height:21px;*/ padding-right:14px; } ul.mainmenu li { \height: 28px; he\ight: 21px; } ul.mainemnu li.lastElement { padding-right:0px; } /* SUBMENUS */ ul.mainmenu ul { margin: 0; border: 0 none; padding: 0 0 10px 0; width: auto; list-style: none; display: none; position: absolute; /*opacity:0.85;*/ /*filter:alpha(opacity=85);/*Only works for one dropdown level*/ top: 26px; left: 0; z-index:2000; background-color:#091c2b; text-align:left; width:200px; } ul.mainmenu ul:after /*From IE 7 lack of compliance*/{ clear: both; display: block; font: 1px/0px serif; content: "."; height: 0; visibility: hidden; } ul.mainmenu ul li { padding:10px 20px 0px 20px; width: 160px; float: left; /*For IE 7 lack of compliance*/ display: block !important; display: inline; /*For IE*/ /*height:18px;*/ height:12px; } /*ul.mainmenu ul li { \height: 28px; he\ight: 18px; }*/ ul.mainmenu ul li.lastElement { padding-bottom:10px; } /* Root Menu */ ul.mainmenu a { padding:0px; margin:0px; /*padding-bottom: 0px; padding-bottom: 0px; padding-left: 6px; padding-right: 6px;*/ float: none !important; /*For Opera*/ float: left; /*For IE*/ display: block; color: #FFFFFF; font-size:12px; font-family:Arial, Verdana, sans-serif; text-transform:uppercase; text-decoration: none; height: 10px !important; height: 1%; /*For IE*/ z-index:2000; } ul.mainmenu a { \height: 10x; he\ight: 10px; } /* Root Menu Hover Persistence */ ul.mainmenu a:hover { /*color: #AAA;*/ /*color:#917a43;*/ color:#339900; } ul.mainmenu ul a, ul.mainmenu ul a:hover { text-transform:none; } /* 2nd Menu */ ul.mainmenu li:hover li a, ul.mainmenu li.iehover li a { float: none; } ul.mainmenu ul ul { display: none; position: absolute; top: 0; left: 160px; } /* Do Not Move - Must Come Before display:block for Gecko */ ul.mainmenu li:hover ul ul, ul.mainmenu li.iehover ul ul { display: none; } ul.mainmenu li:hover ul, ul.mainmenu ul li:hover ul { display: block; } ul.mainmenu li.iehover ul, ul.mainmenu ul li.iehover ul { display: block; } li.persistHover, a.persistHover { color: #AAA; } span.counter { width: 13px; text-align: center; line-height: 10px; padding-left: 3px; background: #888888; color: #FFFFFF; font-size: 12px; position: absolute; right: 1px; top: 6px; bottom: 1px; height:12px; } li.lastElement, li.lastElement a, { } /***********************************************************/ /*SIDE NAVIGATION STYLING*/ /***********************************************************/ /* Root = Horizontal (unless you alter it), Secondary = Vertical */ div.user_navigation ul.mainmenu { margin: 0px; padding:0px; width: auto; /*For KHTML*/ list-style: none; z-index:2000; width:140px; float:left; position:relative; height:300px; background:none; } div.user_navigation ul.mainmenu li { list-style: none; position: relative; z-index:2000; border-top:1px solid #5a4a42; margin:0px; padding:5px 10px; width:180px; display:block; background:none; height:19px; text-align:right; float:left; } div.user_navigation ul.mainmenu li { \height: 29px; he\ight: 19px; } /* SUBMENUS */ div.user_navigation ul.mainmenu li ul.submenu { margin: 0; border: 0 none; padding: 0 0 10px 0; width: auto; list-style: none; display: none; position: absolute; /*opacity:0.85;*/ /*filter:alpha(opacity=85);/*Only works for one dropdown level*/ top: -1px; left: 200px; z-index:2000; text-align:left; /*border-left:1px solid #5a4a42; border-right:1px solid #5a4a42;*/ background:none; float:left; } div.user_navigation ul.mainmenu ul.submenu:after /*From IE 7 lack of compliance*/{ clear: both; display: block; font: 1px/0px serif; content: "."; height: 0; visibility: hidden; } div.user_navigation ul.mainmenu ul.submenu li { list-style: none; /*position: relative;*/ z-index:2000; border-top:1px solid #5a4a42; margin:0px; padding:5px 10px; border-left:1px solid #5a4a42; border-right:1px solid #5a4a42; width:180px; display:block; background-color:#fff; height:19px; text-align:left; float:left; } div.user_navigation ul li:hover { /*background-color:#f79623;*/ background-color:#ccc; } div.user_navigation ul.mainmenu ul.submenu li:hover { background-color:#eeeeee; } div.user_navigation ul.mainmenu li.first { border:0px; font-size:14px; font-weight:bold; color:#2b2c2e; float:left; } div.user_navigation ul.mainmenu li.first:hover { background:none; border:0px; } div.user_navigation ul.mainmenu li a, div.user_navigation ul.mainmenu li ul.submenu li a { display:block; color:black; } div.user_navigation ul.mainmenu li a:hover, div.user_navigation ul.mainmenu li ul.submenu li a:hover { color:#2b2c2e; } div.user_navigation ul.mainmenu li.last, div.user_navigation ul.mainmenu li ul.submenu li.last { border-bottom:1px solid #5a4a42; } div.user_navigation ul.mainmenu ul.submenu li { \height: 29px; he\ight: 19px; } /* Root Menu */ div.user_navigation ul.mainmenu a { /*padding-bottom: 0px; padding-bottom: 0px; padding-left: 6px; padding-right: 6px;*/ float: none !important; /*For Opera*/ float: left; /*For IE*/ display: block; /*color: #FFFFFF;*/ text-decoration: none; height: 29px !important; height: 1%; /*For IE*/ z-index:2000; } div.user_navigation ul.mainmenu a { \height: 29px; he\ight: 29px; } /* 2nd Menu */ div.user_navigation ul.mainmenu li:hover li a, div.user_navigation ul.mainmenu li.iehover li a { float: none; } div.user_navigation ul.mainmenu li:hover ul, div.user_navigation ul.mainmenu ul li:hover ul { display: block; } div.user_navigation ul.mainmenu li.iehover ul, div.user_navigation ul.mainmenu ul li.iehover ul { display: block; }