/* general html */
body{font-family:verdana,helvetica,arial,sans-serif;font-size:12px;background-color:#333399;margin:10px;}
p{font-size:12px;}
div{padding:0px;}
hr{width:85%;color:#333399;noshade;align:center;}
/* tables */
table{border:0px;border-spacing:0px;padding:0px;border-collapse:collapse;empty-cells:show;}
thead{font-weight:bold;}
td{font-size:12px; font-family:verdana,helvetica,arial,sans-serif;vertical-align:top;}
/* links */
a{text-decoration:none;}
a:hover{text-decoration:underline;}
a:visited{text-decoration:none;}
a:active{text-decoration:underline;}
td.outline a.tab{display:block;}
td.outline a.tab:hover{display:block;text-decoration:none;}
/* custom */
.main {width: 750px; border:1px solid #C0C0C0;background-color:#FFFFFF;}
.footer {width: 750px; border:0; padding:0px;}
.footer td{color:gray;font-size:10px;}
.footer a{color:white;}
body.content_cms,#content{width: 610px;padding-left: 20px; padding-right: 20px; padding-bottom: 20px;background-color:#FFFFFF;}
#content{height: 200px;}
#logo{margin-top:10px;text-align:center;}
/* 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;}
/* 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 */
h1 {color:#904098;font-size:14px;font-weight:800;margin-bottom:0px;margin-top:0px;}
h2 {color:#904098;font-size:12px;font-weight:800;margin-bottom:0px;margin-top:0px;}
h3 {color:#904098;font-size:14px;font-weight:800;margin-bottom:0px;margin-top:0px;}
h4 {color:#E68E37;font-size:14px;font-weight:800;margin-bottom:0px;margin-top:0px;}
h5 {color:#6CC071;font-size:14px;font-weight:800;margin-bottom:0px;margin-top:0px;}
h6 {color:#3A89C9;font-size:14px;font-weight:800;margin-bottom:0px;margin-top:0px;}
.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{ align:right;margin-left:00px;background-color:#333399;font-size:13px;}
.menu_lvl1 a{color:white;display:block;text-decoration:none;padding-left:2px;padding-top:4px;padding-bottom:4px;padding-right:2px;}
.menu_lvl1 a:hover{color:#333399;font-weight:bold;background-color:#D6E1FE;display:block;text-decoration:none;padding-left:2px;padding-top:4px;padding-bottom:4px;padding-right:2px;}
.menu_lvl1_on{align:right;margin-left:00px;background-color:#D6E1FE;font-size:13px;font-weight:bold;}
.menu_lvl1_on a{color:#333399;display:block;text-decoration:none;padding-left:2px;padding-top:4px;padding-bottom:4px;padding-right:2px;}
.menu_lvl1_on a:hover{background-color:#D6E1FE;display:block;text-decoration:none;padding-left:2px;padding-top:4px;padding-bottom:4px;padding-right:2px;}
.menu_lvl2{ margin-left:10px;background-color:#FF9900;font-size:12px;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:12px;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:11px;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:11px;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:10px;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:10px;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 (vertical style page listing) */
div.page_lvl1{margin-left:10px;padding:3px 0px 3px 0px; }
div.page_lvl1 a{display:block;padding:2px 0px 2px 3px;text-decoration:none;}
div.page_lvl1 a:hover{display:block;padding:2px 0px 2px 3px;text-decoration:none;background-color:#CCCCCC;}
div.page_lvl1_on{margin-left:10px;padding:3px 0px 3px 0px; }
div.page_lvl1_on a{display:block;padding:2px 0px 2px 3px;text-decoration:none;background-color:#CCCCCC;}
div.page_lvl1_on a:hover{display:block;padding:2px 0px 2px 3px;text-decoration:none;background-color:#COCOCO;}
div.page_lvl2{ margin-left:15px;}
div.page_lvl2 a{display:block;}
div.page_lvl2_on{margin-left:15px;}
div.page_lvl2_on a{display:block;}
div.page_lvl3{ margin-left:25px;}
div.page_lvl3 a{display:block;}
div.page_lvl3_on{margin-left:25px;}
div.page_lvl3_on a{display:block;}
div.page_lvl4{ margin-left:35px;}
div.page_lvl4 a{display:block;}
div.page_lvl4_on{margin-left:35px;}
div.page_lvl4_on a{display:block;}
div.page_lvl5{ margin-left:45px;}
div.page_lvl5 a{display:block;}
div.page_lvl5_on{margin-left:45px;}
div.page_lvl5_on a{display:block;}
/* page indendation definitions; based on the *level* of a menu (horizontal style page listing) */
span.page_lvl1{ }
span.page_lvl1 a{padding:0px 5px 0px 5px;}
span.page_lvl1_on{}
span.page_lvl1_on a{}
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:#DDEEFF;width:150px;padding:2px;}
/* contains the event information when displayed as details */
.event_container_full{padding:2px;border:1px solid #BBDDFF;margin-bottom:4px;}
/* specific for an event's title */
.event_title{font-size:15px;color:#0000AA;font-weight:bold;width:375px;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:2px 5px 5px 10px;}
/* event date information */
.event_date{font-size:10px;font-style:italic;font-weight:normal;text-align:right;padding:3px;float:right;}
/* 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 */