@charset "utf-8";

 .colourbox { 
	width: 289px !important; /* intended total box width - padding-right(next) */ 
	width: 279px; /* IE Win = width - padding */ 
	padding-right: 10px; /* the gap on the right edge of the image (not content padding) DO NOT CHANGE*/ 
	margin: 5px 0px 0px 0px;; /* use to position the box */ 
	text-align:left;
	float:right;
} 

/* Show only to Safari*/
@media screen and (-webkit-min-device-pixel-ratio:0){
 .colourbox { margin-top: 5px; }
}

/* Show only to IE7 */ *:first-child+html .colourbox {   margin-top: 5px;   } 

.colourbox_thin { 
	width: 126px !important; /* intended total box width - padding-right(next) */ 
	width: 116px; /* IE Win = width - padding */ 
	padding-right: 10px; /* the gap on the right edge of the image (not content padding) */ 
	margin: 5px 0px 0px 0px;; /* use to position the box */
	text-align: left;
	float:right;
	position:relative;
} 

.colourbox_contains_white_box{ 
	width: 126px !important; /* intended total box width - padding-right(next) */ 
	width: 116px; /* IE Win = width - padding */ 
	padding-right: 10px; /* the gap on the right edge of the image (not content padding) */ 
	margin: 5px 0px 0px 0px;; /* use to position the box */
	text-align: left;
	float:right;
	position:relative;
	/*height:300px;*/
} 

/* set the top-right image */ 
 .colourbox_head{ 
	background-position: top right; margin-right: -10px; /* pull the right image over on top of border */ 
	padding-right: 10px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
 .colourbox_head h2{ 
	background-position: top left; 
	margin: 0; /* reset main site styles*/ 
	border: 0; /* ditto */ 
	padding: 5px 0px 5px 5px; /* padding-left = image gap + interior padding ... no padding-right */ 
	height: auto !important; height: 1%; /* IE Holly Hack */
	font-size:16px;
} 

/* ALTERNATIVE WHEN NO HEADING - USE h3!!*/
/* set the top-left image */ 
 .colourbox_head h3{ 
	background-position: top left; 
	margin: 0; /* reset main site styles*/ 
	border: 0; /* ditto */ 
	padding: 5px 0px 5px 5px; /* padding-left = image gap + interior padding ... no padding-right */ 
	height: 0px;
} 

/* set the lower-left corner image */ 

 .colourbox_body{ 
	background-position: bottom left; 
	margin-right: 0px; /* interior-padding right */ 
	
	padding: 0px 0px 10px 10px; /* mirror .colourbox_head right/left */ 
	font-size:12px;
}

.colourbox_body p{ 
	margin: 0px 0px 0px -5px;
}

.event_text{
	text-align:center;
	margin-bottom:-7px;
	padding:0px;
}

.event_text a:hover{
	color:black;
}

.colourbox_smallgap{
	font-size:10px;
}

.colourbox_content{
	font-size:12px;
	margin-left:5px;
	width: 289px;
}

.colourbox_thin_content{
	font-size:12px;
	margin-left:5px;
	width: 126px;
}

.fillgap{
	height:400px;
}

/*-----------------------------------------------------------------------------------*/
/* DO EXACTLY THE SAME, BUT FOR THOSE WITH A GREY BACKGROUND - FOR USE INSIDE CONTENT*/
/*-----------------------------------------------------------------------------------*/

.colourboxContent { 
	width: 289px !important; /* intended total box width - padding-right(next) */ 
	width: 279px; /* IE Win = width - padding */ 
	padding-right: 10px; /* the gap on the right edge of the image (not content padding) DO NOT CHANGE*/ 
	margin: 1px 0px 0px 0px;; /* use to position the box */ 
	text-align:left;
	float:left;
} 

.colourboxContent_full { 
	width: 640px !important; /* intended total box width - padding-right(next) */ 
	width: 630px; /* IE Win = width - padding */ 
	padding-right: 10px; /* the gap on the right edge of the image (not content padding) */ 
	margin: 0px 0px 5px 0px;; /* use to position the box */
	text-align: left;
	float:left;
}

.colourboxContent_half { 
	width: 320px !important; /* intended total box width - padding-right(next) */ 
	width: 310px; /* IE Win = width - padding */ 
	padding-right: 10px; /* the gap on the right edge of the image (not content padding) */ 
	margin: 0px 0px 5px 0px;; /* use to position the box */
	text-align: left;
	float:left;
} 

/* Show only to IE7 */ *:first-child+html  .colourboxContent_half{    
margin-top:-5px;  
}

.colourboxContent_half_thinner { 
	width: 305px !important; /* intended total box width - padding-right(next) */ 
	width: 290px; /* IE Win = width - padding */ 
	padding-right: 10px; /* the gap on the right edge of the image (not content padding) */ 
	margin: 0px 0px 0px 5px;; /* use to position the box */
	text-align: left;
	float:left;
} 

/* Show only to IE7 */ *:first-child+html  .colourboxContent_half_thinner{    
margin-top:-5px;  
}

.colourboxContent_thin { 
	width: 245px !important; /* intended total box width - padding-right(next) */ 
	width: 235px; /* IE Win = width - padding */ 
	padding-right: 10px; /* the gap on the right edge of the image (not content padding) */ 
	margin: 0px 0px 5px 0px;; /* use to position the box */
	text-align: left;
	float:left;
} 

/* set the top-right image */ 
 .colourboxContent_head, .greybox_head { 
	background-position: top right; margin-right: -10px; /* pull the right image over on top of border */ 
	padding-right: 10px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
 .colourboxContent_head h2, .greybox_head h2 { 
	background-position: top left; 
	margin: 0; /* reset main site styles*/ 
	border: 0; /* ditto */ 
	padding: 5px 0px 5px 5px; /* padding-left = image gap + interior padding ... no padding-right */ 
	height: auto !important; height: 1%; /* IE Holly Hack */
	font-size:16px;
} 

/* set the top-left image */ 
 .colourboxContent_half_thinner .colourboxContent_head h2{ 
	background-position: top left; 
	margin: 0; /* reset main site styles*/ 
	border: 0; /* ditto */ 
	padding: 5px 0px 5px 5px; /* padding-left = image gap + interior padding ... no padding-right */ 
	height: auto !important; height: 1%; /* IE Holly Hack */
	font-size:16px;
} 

/* ALTERNATIVE WHEN NO HEADING - USE h3!!*/
/* set the top-left image */ 
 .colourboxContent_head h3, .greybox_head h3 { 
	background-position: top left; 
	margin: 0; /* reset main site styles*/ 
	border: 0; /* ditto */ 
	padding: 0px 0px 5px 5px; /* padding-left = image gap + interior padding ... no padding-right */ 
	height: 10px;
} 

.colourboxContent_head h2.archive{ 
	font-size:40px;
	padding: 0px 0px 0px 5px; /* padding-left = image gap + interior padding ... no padding-right */ 
}

.colourboxContent_head h2.largetext{ 
	font-size:40px;
	padding: 0px 0px 5px 5px; /* padding-left = image gap + interior padding ... no padding-right */ 
}

.colourboxContent_head h2.nearlylargetext{ 
	font-size:34px;
	padding: 0px 0px 5px 5px; /* padding-left = image gap + interior padding ... no padding-right */ 
}

/* set the lower-left corner image */ 

 .colourboxContent_body, .greybox_body { 
	background-position: bottom left; 
	margin-right: 0px; /* interior-padding right */ 
	margin-top:-5px;
	padding: 0px 0px 3px 10px; /* mirror .colourbox_head right/left */ 
	font-size:12px;
}

.colourboxContent_body p, .greybox_body p{
	margin-left:-5px;
}

.colourboxContent_smallgap{
	font-size:10px;
}

.bold_green{
	font-size:16px;
	
	padding-bottom:10px;
	color:white;
}