/* CSS Document */ /*--------------------------------------- General Structure -----------------------------------------*/ html { height: 100%; } body { height: 100%; } #wrapper { width:990px; margin-right:auto; background:#ffffff; position: relative; min-height: 100%; } * html #wrapper { height: 100%; } #container{ position:relative; border:#000000 0px solid; padding:0px 0px 82px 0px; margin-top:0px; margin-right:auto; width:990px; background-color:#FFFFFF; } /*border-right:3px solid #ffffff;;*/ #header { position:relative; width:100%; height:233px; margin:0px; padding:0px; background:url(../images/header.jpg) repeat-x; } #slideshow ul {margin:0px; padding:0px;} #slideshow ul li {margin:0px; padidng:0px; list-style:none;} .hidden {display:none;} #logo { position:absolute; left:28px; top:0px; z-index:20; top:0px; width:267px; height:201px; margin:0px 0px 0px 0px; padding:0px; } #header_img {width:990px; height:201px; position:absolute; top:0px; left:0px;} #main { width:100%; margin:20px 0px 0px 0px; } #sidebar { width:250px; padding:0px 0px 10px 15px; position:relative; height:100%; float:left; margin:0px 0px 15px 0px; background:url(../images/eventstop.jpg) no-repeat top left #a29061; min-height:342px; height:auto !important; height:342px; } #sidebar_bottom {width:265px; height:10px; background:url(../images/eventsbottom.jpg) no-repeat bottom left; position:absolute; bottom:0px; left:0px;} #sidebar h1 {font-size:1.9em; color:#ffffff; font-weight:normal !important; } .listings {padding:6px 0 14px 0px; border-bottom:1px solid #d2c6a5; width:230px; } .listings a {font-size:1.4em; color:#efe2c0; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold;} .listings a:hover {color:#efe2c0; font-family:Georgia, "Times New Roman", Times, serif; } .listings p {font-size:1.2em; font-family: Tahoma,Verdana, Arial, Helvetica; margin:4px 0px 0px 0px; color:#ffffff; } .listings p a {font-size:1.2em !important; font-family:Georgia, "Times New Roman", Times, serif; text-decoration:none; font-weight:normal; } .listings p a:hover {text-decoration:underline;} #content_main { width:621px; margin:0px 0px 0px 22px; float:left; padding:0px; min-height:300px; height:auto !important; height:300px;} #content {width:262px; float:left;} #event_search {width:245px; min-height:127px; height:auto !important; height:207px; padding:10px 0px 0px 17px; background:url(../images/eventsearchtop.jpg) no-repeat top left #444444; position:relative;} #event_searchbottom {background:url(../images/eventsearchbottom.jpg) no-repeat; width:262px; height:10px; position:absolute; bottom:0px; left:0px;} #event_search a {font-family:Georgia, "Times New Roman", Times, serif;} #event_search h1 {font-size:1.9em; color:#ffffff; font-weight:normal !important; margin:0px 0px 0px 10px;} #event_search p {color:#ffffff; font-family: Tahoma,Verdana, Arial, Helvetica; font-size:1.2em; margin:10px 26px 10px 10px; line-height:18px;} #type {border:1px solid #3c3c3c; width:204px; font-size:1.2em; padding:1px 0px 1px 2px;} #reigion {border:1px solid #3c3c3c; width:204px; font-size:1.2em; padding:1px 0px 1px 2px;} #from {width:95px; margin:0px 10px 0px 0px; font-size:1.2em; padding:1px 0px 1px 2px;} #to {width:95px; font-size:1.2em; padding:1px 0px 1px 2px;} #pics {margin:15px 0px 10px 0px; } #pics a img {margin:5px 0px 5px 0px; } #sidebar_right { width:338px; height:100%; float:right; margin:0px 0px 0px 21px; padding:0px;} #content_top {border-bottom:1px solid #b2b2b2; padding:0px 0px 16px 0px;} #latest_news {} .latest_news p {color:#5b5b5b !important; font-size:1.2em;} .latest_news h1, .latest_news h1 a {color:#000000; font-size:1.4em; margin:5px 0px 5px 0px;} .link {float:right; margin:0px 10px 0px 0px;} #footer { text-align:right; width:100%; background:url(../images/footer.jpg) repeat-x; height:32px; margin:-32px 0px 0px 0px; padding:0px; width:991px; position:relative; } #footer p { font-size:0.7em; color:#FFFFFF; } .clear { clear:both; } /*------------------------------------ textpage -----------------------------------------------------------*/ #sidebar_sub {width:275px; display:block; float:left; margin:0px 0px 0px 31px; } *html #sidebar_sub {margin:0px 0px 0px 16px; } #content_sub { letter-spacing:0.6pt; line-height: 18px; width:592px; float:right; border-left:1px solid #b2b2b2; padding:0px 0px 5px 26px; margin:0px 30px 20px 0px; min-height:559px; height:auto !important; height:559px;} *html #content_sub {margin:0px 15px 20px 0px; } #content_sub img.border {border:2px solid #a29061; } #content_sub label {color:#000000; font-weight:bold;} #content_sub input {border:1px solid #adadad; width:212px;} #content_sub button {border:0px; background:none; border:0px; width:119px;} #content_sub button img {border:0px;} #content_sub h2 {margin:0px 0px 20px 0px;} #sub_nav {margin-bottom:29px;} #sub_nav a {display:block; margin-bottom:3px; font-family:Georgia, "Times New Roman", Times, serif; color:#5b5b5b; font-size:2.3em;} #sub_nav a:hover {} #sub_nav a.active {background:url(../images/arrow_sub_nav.jpg) no-repeat left center; padding:0px 0px 0px 17px; text-decoration:none;} /*------------------------------------ tgallery -----------------------------------------------------------*/ #gallery {padding:10px 0px 0px 0px;} .gal {float:left; border:5px solid #e4e4e4; margin:0px 23px 6px 0px;} /*------------------------------------ Events -----------------------------------------------------------*/ #events img {border:0px;} .events {border-bottom:1px solid #bfbfbf; width:604px; padding:0px 0px 15px 0px; } .events p {font-size:1.2em; color:#5b5b5b; line-height:18px;} .events .link {float:right; margin:0px 0px 0px 0px;} .events {} /*------------------------------------ nav-----------------------------------------------------------*/ #nav { width:960px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; position:absolute; z-index:30; bottom:27px; left:29px; } *html #nav { width:100%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; position:absolute; bottom:26px; left:29px; } #nav li a { margin:5px 8px 5px 8px; background:#000000; display:block; padding:5px 6px 5px 6px; font-size:1.1em; color:#ffffff } #nav li a:hover {background:#323232; text-decoration:none;} #nav li a.active {background:#323232 !important; text-decoration:none;} #nav li a .left {width:8px; height:26px; cursor:pointer; background:url(../images/left.gif) no-repeat; display:block; position:absolute; top:5px; left:0px;} #nav li a .right {width:8px; height:26px; cursor:pointer; background:url(../images/right.gif) no-repeat; display:block; position:absolute; top:5px; right:0px;} #nav li a:hover .right {width:8px; height:26px; cursor:pointer; background:url(../images/righth.gif) no-repeat; display:block; position:absolute; top:5px; right:0px;} #nav li a:hover .left {width:8px; height:26px; cursor:pointer; background:url(../images/lefth.gif) no-repeat; display:block; position:absolute; top:5px; left:0px;} #nav li a.active .right {width:8px; height:26px; cursor:pointer; background:url(../images/righth.gif) no-repeat !important; display:block; position:absolute; top:5px; right:0px;} #nav li a.active .left {width:8px; height:26px; cursor:pointer; background:url(../images/lefth.gif) no-repeat !important; display:block; position:absolute; top:5px; left:0px;} #nav ul {margin:0px; padding:0px;} #nav li {margin:0px 4px 0px 0px; padding:0px; list-style:none; display:block; position:relative; color:#ffffff; display:block; float:left;} #submenu {position:absolute; bottom:0px; left:0px; width:960px; height:31px;} *html #submenu {position:absolute; bottom:-9px; left:0px; width:960px; height:31px;} *+html #submenu {position:absolute; bottom:-9px; left:0px; width:960px; height:31px;} #submenu li {color:#ffffff; float:left; margin:0px 20px 0px 10px; font-size:1.1em; list-style:none;} #submenu a {font-size:1.1em; color:#ffffff;} #submenu li a:hover { list-style:disc !important;} #submenu a:hover {} .footer_menu {margin:0px 0px 0px 43px; position:absolute; left:0px; bottom:7px;} .footer_menu a {color:#ffffff !important; padding:0px 0px 0px 10px; } .righter {font-size:0.9em !important; text-align:right; padding:0px 10px 0px 0px;} #footer p {color:#ffffff !important; margin:0px 0px 0px 0px; padding:10px 0px 0px 0px; font-size:1.2em !important;} #footer a {color:#ffffff; font-size:1.2em !important;} #footer_nav { width:940px; position:relative; top: -40px; margin-left:43px; } #footer_nav a { color:#000000; font-size:1.3em; padding:0px 12px 0px 12px; border-right:1px solid; } #footer_nav a.last { border-right:none; } #footer_nav a.active { text-decoration:underline; } #booking_button { float:right; } *+html #posted-termsandconditions {width:20px !important; border:0px !important;} *html #posted-termsandconditions {width:20px !important; border:0px !important;} /*------------------------------------- General Text & Colours & backgrounds ---------------------------------------*/ body { text-align: left; margin: 0px; padding: 0px; letter-spacing:normal; background:url(/images/background.jpg) left top repeat-y; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif ; font-size:0.6em;} body,p,h1,h2,h3,h4 { margin:0px; padding: 0px; } img { border:0px; margin:0px; padding:0px; } a img {border:0px;} h1 { font-size:2.3em; font-family:Georgia, "Times New Roman", Times, serif; color:#5b5b5b; font-weight:normal; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h2 { color:#a29061; font-size:1.8em; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h3 { color:#000000; font-size:1.4em; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h4 { color:#a29061; font-size:1.3em; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h5 { color:#a29061; font-size:1.2em; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h6 { color:#a29061; font-size:1.1em; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } ul { } ul li { color:#5b5b5b; font-size:1.2em; list-style:disc;} ol {} ol li { color:#5b5b5b; font-size:1.2em; list-style:decimal;} address {font-size:1.2em;} a { color:#5b5b5b; font-size:1.3em; text-decoration:none; } a:hover { color:#5b5b5b; text-decoration:underline; } #content_sub a {color:#a29061; font-size:1.2em; text-decoration:none;} #content_sub a:hover {color:#a29061; font-size:1.2em; text-decoration:underline;} p { margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; font-size:1.2em; color:#5b5b5b;} #map { height: 297px; width: 398px; border:2px solid #A29061; } #posted-sport, #posted-region { width:160px; } #posted-from, #posted-to { width:94px; } #search-button { text-align:right; } #telephone{ position:absolute; top:193px; left:95px; } #telephone p{ color:#FFFFFF; font-size:22px; } /*hacks list remove before live HANDY HINTS *html IE6 *+html IE7 :root FIREFOX body:last-child:not(:root:root) SAFARI html:first-child OPERA */ #sidebar_text { width:250px; padding:0px 0px 10px 15px; position:relative; height:100%; float:left; margin:0px 0px 20px 2px; background:url(../images/eventstop.jpg) no-repeat top left #a29061; min-height:342px; height:auto !important; height:342px; } #sidebar_bottom_text {width:265px; height:10px; background:url(../images/eventsbottom.jpg) no-repeat bottom left; position:absolute; bottom:0px; left:0px;} #sidebar_text h1 {font-size:1.9em; color:#ffffff; font-weight:normal !important; } #sidebar_sub_text {width:275px; display:block; float:left; margin:0px 0px 0px 31px; } *html #sidebar_sub_text {margin:0px 0px 0px 16px; } #content_sub .checkbox input{ width:10px; } #content_sub input.short { width:10em; border: 1px solid #C1C9D0;} #content_sub input.veryshort { width:6em; border: 1px solid #C1C9D0; } #content_sub input.veryveryshort { width:4em; border: 1px solid #C1C9D0; } textarea{ width:210px; }