/* general */
body{margin-top:0px;font-family:verdana,helvetica,arial,sans-serif;font-size:12px; line-height:150%; background-color:#DCD8D3}
div{padding:1px;vertical-align:top}
img{padding:0px;}
img.none{padding:0px}
img{
	font: inherit;
	border: none;
	font-weight: normal;
}
.homepic {
	margin-top: 3px;
	margin-bottom: 3px;
	margin-right: 10px;
	float: left; 
}
.hopepic{border: 2px solid #904098;}

.schoolpic{border: 2px solid #E68E37;}

.healthpic{
	border: 2px solid #6CC071;}

.waterpic{
	border: 2px solid #3A89C9;}
.menu_related_image{
    margin-left:17px;margin-right:3px; padding-bottom:20px;}
.content{
    background-color:#FFFFFF;}

/* tables */
table{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:none;}
a:visited{text-decoration:none;;}
a:active{text-decoration:none;}
td.outline a.tab{display:block;}
td.outline a.tab:hover{display:block;text-decoration:none;}


/* text */
p{
	font-size: 12px;
	margin-top: 0px;
	margin-bottom: 12px;
	font-family: verdana,helvetica,arial,sans-serif;
	line-height: 18px;
}
.whitetext {
	font-size: 11px;
	color: white;}

.smalltext {
	font-size: 9.5px;
	color: black;
	line-height: 12px;
	margin-bottom:6px;
	}


.hopetext {
	font-size: 12.5px;
	text-decoration:none; 
    font-weight: bold;
	color:#904098;
	margin-top: 0px;
	margin-bottom: 12px;
	font-family: verdana,helvetica,arial,sans-serif;
	line-height: 18px;
	}
.schooltext {
	font-size: 12.5px;
	text-decoration:none;
	font-weight: bold;
	color:#E68E37;
	margin-top: 0px;
	margin-bottom: 12px;
	font-family: verdana,helvetica,arial,sans-serif;
	line-height: 18px;
	}
.healthtext {
	font-size: 12.5px;
	text-decoration:none;
	font-weight: bold;
	color:#6CC071;
	margin-top: 0px;
	margin-bottom: 12px;
	font-family: verdana,helvetica,arial,sans-serif;
	line-height: 18px;
	}
.watertext {
	font-size: 12.5px;
	text-decoration:none;
	font-weight: bold;
	color:#3A89C9;
	margin-top: 0px;
	margin-bottom: 12px;
	font-family: verdana,helvetica,arial,sans-serif;
	line-height: 18px;
	}

.hopetextl {
	font-size: 12px;
	text-decoration:none;
	font-weight: bold;
	color:#904098;
	margin-top: 0px;
	margin-bottom: 6px;
	font-family: verdana,helvetica,arial,sans-serif;
	line-height: 18px;
	}
.schooltextl {
	font-size: 12px;
   	text-decoration:none;
   	font-weight: bold;
	color:#E68E37;
	margin-top: 0px;
	margin-bottom: 6px;
	font-family: verdana,helvetica,arial,sans-serif;
	line-height: 18px;
	}
.healthtextl {
	font-size: 12px;
   	text-decoration:none;
   	font-weight: bold;
	color:#6CC071;
	margin-top: 0px;
	margin-bottom: 6px;
	font-family: verdana,helvetica,arial,sans-serif;
	line-height: 18px;
	}
.watertextl {
	font-size: 12px;
    text-decoration:none;
    font-weight: bold;
	color:#3A89C9;
	margin-top: 0px;
	margin-bottom: 6px;
	font-family: verdana,helvetica,arial,sans-serif;
	line-height: 17px;
	}



h1{font-size:14px; margin-top:0px; margin-bottom:11px; font-weight: 800;color:#904098;font-family:verdana,helvetica,arial,sans-serif;}
h2{font-size:12px; margin-top:0px; margin-bottom:9px; font-weight: 800;color:#904098;font-family:verdana,helvetica,arial,sans-serif;}
h3{font-size:14px; margin-top:0px; margin-bottom:9px; font-weight: 800;color:#904098;font-family:verdana,helvetica,arial,sans-serif;}
h4{font-size:14px; margin-top:0px; margin-bottom:9px; font-weight: 800;color:#E68E37;font-family:verdana,helvetica,arial,sans-serif;}
h5{font-size:14px; margin-top:0px; margin-bottom:9px; font-weight: 800;color:#6CC071;font-family:verdana,helvetica,arial,sans-serif;}
h6{font-size:14px; margin-top:0px; margin-bottom:9px; font-weight: 800;color:#3A89C9;font-family:verdana,helvetica,arial,sans-serif;}


/* colors */
.colour1{color:#904098;}
.colour2{color:#E68E37;}
.colour3{color:#6CC071;}
.colour4{color:#3A89C9;}
.colour5{;}
.colour6{;}
.colour7{;}
.colour8{;}
.colour9{;}
.colour10{;}



/* menu definition; customise to your heart's content */
.menu_lvl1{
	background-color: #904098;
	color: #D3A6D9;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 0.5px;
	padding-left: 6.75px;
	padding-right:6.75px;
	padding-top: 7px;
	padding-bottom: 7px;
	text-align: left;
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;}
.menu_lvl1 a{
	background-color: #904098;
	color: white;
	font-size: 10px;
	font-weight: bold;
	letter-spacing:0.5px;
	padding-left: 7px;
	padding-right:7px;
	padding-top: 7px;
	padding-bottom: 7px;
	text-align: left;
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;}
.menu_lvl1 a:hover{
	background-color: #904098;
	color: #D3A6D9;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 0.5px;
	padding-left: 7px;
	padding-right:7px;
	padding-top: 7px;
	padding-bottom: 7px;
	text-align: left;
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;}
.menu_lvl1_on{
	margin-left: 00px;
	background-color: white;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 0.5px;
	color: #904098;
	padding-left: 7px;
	padding-right:7px;
	padding-top: 7px;
	padding-bottom: 7px;
	text-align: left;
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;}
.menu_lvl1_on a{
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 7px;
	padding-bottom: 7px;
	color: #904098;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	letter-spacing: 0.5px;
	vertical-align: middle;
	margin-bottom: 3px;}
.menu_lvl1_on a:hover{	
	padding-left: 7px;
	padding-right:7px;
	padding-top: 7px;
	padding-bottom: 7px;
	color: #904098;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 0.5px;
	text-align: left;
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;}


.menu_lvl2{
	margin-left:11px;
	font-size:11px;
	font-weight:normal;
        padding-bottom:8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	vertical-align:top}
.menu_lvl2 a{ 
	margin-left:11px;
	font-size:11px;
        padding-bottom:8px;
        font-weight:normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	vertical-align:top}
.menu_lvl2_on{
	margin-left:11px;
	font-size:11px;
	font-weight:bold;
	padding-bottom:8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	vertical-align:top}
.menu_lvl2_on a{ 
	margin-left:11px;
	font-size:11px;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	vertical-align:top}
.menu_lvl2_on a:hover{ 
	margin-left:11px;
	font-size:11px;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	vertical-align:top}


.menu_lvl3{
	margin-left:10px;
	font-size:10px;
	padding-left:5px;
	padding-bottom:8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;}
.menu_lvl3 a{ 
	margin-left:10px;
	font-size:10px;
	padding-left:5px;
	padding-bottom:8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;}
.menu_lvl3 a:hover{ 
	margin-left:10px;
	font-size:10px;
	font-weight:bold;

	padding-bottom:8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;}
.menu_lvl3_on{ 
	margin-left:10px;
	font-size:10px;
	font-weight:bold;

	padding-bottom:8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;}
.menu_lvl3_on a{
	margin-left:10px;
	font-size:10px;
	font-weight:bold;

	padding-bottom:8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;}
.menu_lvl3_on a:hover{ 
	margin-left:10px;
	font-size:11px;
	font-weight:bold;
	
	padding-bottom:8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;}


.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;}

/* menu definition; for a single menu id */
/* eg. #menu_12{background-color:red;} */
#menu_4 a{color:#F1BD8C;}
#menu_4 a:hover{color:#F1D8C4;}
#menu_4_on a{color:#E68E37;}
#menu_6 a{color:#B1DAAE;}
#menu_6 a:hover{color:#D1E2D5;}
#menu_6_on a{color:#6CC071;}
#menu_5 a{color:#96B6DF;}
#menu_5 a:hover{color:#C5D6E5;}
#menu_5_on a{color:#3A89C9;}

#menu_16 a{color:#904098;}
#menu_16_on a{color:#904098;}
#menu_16 a:hover{color:#CBAFD3;}
#menu_35 a{color:#904098;}
#menu_35_on a{color:#904098;}
#menu_35 a:hover{color:#CBAFD3;}
#menu_41 a{color:#904098;}
#menu_41_on a{color:#904098;}
#menu_41 a:hover{color:#CBAFD3;}
#menu_36 a{color:#904098;}
#menu_36_on a{color:#904098;}
#menu_36 a:hover{color:#CBAFD3;}
#menu_37 a{color:#904098;}
#menu_37_on a{color:#904098;}
#menu_37 a:hover{color:#CBAFD3;}

#menu_9 a{color:#E68E37;}
#menu_9_on a{color:#E68E37;}
#menu_9 a:hover{color:#F1BD8C;}
#menu_11 a{color:#E68E37;}
#menu_11_on a{color:#E68E37;}
#menu_11 a:hover{color:#F1BD8C;}
#menu_43 a{color:#E68E37;}
#menu_43_on a{color:#E68E37;}
#menu_43 a:hover{color:#F1BD8C;}
#menu_47 a{color:#E68E37;}
#menu_47_on a{color:#E68E37;}
#menu_47 a:hover{color:#F1BD8C;}

#menu_29 a{color:#6CC071;}
#menu_29_on a{color:#6CC071;}
#menu_29 a:hover{color:#B1DAAE;}

#menu_30 a{color:#3A89C9;}
#menu_30_on a{color:#3A89C9;}
#menu_30 a:hover{color:#96B6DF;}
#menu_42 a{color:#3A89C9;}
#menu_42_on a{color:#3A89C9;}
#menu_42 a:hover{color:#96B6DF;}




/* page indendation definitions; based on the *level* of a menu (vertical style page listing) */
div.page_lvl1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	vertical-align:top;
	margin-left:10px;
	font-size:11px;  
        padding-bottom:8px}

div.page_lvl1 a{
	font-weight:400;
	display:block;}
	
div.page_lvl1_on {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	vertical-align:top;
	margin-left:10px;
	font-size:11px;
        padding-bottom:8px}

div.page_lvl1_on a {
    font-weight:bold;
    display:block;}

div.page_lvl2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	vertical-align:top;
	margin-left:24px;
	font-size:11px;
      padding-bottom:8px;}

div.page_lvl2 a{
	font-weight:400;
	display:block;}
	
div.page_lvl2_on {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	vertical-align:top;
	margin-left:28px;
	font-size:11px;
    padding-bottom:4px;}

div.page_lvl2_on a {
    font-weight:bold;
    display:block;
    padding-bottom:4px;}

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{}
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{;}

/* page definition; for a single menu id */
/* eg. #page_12{color:red;} */
#page_54 a{color:#E68E37;}
#page_54_on a{color:#E68E37;}
#page_54_on a:hover{color:#E68E37;}
#page_54 a:hover{color:#F1BD8C;}


#page_62 a{color:#904098;}
#page_62_on a{color:#904098;}
#page_62_on a:hover{color:#904098;}
#page_62 a:hover{color:#CBAFD3;}

#page_44 a{color:#E68E37;}
#page_44_on a{color:#E68E37;}
#page_50 a{color:#E68E37;}
#page_50_on a{color:#E68E37;}
#page_50 a:hover:active {color:#F1BD8C;}
#page_51 a{color:#6CC071;}
#page_51_on a{color:#6CC071;}
#page_51 a:hover{color:#B1DAAE;}

/* 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{}
.form_field_name{float:left;}
.form_field{float:left;}


/* errors and warnings */
.updated{font-size:10px;color:#BBBBBB;}
.all_ok{color:#008800;font-weight:bold;}
.cell_highlighted{background:#D0E0FF;}
.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;}


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


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