/* DEFINITIONS for HTML elements; it's worth having all these defined for good cross-browser control */
body{margin:10px;font-family:Arial, Helvetica, sans-serif;font-size:12px}

/* layout */
#pagecontainer{width:964px;margin: auto;}
#header {padding: 35px 0 0 0;margin:0 0 15px 0;}
#header a img {border:0;}
#logo {}
#tagline {float:right;}
#navigation {background:url(images.php?id=38) left top no-repeat;height: 29px;padding:1px 0 0 15px;margin:0;}
#contentouter {background:#cbde9e url(images.php?id=43) center bottom no-repeat;width:962px;padding:0 0 15px 0;}
#contentinner {background:url(images.php?id=42) top left no-repeat; border-left:1px solid #000;border-right:1px solid #000;border-top:1px solid #000;min-height:650px;}
#content {background:#fff;width:570px;padding:10px;margin: 20px 0 60px 20px;}
#footer {padding:10px !important;margin-bottom:10px;}
#footerleft {float:left;color:#999}
#footerlinks {float: left; padding-left: 120px;color:#999}
#share {float: left; padding-left: 120px;}
#footerright {float:right;color:#999;}
#footerright img {display: none;}
.rss_feed {float:right;}

/*Home Styles*/

.hometable {cellpadding:0;cellspacing:0;}
.homeleft {width:405px;vertical-align:top;}
.homeleft div {width:385px;background:#fff;padding:10px;}
.homecentre {width:18px;}
.homeright {width: 483px;vertical-align:top;}
.homeright div {width: 463px;background:#fff;padding:10px;}
.homeright div p {margin-top:0;}

/* news */
.news_item {margin-top:1em;}
.news_date {width: 100%;display:block;}
.news_short_desc {width: 100%;display:block;font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #B31A16; font-weight: bold;margin-bottom:1em;margin-top:0.5em;}
.news_desc p {padding: 0; margin-top:0;}

/* links */
a{text-decoration:none;color:#91131C;}
a:hover{text-decoration:none;color:#EC823C;}
a:visited{text-decoration:none;color:#91131C;}
a:active{text-decoration:none;color:#EC823C;}
td.outline a.tab{display:block;}
td.outline a.tab:hover{display:block;text-decoration:none;}
#footer a {color:#999;}
#footer a:hover {color:#666;text-decoration:underline;}

/* forms */
form {margin: 0px;padding:0px; } /* removes annoying line breaks before and after forms */
input{font-family:verdana,helvetica,arial,sans-serif;font-size:12px;}
textarea{font-family:verdana,helvetica,arial,sans-serif;font-size:12px;}
select{font-family:verdana,helvetica,arial,sans-serif;font-size:10px;}
  /* controls the headings which are internally known as 'wordonly' since they're not a field */
.wordonly{font-weight:bold;}
div.form_field_name{float:left;font-style:italic;padding-top:5px;}
div.form_field{float:left;margin-left:2px;}
#container_email div div input {margin-right:10px;}

/* misc HTML definitions */
p{font-size:12px;}
div{padding:1px;}
div.outer{padding:20px;padding-bottom:0;background-color:#FFFFFF;width:710px;text-align:center;margin-left:auto;margin-right:auto;}

/* CUSTOM CLASSES */

/* errors and warnings */
.error{color:#FF0000;}
.error_highlighted{background:#FFEEEE;}
/* errors shown in boxes (technical problems; has the red exclamation mark */
div.error_highlighted{border:1px solid red;margin:5px;padding:2px;}
/* caution messages */
div.caution{background-color:#FFEECC;padding:3px;border:1px solid #FF9900;text-align:center;}


/* text definitions */
h1{margin-bottom:0px; margin-top:0px; font-family: Arial, Helvetica, sans-serif; font-weight:normal; font-size: 24px; color:#eb520e; font-weight:800; letter-spacing: 1px;width:570px;height:30px;}
h2{margin-bottom:0px; margin-top:0px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #B31A16; font-weight: bold;} 
h3{margin-bottom:0px; margin-top:0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #B31A16; font-weight: bold;} 
h4{margin-top:6px; margin-width:200px;}
h5{margin-bottom:0px; margin-top:0px; font-family: Arial, Helvetica, sans-serif; font-style:italic; font-size: 12px; color: #B31A16;}
h6{margin-bottom:0px; margin-top:0px; font-size:11px; font-weight:400;}
hello6{margin-bottom:0px; margin-top:0px; font-size:11px; font-weight:400;}
ul{font-family: Arial, Helvetica, sans-serif;}
.re{ color: #7B6562;}
.source{ color: #B31A16;}
.bristol{ color: #1F1F1F;}

.error{color:#FF0000;}
.updated{font-size:10px;color:#BBBBBB;}
.all_ok{color:#008800;font-weight:bold;}

/* background colours */
.cell_highlighted{background:#D0E0FF;}
.error_highlighted{background:#FFEEEE;}

/* menu definition; customise to your heart's content */
.menu_lvl1{margin-left:15px;font-size:13px;}
.menu_lvl1 a{color:#000;text-decoration:none;}
.menu_lvl1 a:hover{text-decoration:none; }

.menu_lvl1_on{margin-left:15px;font-size:13px;font-weight:bold;}
.menu_lvl1_on ul {font-weight:400;}
.menu_lvl1_on a{color:#000;text-decoration:none;}
.menu_lvl1_on a:hover{text-decoration:none;}


.menu_lvl2{   margin-left:10px;background-color:#FF9900;font-size:13px;padding-left:2px;padding-top:4px;padding-bottom:4px;}
.menu_lvl2 a{color:#000;display:block;}
.menu_lvl2_on{margin-left:10px;background-color:#FFBB44;font-size:13px;padding-left:2px;padding-top:4px;padding-bottom:4px;font-weight:bold;}
.menu_lvl2_on a{color:white;display:block;}
.menu_lvl3{   margin-left:20px;background-color:#AAFFAA;font-size:12px;padding-left:2px;padding-top:4px;padding-bottom:4px;}
.menu_lvl3 a{color:white;display:block;}
.menu_lvl3_on{margin-left:20px;background-color:#AAAAAA;font-size:12px;padding-left:2px;padding-top:4px;padding-bottom:4px;font-weight:bold;}
.menu_lvl3_on a{color:white;display:block;}
.menu_lvl4{   margin-left:30px;background-color:#DDDD00;font-size:11px;padding-left:2px;padding-top:4px;padding-bottom:4px;}
.menu_lvl4 a{color:white;display:block;}
.menu_lvl4_on{margin-left:30px;background-color:#AAAAAA;font-size:11px;padding-left:2px;padding-top:4px;padding-bottom:4px;font-weight:bold;}
.menu_lvl4_on a{color:white;display:block;}
.menu_lvl5{   margin-left:40px;background-color:#AA00DD;font-size:10px;padding-left:2px;padding-top:4px;padding-bottom:4px;}
.menu_lvl5 a{color:white;display:block;}
.menu_lvl5_on{margin-left:40px;background-color:#AAAAAA;font-size:10px;padding-left:2px;padding-top:4px;padding-bottom:4px;font-weight:bold;}
/* definition for a specific menu id */
/* #menu_12{background-color:red;} */

/* page indendation definitions; based on the *level* of a menu (horizontal style page listing) */
span.page_lvl1{color:#EC823C;}
span.page_lvl1 a{padding:5px 5px 5px 5px;color:#EC823C;}
span.page_lvl1_on{color:#EC823C;font-weight:bold;}
.page_lvl1_on{font-weight:bold;}
span.page_lvl1_on a{padding:5px 5px 5px 5px;color:#EC823C;}
span.page_lvl2{   }
span.page_lvl2 a{}
span.page_lvl2_on{}
span.page_lvl2_on a{;}
span.page_lvl3{   ;}
span.page_lvl3 a{;}
span.page_lvl3_on{;}
span.page_lvl3_on a{;}
span.page_lvl4{   ;}
span.page_lvl4 a{;}
span.page_lvl4_on{;}
span.page_lvl4_on a{;}
span.page_lvl5{   ;}
span.page_lvl5 a{;}
span.page_lvl5_on{;}
span.page_lvl5_on a{;}

/* event module definitions */
.event_special{font-weight:bold;}
/* generic header output for all of the events module */
.events_header{font-size:12px;background-color:#FFFFFF;width:150px;padding:2px;}
/* contains the event information when displayed as details */
.event_container_full{padding:2px;border:1px solid #C0C0C0;margin-bottom:4px;}

/* specific for an event's title */
.event_title{font-size:15px;color:#0000AA;font-weight:bold;width:415px;float:left;}
/* all the headers possible for an event (e.g. directions, location, etc. */
.event_header{font-size:13px;color:#9999FF;font-weight:bold;width:400px;}
/* event information box (generic for most fields from the database) */
                                                       /* top right bottom left */
.event_info{font-size:11px;background-color:#FFF8DD;margin:10px 5px 5px 10px;}
/* event date information */
.event_date{font-size:10px;font-style:italic;font-weight:normal;text-align:right;padding:3px;float:right;width:275px;}
/* direction information */
.event_directions{background-color:#EDF1EF;float:right;width:150px;right:10px;}
/* control the booking link */
.event_info span.event_booking_link a{color:black;text-decoration:underline;}

/* MINI exposition of the event */
/* contains the event information when displayed as details */
.event_container_mini{width:150px;border:1px solid grey; background-color:#EDF1EF;}
/* event information box (generic for most fields from the database) */
                                                       /* top right bottom left */
.event_info_mini{font-size:11px;background-color:#FFF8DD;}
/* specific for an event's title, but in the mini container */
.event_title_mini{font-size:15px;text-align:right;color:#0000AA;font-weight:bold;}
/* the div that surrounds the link, and then the link that goes to the full listing */
.event_listing_link{text-align:right;}
.event_listing_link a{text-decoration:underline;display:block;font-style:italic;}
/* event date information */
.event_date_mini{font-size:10px;}
/* other events listed in the 'mini' version */
.event_mini_other{font-size:10px;}


/* freshSPRING colours; should be left alone */
.fresh {color:#3366FF;}
.fresh_bgcolour{background-color:#3366FF;}
.fresh_logo{color:#3366FF;;}
.spring {color:#FF9900;}
.spring_bgcolour{background-color:#FF9900;}
.spring_logo{color:#FF9900;;}
.serving{color:#808080;}


/* unused items */
.outline1{;}
.outline2{;}
.outline3{;}
.outline{border:1px solid #3366FF;}
.colour1{;}
.colour2{;}
.colour3{;}

/*  stop divs from flowing out of boxes
 can use class="clearfix NEEDED_NAME" to use multiple classes on one object */
/*  obtained from http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display:inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* for drop-down menus needed by all
from dropdown.css */
#navigation ul,
#navigation ul li,
#navigation ul ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

#navigation ul {
 position: relative;
 z-index: 597;
 float: left;
}

#navigation ul li {
 float: left;
 line-height: 25px;
 vertical-align: middle;
 zoom: 1;
 padding:  0 8px 0 8px;
}

#navigation ul li.hover,
#navigation ul li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
 background: #cbde9e;
}

#navigation ul ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 153px;
 background: transparent url(images.php?id=39) bottom left no-repeat;
 padding: 0 0 10px 0;
 border-top: 1px solid #808080;
 margin: 0 0 0 0px;
}

#navigation ul ul li {
 float: none;
 background: #fff;
 border-left: 1px solid #000;
 border-right: 1px solid #000;
 width: 131px;
 padding: 0 10px 0 10px;
}

#navigation ul ul li a {
	padding: 2px 0 1px 0;
	display: block;
}

#navigation ul ul ul {
 top: 1px;
 left: 99%;
}

#navigation ul li:hover > ul {
 visibility: visible;
}
#navigation a, #navigation a:hover, #navigation a:visited {
	color:  #000 !important;
}