﻿/* Screen Layout */ 

body {
 margin-left: auto; margin-right: auto;
 margin: 0px; padding: 0px;
 background: url(/_common/images/bg_body.gif) repeat-x;
 /*border: 1px solid #000000;*/
 }

.container {
 width: 960px; min-height: 800px;
 margin: 0 auto;
 background: url(/_common/images/bg_container.gif) no-repeat;
}

/* ------------- HEADRER STYLES --------------*/ 
.header {
 width: 955px; height: 502px; float: left;
 margin-left: 5px; padding: 0px;
}

.header-logo {
 width: 119px; float: left;
 margin: 23px 8px 5px 12px; padding: 0px;
}

.header-left {
 width: 480px; float: left;
 margin-top: 40px; padding: 0px;
}

.header-right {
 width: 220px; float: right;
 margin: 45px 5px 0 0; padding: 0px;
 text-align: right;
}

.header-image {
 clear: both;
 width: 933px; height: 308px;
 margin-left: auto; margin-right: auto; padding: 5px;
 background: url(/_common/images/bg_image.gif) no-repeat;
}

.header-strapline {
 clear: both;
 width: 957px;
 margin: 0;
}

.header-admin {
 width: 450px; float: left;
 padding: 5px 0 0 15px;
 text-align: left;
}

.header-welcome {
 width: 480px; float: right;
 text-align: right;
}

.menu {
 width: 800px; float: left;
 margin-top: 33px; margin-left: -7px; padding: 0px;
}

/* ------------- CONTENT STYLES --------------*/ 
.content {
 width: 665px; float: left;
 margin: 0px; padding: 25px 25px 30px 20px;
 border-right: 2px solid #d5e7ef;
}

.hm {
 width: 710px; float: left;
 margin: 0px; padding: 0px;
 border-right: 2px solid #d5e7ef;
}

.hm-col-1 {
 width: 330px; float: left;
 margin: 0px; padding: 25px 20px 20px 20px;
 border-right: 10px solid #d5e7ef;
}

.hm-col-2 {
 width: 288px; float: right;
 margin: 0px; padding: 25px 18px 20px 24px;
}

.admin {
 width: 890px; float: left;
 margin: 0px; padding: 25px 25px 30px 20px;
}

.quote-top {
 width: 317px; height: 41px;
 margin: 10px 0 0 0; padding: 0px;
 background: url(/_common/images/px_homequote_top.gif) no-repeat;
}

.quote {
 width: 277px;
 margin: 0px; padding: 5px 20px 0 20px;
 background: #d7cbf0;
}

.quote-bottom {
 width: 317px; height: 37px;
 margin: 0 0 10px 0; padding: 0px;
 background: url(/_common/images/px_homequote_bottom.gif) no-repeat;
}

.testimonials {
 width: 317px; position: relative;
 margin: 5px 0 0 0; padding: 0px;
 border-top: 1px solid #c6d2d8; border-bottom: 1px solid #c6d2d8;
}

.lh_testimonials_column {
 width: 142px; float: left;
}

.lh_testimonials {
 width: 142px; float: left; position: relative;
 margin: 0px; padding: 5px 0;
 border-right: 1px solid #c6d2d8;
}

.lh_testimonials_outlined {
 width: 140px; float: left; position: relative;
 margin: 0px; padding: 5px 2px 5px 0;
 border-right: 1px solid #c6d2d8; border-top: 1px solid #c6d2d8; border-bottom: 1px solid #c6d2d8;
}

.rh_testimonials {
 width: 155px; min-height: 227px; float: left; position: relative;
 margin: 0px; padding: 5px 0 0 15px;
}

.arrow_testimonials {
 width: 10px; height: 10px; bottom: 6px; right: 3px; position: absolute;
 margin: 0px; padding: 0px;
 z-index: 6;
}

.top10 {
 width: 262px;
 margin: 10px 0 10px 0; padding: 17px 7px 10px 10px;
 background: #d9f5db;
}

.PremiumNews {
 width: 173px; height: 16px;
 margin: 0 0 5px 0px; padding: 5px;
 background: #001935;
 color: #ffffff;
}

.podcast {
 width: 245px;
 margin: 0px; padding: 15px;
 border: 2px solid #d5e7ef;
}

.podcastFirstRow {
 width: 600px; 
 padding: 5px 16px 5px 5px; margin-bottom: 10px; 
 background: #f5ddd9;
}

.podcastAllRows {
 width: 600px; 
 padding: 12px 16px 5px 7px; margin-bottom: 10px; 
 background: #d5e7ef;
}

.menuWeekDay {
 width: 635px; float: left;
 margin: 0 0 8px 0; padding: 15px 15px 0 20px;
 background: #d9f5db;
}

.menuMainMeal {
 width: 250px; height: 80px; float: left;
 margin: 0px; padding: 8px 5px 0 0;
 border-top: #aec9ba 1px solid;
 border-right: #aec9ba 1px solid;
}

.menuSide {
 width: 175px; height: 80px; float: left;
 margin: 0px; padding: 8px 5px 0 20px;
 border-top: #aec9ba 1px solid;
 border-right: #aec9ba 1px solid;
}

.menuDesert {
 width: 150px; height: 80px; float: left;
 margin: 0px; padding: 8px 5px 0 20px;
 border-top: #aec9ba 1px solid;
}

.tdFixtureHead {
 color: #ffffff;
 line-height: 1.3em;
 margin: 0;
 background-color:#001935;
 border: #7f9db9 1px solid;
 text-align: center;
}

.tdFixtureItem {
 background-color:#ffffff;
 border: #7f9db9 1px solid;
 text-align: center;
}

td.gallery {
 width: 193px; line-height: 1.5em;
}

td.outline {
 width: 193px; height: 135px;
 margin: 0px; padding: 5px;
 border: 1px solid #e1e1e1;
}


/* ------------ RIGHT COL STYLES -------------*/ 
.rh-col-hm {
 width: 215px; float: right;
 margin: 0px; padding: 25px 20px 0 10px;
 text-align: right;
}

.rh-col {
 width: 218px; float: right;
 margin: 0px; padding: 25px 20px 20px 10px;
 text-align: right;
 /*border-left: 2px solid #d5e7ef;*/
}

.rh-text {
 width: 202px; float: right;
 margin: 0; padding: 17px 0px;
 text-align: left;
}

.latest-news {
 width: 187px; float: right;
 margin: 0 0 1px 0; padding: 10px 7px 2px 10px;
 text-align: left;
 background: #f5ebd9;
}
.news {
 width: 187px; float: right;
 margin: 0 0 10px 0; padding: 10px 7px 17px 10px;
 text-align: left;
 background: #f5ebd9;
}

.latest-events {
 width: 187px; float: right;
 margin: 0 0 1px 0; padding: 10px 7px 2px 10px;
 text-align: left;
 background: #f5ddd9;
}
.events {
 width: 187px; float: right;
 margin: 0 0 10px 0; padding: 10px 7px 17px 10px;
 text-align: left;
 background: #f5ddd9;
}

.latest-fixtures {
 width: 187px; float: right;
 margin: 0 0 1px 0; padding: 10px 7px 2px 10px;
 text-align: left;
 background: #d5e7ef;
}
.fixtures {
 width: 187px; float: right;
 margin: 0 0 25px 0; padding: 10px 7px 17px 10px;
 text-align: left;
 background: #d5e7ef;
}

.related-links {
 clear: both;
 width: 187px; float: right;
 margin: 0 0 1px 0; padding: 10px 7px 2px 10px;
 text-align: left;
 background: #f5ebd9;
}
.links {
 width: 187px; float: right;
 margin: 0 0 10px 0; padding: 10px 7px 17px 10px;
 text-align: left;
 background: #f5ebd9;
}

.podcastSubscribe {
 clear: both;
 width: 179px; float: right;
 margin: 0 0 1px 0; padding: 16px 12px 10px 12px;
 text-align: left;
 background: #d5e7ef;
}

.podcast-right {
 clear: both;
 width: 194px; min-height: 70px; float: right;
 margin: 0 0 10px 0; padding: 3px;
 text-align: left;
 border: 2px solid #d5e7ef;
}

.pan_RH_Img {
 margin: 0 0 15px 0; padding: 0px;
}

.prospectus 
{
 width: 205px; 
 float: right;
 margin: 0 0 10px 0; 
 /*padding: 10px 7px 2px 10px;*/
}
    

/* ------------- FOOTER STYLES --------------*/
.footer {
 clear: both;
 width: 920px;
 margin: 0 20px; padding: 18px 0;
 border-top: 2px solid #d5e7ef;
}

.footer-left {
 width: 700px; float: left;
 margin: 0; padding: 0;
}

.footer-right {
 width: 200px; float: right;
 margin: 0; padding: 0;
 text-align: right;
}

/* ------------- GENERAL STYLES --------------*/
img {
 border: 0;
 margin: 0; padding: 0;
}

.podcastImg {
 margin: 0; padding: 0;
 border: 1px solid #9e9e9e;
}
 
hr {
 clear: both;
 color: #9b9b9b; background: #9b9b9b; 
 border: 0; height: 1px;
}
