html, body { width:100%; height:100%; margin:0; padding:0; border:0; }
body { background:url('/images/presentation/hessianRepeater.jpg'); }

@font-face {
    font-family: 'ArchitectsDaughterRegular';
    src: url('/styles/fonts/ArchitectsDaughter-webfont.eot?') format('eot'),
         url('/styles/fonts/ArchitectsDaughter-webfont.woff') format('woff'),
         url('/styles/fonts/ArchitectsDaughter-webfont.ttf') format('truetype'),
         url('/styles/fonts/ArchitectsDaughter-webfont.svg#webfontZZdU3Kzy') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Header */
#Header { height:127px; background:url('/images/presentation/header-bk.jpg'); position:relative; z-index:2; }
#HeaderRight { background:url('/images/presentation/header-bk-right.jpg') no-repeat top right; height:127px;}

#Logo { width:140px; margin:0 10px; position:absolute; top:0px; left:0px; }

#TopLinks {margin-top:98px; margin-left:170px;}
#TopLinks a {color:#FFFFFF; font-weight:bold; font-size:110%; padding-right:20px;}

#TopNav {height:40px; margin:0px; width:828px; background-color:#70529b; padding-left:132px;}
#TopNav ul {display:inline; margin:0 20px 0 0; padding:0px; float:right;}
#TopNav ul li {float:left; list-style-type:none; line-height:40px;}
#TopNav ul li.first{background:none;}

#TopNav ul li {background: url('/images/presentation/button_repeater.jpg') repeat-x; margin-top:4px;}
#TopNav ul li a { outline:none; padding:0; color:#FFF; line-height:40px; font-weight:bold; font-size:100%; display:block; margin:-4px 0 0 0; text-decoration:none; }
#TopNav ul li a:hover { text-decoration:underline;  }
#TopNav ul .active a {background-color:#4b2581; color:#FFFFFF; border-left:none; }
#TopNav ul li.leftButton {background: url('/images/presentation/button_left.jpg') no-repeat; height:32px; width:7px; margin-top:4px;}
#TopNav ul li.rightButton {background: url('/images/presentation/button_right.jpg') no-repeat; height:32px; width:7px; margin:4px 2px 0 0;}
#TopNav ul li.leftButton.red {background: url('/images/presentation/button_leftred.jpg') no-repeat; }
#TopNav ul li.rightButton.red {background: url('/images/presentation/button_rightred.jpg') no-repeat; }
#TopNav ul li.red {background: url('/images/presentation/button_repeaterred.jpg') repeat-x; margin-top:4px;}
/* Left Nav */ 
#LeftNav .currentPage {color:#92bda8;}
#LeftNav li {padding:0 0 0 0; margin:13px 0 0 5px; list-style-type:none; background:url('/images/presentation/Navback.gif') no-repeat;}
#LeftNav li a {padding:13px 0 0 0; margin:0 0 0 0px; list-style-type:none; font-weight:bold; color:#4B2581;} 
#LeftNav li ul {padding:0 0 2px 5px; margin:5px 0 0 0;}
#LeftNav li ul li {padding:0 0 0 0px; margin:0 0 0 5px; background:url('/images/presentation/Navback.gif') no-repeat;}
#LeftNav li ul li a {padding:0 0 0 0px; margin-left:0px;}
#LeftNav li ul li ul li {padding:0 0 0 0px; margin:0 0 0 5px; background:none;}
#LeftNav li ul li ul li a {padding:0 0 0 5px; margin-left:6px;}
.leftNavMargin {margin-left:10px;}

/* Body */
#Body { background:url('/images/presentation/main-bk.jpg'); min-height:602px; border-top: 7px solid #ACCEBE;}

.title {color:#4B2581; font-size:181%; font-weight:bold; margin:10px 0;}

#Boxes {margin-top: 10px;}
#HomeBoxes {margin-top: 10px; width: 293px;}

#Chalkboard { background:url(/images/presentation/Blackboard.jpg) no-repeat; height:248px; margin-bottom:4px;  padding: 30px 40px 0 38px; width: 215px;}
#Chalkboard p {font: 12px/20px 'ArchitectsDaughterRegular', Arial, sans-serif; color:#FFF; margin-top:12px;}
#ChalkboardInner { background:url(/images/presentation/Blackboard-thin.jpg) no-repeat; height:263px; margin-bottom:4px;  padding: 15px 24px 0 27px; width: 163px;}
#ChalkboardInner p {font: 12px/20px 'ArchitectsDaughterRegular', Arial, sans-serif; color:#FFF; margin-top:12px;}
#Chalkboard a {color:#ffffff;}
#ChalkboardInner a {color:#ffffff;}

.rightBoxSocialDetailsHome { height:49px; width:293px; background-color:#dfd5ee;  }
.rightBoxSocialDetailsHome p {margin:0px; padding: 9px 0 0 0px; font-weight:bold; font-size:105%; color:#2a0a57; text-align:center;}
.rightBoxSocialDetailsHome a {color:#2a0a57; padding:0 3px;}
.rightBoxSocialDetailsHome a img:hover{text-decoration:none;}
.rightBoxSocialDetailsHome img {padding-right:5px;}
.rightBoxSocialDetails { height:68px; width:210px; background-color:#dfd5ee;  }
.rightBoxSocialDetails p {margin:0px; padding: 9px 0 0 13px; font-weight:bold; font-size:105%; color:#2a0a57;}
.rightBoxSocialDetails a {color:#2a0a57; padding:0 3px;}
.rightBoxSocialDetails a img:hover{text-decoration:none;}
.rightBoxSocialDetails img {padding-right:5px;}

.rightBoxHeader {background-color: #4B2581; color: #FFFFFF; height: 30px; width: 293px;}
.rightBoxHeader p {   font-size: 110%; font-weight: bold; margin: 0; padding: 6px 0 0 10px;}


#signpostRowBk { background:url('/images/presentation/signpost-bk.jpg') no-repeat; height:195px; margin-top:17px; margin-bottom:19px;}
.pageBanner  {background:none repeat scroll 0 0 #719985; float:left; height:166px; }
.pageBannerInner {background:none repeat scroll 0 0 #719985; float:left; height:166px; margin-bottom:13px; width:210px;}
.pageBannerInner img {margin:9px 0 0 9px;}

#MainContent  {margin-top:10px;}

.eventItem {}
.eventItem .eventImage {float:left; padding-right:10px; margin-top:10px; width:140px;}
.eventItem .title a {color:#4B2581!important; font-size:80%; font-weight:bold; margin-top:10px; width:390px; float:right;}
.eventItem .summary {width:390px; float:right;}
.eventItem .more a {color:#4B2581!important; font-weight:bold; width:390px; float:right;}

#IndividualNewsArticle #Title {color:#4B2581!important; font-size:140%; font-weight:bold; margin-top:10px;}
#IndividualNewsArticle #AllNewsItems a {color:#4B2581!important; font-weight:bold;}

.recipeSeason {float:left;}
.recipeSeason a {}
.recipeSeason a img {padding-right:1px;}
.recipeSeason .seasonName {background:url('/images/presentation/recipes-green.gif'); width:111px; height:42px; margin-top:-4px; padding:7px 10px 10px 13px; }
.recipeSeason .seasonName:hover {background:url('/images/presentation/recipes-purple.gif'); width:111px; height:42px; margin-top:-4px; padding:7px 10px 10px 13px; }
.recipeSeason .seasonName a {color:#FFFFFF; font-size:154%; font-weight:bold; }
.recipeSeason .seasonNameSelected {background:url('/images/presentation/recipes-purple.gif'); width:111px; height:42px; margin-top:-4px; padding:7px 10px 10px 13px;}
.recipeSeason .seasonNameSelected a {color:#FFFFFF; font-size:154%; font-weight:bold; }

.recipeItem .recipeImage {background:none repeat scroll 0 0 #acccbd; float:left; margin:10px 20px 0 0; width:140px; height:108px;}
.recipeItem .recipeImage img {padding:4px;}
.recipeItem .details .title a {color:#4B2581!important; font-size:80%; font-weight:bold; margin-top:10px; width:380px; float:left;}
.recipeItem .details .summary {width:380px; float:left;}
.recipeItem .details .more {float:left; margin-top:5px; }
.recipeItem .details .more a {color:#4B2581!important; font-weight:bold;}

#RecipeListTitle {color:#4B2581; font-size:165%; font-weight:bold; margin:10px 0;}

.bottomLink {color:#4B2581; font-weight:bold;}
.bottomLink:hover {text-decoration:none;}

#SupplierList ul li p {margin:0 0 10px 0;}
#SupplierList ul li a {color:#4B2581;}
.supplierLinkTitle {color:#4B2581; font-weight:bold;}


/* Footer */
#FooterTop {background:url('/images/presentation/footer-top-border.jpg') no-repeat; height:17px;}
#FooterBottom {background:url('/images/presentation/footer-bottom-border.jpg') no-repeat; height:22px;}
#Footer {background-color:#4C2582; height:130px;}
#Footer p {color:#d5b8ff;}

.footerFirstColumn p, .footerFirstColumn img {padding:0 0 0 30px; }
.footerTitle {color:#FFFFFF; font-weight:bold; font-size:110%;}

#KeyPageLinks {margin-left:20px;}
#ContactDetails {margin:0px; color:#d5b8ff;}

.footerList {margin:0px; padding:0px;}
.footerList a {color:#d5b8ff;}
.footerList li {margin:0px; padding:0px; list-style-type:none;}
.footerListKeyPage {margin:0px; padding:0px;}
.footerListKeyPage a {color:#d5b8ff;}
.footerListKeyPage li {margin:0px; padding:0px; list-style-type:none;}


/* Forms */
.formRow {padding:5px 0px; text-align:left; clear:both; }
.formRow .inputHolder {float:left; width:21em;}
.formRow .inputHolderBoolean {float:left; width:3em;}
.formRow label,
.formRow .label {float:left; width:8em; margin:0 2em 0 1em; float:left; color:#4B2581; }
.formRow label.booleanLabel {width:30em; padding-top:3px; float:left;}
.selectInput, .textArea, .TextAreaInput, .textfield, .textInput, .TextInput { width:34em;  border:1px solid #414141;}
.textArea  {height:7em;}
.selectInput {white-space:normal; width:20.2em;}
.errorRow {background-color:#FFE5E6;}
.submitButton {overflow:visible; padding:0 5px; cursor:pointer; border:0; background-color:#FFFFFF; font-weight:bold; color:#00A9A7;}
.formRow .long { width:40.8em; }
.formRowCheckbox{}
.submitRow {margin-left:125px;}