/* 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}

/* tables */
table{border:0px;border-spacing:0px;padding:0px;border-collapse:collapse;empty-cells:show;}
table.center{margin-left:auto;margin-right:auto;}
thead{font-weight:bold;}
td{font-size:12px; font-family:verdana,helvetica,arial,sans-serif;vertical-align:top;text-align:left;}
td.main{text-align:center;}

/* 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;}

/* 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;}
.form_field_name{float:left;font-style:italic;}
.form_field{float:left;margin-left:2px;}

/* 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: 12px;}
h2{margin-bottom:0px; margin-top:0px; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #B31A16;}
h3{margin-bottom:0px; margin-top:0px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; 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:00px; background-position:2px 8px;font-size:13px;}
.menu_lvl1 a{color:white;background-image:url(images/white.gif); background-position:0px 9px;background-repeat:no-repeat;padding-left:15px;padding-right:15px;padding-top:5px;text-decoration:none;}
.menu_lvl1 a:hover{background-image:url(images/orange.gif);background-position:0px 9px;background-repeat:no-repeat;padding-left:15px;padding-right:15px;padding-top:5px;text-decoration:none; }

.menu_lvl1_on{margin-left:00px; background-position:2px 8px;font-size:13px;font-weight:bold;}
.menu_lvl1_on a{color:white;background-image:url(images/orange.gif); background-position:0px 9px;background-repeat:no-repeat;padding-left:15px;padding-right:15px;padding-top:5px;text-decoration:none;}
.menu_lvl1_on a:hover{background-image:url(images/orange.gif); background-position:0px 9px;background-repeat:no-repeat;padding-left:15px;padding-right:15px;padding-top:5px;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:white;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;}
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 */