/***********************************************/
/* Components                                  */
/***********************************************/

/************* Nav styles **************/

.navButton-on{
width:95px;
padding: 7px 0px 8px 0px;
color: #333333;
float:left;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:0.7em;
text-decoration:none;
background-image:url(../images/nav_on_b.gif);
background-position:top left;
background-repeat:no-repeat;
}

a.navButton-on {
text-decoration:none;
color: #333333;
}

a:hover.navButton-on {
text-decoration:none;
}

.navButton{
width:95px;
padding: 7px 0px 8px 0px;
color:#FFFFFF;
float:left;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:0.7em;
text-decoration:none;
background-image:url(../images/dotted_separator.gif);
background-position:right 50%;
background-repeat:no-repeat;
}

a.navButton {
text-decoration:none;
color:#FFFFFF;
}

a:hover.navButton {
color:#007FB1;
text-decoration:underline;
background-image:url(../images/nav_hover_b.gif);
background-position:top left;
background-repeat:no-repeat;
}

.navButton2{
width:95px;
padding: 7px 0px 8px 0px;
color:#FFFFFF;
float:left;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:0.7em;
text-decoration:none;
}

a.navButton2 {
text-decoration:none;
color:#FFFFFF;
}

a:hover.navButton2 {
color:#007FB1;
text-decoration:underline;
background-image:url(../images/nav_hover_b.gif);
background-position:top left;
background-repeat:no-repeat;
}

.navButton2-on{
width:95px;
padding: 7px 0px 8px 0px;
color: #333333;
float:left;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:0.7em;
text-decoration:none;
background-image:url(../images/nav_on_b.gif);
background-position:top left;
background-repeat:no-repeat;
}

a.navButton2-on {
text-decoration:none;
color: #333333;
}

a:hover.navButton2-on {
text-decoration:none;
color: #333333;
}

/************* footer styles**************/

.ftrL {
	text-align:left;
	color:#666666;
	width:360px;
	float: left;
	padding: 0px 0px 0px 15px;
	height:15px;
	margin:0px;
}

.ftrR {
	text-align:right;
	color:#00ACEE;
	width:360px;
	float: right;
	padding: 0px 15px 0px 0px ;
		height:15px;
			margin:0px;
}

a.ftrRTxt{color:#00ACEE; margin:0px; padding:0px;}
a:hover.ftrRTxt{color:#00ACEE; margin:0px; padding:0px;}

/************* panel component styles**************/

		.homePanelTop-1 {
	width: 368px;
	height:57px;
	padding: 0px;
	margin: 0px;
	background-image: url(../images/hope_panel_top1.gif);
	background-repeat:no-repeat;
	background-position:top left;
		}

		.homePanelTop-2 {
	width: 368px;
	height:57px;
	padding: 0px;
	margin: 0px;
	background-image: url(../images/hope_panel_top2.gif);
	background-repeat:no-repeat;
	background-position:top left;
		}

	.homePanelTab-a {
	width: 164px;
	padding: 11px 0px 0px 20px;
	margin: 0px;
	float: left;
		}
	.homePanelTab-b {
	width: 164px;
	padding: 11px 0px 0px 20px;
	margin: 0px;
	float: left;
		}

	.homePanelDate {
	width: 326px;
	padding: 7px 21px 0px 21px;
	margin: 0px;
	float: left;
		}

		.homePanelMid {
	width: 332px;
	padding: 3px 18px 20px 18px;
	margin: 0px;
	background-image: url(../images/hope_panel_slice.gif);
	background-repeat:repeat-y;
	background-position:top left;
		}

		.homePanelBot {
	width: 368px;
	height:185px;
	padding: 0px;
	margin: 0px;
	background-image: url(../images/hope_panel_bot.gif);
	background-repeat:no-repeat;
	background-position:top left;
		}


	.homePanelMainCont {
	width: 326px;
	padding: 0px 0px 7px 0px;
	margin: 0px 21px 5px 21px;
	border-bottom: 1px dotted #cccccc;
		}

	.homePanelMainCont2 {
	width: 326px;
	padding: 0px 0px 7px 0px;
	margin: 0px 21px 5px 21px;
	font-size: 0.7em;
	font-family: Arial, Helvetica, sans-serif;
	line-height:1em;
	border-bottom: 1px dotted #cccccc;
		}

	.homePanelMainCont3 {
	width: 326px;
	padding: 0px;
	margin: 0px 21px 5px 21px;
		}

		.rPanel{
	width: 190px;
	padding: 0px;
	margin-right: 4px;
	margin-left: 13px;
	margin-top: 0px;
}

		.rPanelHomeTop {
	width:150px;
	height:37px;
	background-image:url(../images/r_panel_home_top.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding: 8px 20px 0px 20px;
		}
		
				.rPanelTop {
	width:190px;
	height:14px;
	background-image:url(../images/r_panel_top.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding: 0px;
	margin: 15px 0px 0px 0px;
	float:left;
	font-size:1px;
		}

		.rPanelHomeMid {
	width:190px;
	padding:0px;
	margin:0px;
	height:auto;
	background-image:url(../images/r_panel_home_slice.gif);
	background-repeat:repeat-y;
	background-position:top left;
		float:left;
		}

		.rPanelHomeBot {
	width:190px;
	height:19px;
	background-image:url(../images/r_panel_home_bot.gif);
	background-repeat:no-repeat;
	background-position:top left;
		float: left;
		}

		.rPanelBox {
	width: 154px;
	padding: 0px 15px 7px 20px;
	float: left;
	margin: 0px 0px 0px 0px;
}

		.rPanelBoxLeft {
	width: 103px;
	padding: 13px 0px 0px 0px;
	float: left;
	margin: 0px;
}

		.rPanelBoxRight {
	width: 51px;
	padding: 10px 0px 0px 0px;
	float: left;
	margin: 0px;
}

		.rPanelLinkBox , .rPanelLinkBox2 {
	width: 179px;
	padding: 0px;
	margin: 0px 5px 0px 5px;
	height: auto;
}


		.rPanelLinkBoxLeft {
	width: 128px;
	float:left;
}

		.rPanelLinkBoxRight {
	width: 28px;
	float:left;
}


		.eventsPanel{
	width: 197px;
	padding: 0px;
	margin: 5px 0px 0px 9px;	
}

		
				.eventsPanelTop {
	width:197px;
	height:17px;
	background-image:url(../images/events_panel_top.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding: 0px;
	margin: 0px;
	float: left;
		}

		.eventsPanelMid {
	width:197px;
	background-image:url(../images/events_panel_mid_slice.gif);
	background-repeat:repeat-y;
	background-position:top left;
	float: left;
	margin: 0px;
	padding: 0px;
		}

		.eventsPanelBot {
	width:197px;
	height:19px;
	background-image:url(../images/events_panel_bottom.gif);
	background-repeat:no-repeat;
	background-position:top left;
	float: left;
		}

		.eventsPanelBox {
	width: 162px;
	padding: 0px 15px 5px 20px;
	float: left;
	margin: 0px 0px 0px 0px;
}

		.contactButton {
	width:178px;
	height:41px;
	margin:7px 0px 0px 9px;
	background-image:url(../images/contact_button.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding: 11px 0px 0px 20px;
		}



		.readMoreBox{ margin-top:0px; float:left;}

/*********** #sectionLinks styles ***********/

#sectionLinks{
	position: relative;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px dotted #cccccc;
	font-size: 0.7em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height:1em;
	margin-left: 20px;
}



/*********** #columnL link styles ***********/

#columnL ul a:link, #columnL ul a:visited {display: block;}
#columnL ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#columnL li {
	border-bottom: 1px dotted #cccccc;}

#columnL li a{
	color:#333333;
	background-image:url(../images/arrow_grey.gif);
	background-position:left 50%;
	background-repeat:no-repeat;
	display: block;
	border-top: 1px dotted #cccccc;
	padding: 4px 0px 4px 10px;}


#columnL li a:hover{color:#333333;
		background-image:url(../images/arrow_grey.gif);
	background-position:left 50%;
	background-repeat:no-repeat;
	background-color: #f4f4f4;}

/* fix for browsers that don't need the hack */
html>body #columnL li {border-bottom: none;}



/*********** homePanelMainCont link styles ***********/

.homePanelMainCont2 ul a:link, .homePanelMainCont2 ul a:visited {display: block;}
.homePanelMainCont2 ul {list-style: none; margin: 0px; padding: 0px;}


.homePanelMainCont2 li a{
	color:#333333;
		background-image:url(../images/arrow_green.gif);
	background-position:left 50%;
	background-repeat:no-repeat;
	display: block;
	padding: 4px 0px 2px 10px;
	margin: 0px;}


.homePanelMainCont2 li a:hover{color:#333333;
		background-image:url(../images/arrow_green.gif);
	background-position:left 50%;
	background-repeat:no-repeat;}



/*********** rPanelLinkBox link styles ***********/

.rPanelLinkBox ul a:link, .rPanelLinkBox ul a:visited {display: block;}
.rPanelLinkBox ul {list-style: none; margin: 0; padding: 0;}


.rPanelLinkBox li a{
	width: 130px;
	padding: 8px 35px 12px 14px;
	background-image: url(../images/r_panel_box_grad_up.gif);
	background-repeat: no-repeat;
	background-position: top left;
	display: block;
	color:#FFFFFF;
		border-top: 1px dotted #FFFFFF;
	text-decoration:none;}


.rPanelLinkBox li a:hover{
	width: 130px;
	padding: 8px 35px 12px 14px;
	background-image: url(../images/r_panel_box_grad_hover.gif);
	background-repeat: no-repeat;
	background-position: top left;
	color:#007FB1;
		border-top: 1px dotted #FFFFFF;
	text-decoration:underline;}
	
	.rPanelLinkBox li a .helpText{
	font-size:0.8em;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFF00;
}

	.rPanelLinkBox li a:hover .helpText{
	font-size:0.8em;
	font-family:Arial, Helvetica, sans-serif;
	color:#007FB1;
}


/*********** rPanelLinkBox2 link styles ***********/

.rPanelLinkBox2 ul a:link, .rPanelLinkBox2 ul a:visited {display: block;}
.rPanelLinkBox2 ul {list-style: none; margin: 0; padding: 0;}

.rPanelLinkBox2 li p{
	margin: 0;
	padding: 0;
	line-height: 1.1em;
}
	
.rPLB2-on{
	background-image: url(../images/r_panel_box_grad_hover_sm.gif);
	background-repeat: no-repeat;
	background-position: top left;
	width: 130px;
	padding: 11px 35px 12px 14px;
	color:#007FB1;
	border-top: 1px dotted #FFFFFF;
	text-decoration:none;
	margin: 0px;
}

.rPLB2-on2{
	background-image: url(../images/r_panel_box_grad_hover.gif);
	background-repeat: no-repeat;
	background-position: top left;
	width: 130px;
	padding: 11px 35px 12px 14px;
	color:#007FB1;
	border-top: 1px dotted #FFFFFF;
	text-decoration:none;
	margin: 0px;
}

.rPanelLinkBox2 li a{
	width: 130px;
	padding: 11px 35px 12px 14px;
	background-image: url(../images/r_panel_box_grad_up.gif);
	background-repeat: no-repeat;
	background-position: top left;
	display: block;
	color:#FFFFFF;
		border-top: 1px dotted #FFFFFF;
	text-decoration:none;}


.rPanelLinkBox2 li a:hover{
	width: 130px;
	padding: 11px 35px 12px 14px;
	background-image: url(../images/r_panel_box_grad_hover_sm.gif);
	background-repeat: no-repeat;
	background-position: top left;
	color:#007FB1;
		border-top: 1px dotted #FFFFFF;
	text-decoration:underline;}
	
	
/*********** #contentMain list styles ***********/

#contentMain ul {list-style: none; margin: 0; padding: 0;}


#contentMain li {
	color:#333333;
		background-image:url(../images/arrow_blue.gif);
	background-position:left 50%;
	background-repeat:no-repeat;
	display: block;
	padding: 2px 0px 2px 10px;}

	

/*********** eventsPanel link styles ***********/

.eventsPanel ul a:link, .eventsPanel ul a:visited {display: block;}
.eventsPanel ul {list-style: none; margin: 0; padding: 0;}


.eventsPanel li {
	color:#333333;
	display: block;
	padding-top: 10px;
	padding-right: 0px;
	margin-right: 15px;
	padding-bottom: 10px;
	padding-left: 0px;
		margin-left: 22px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}

.eventsPanel li a{
	color:#0099D8;
}


.eventsPanel li a:hover{color:#ff0000;}




/************* other styles**************/

		.contactButton {
	width:178px;
	height:30px;
	margin:7px 0px 0px 9px;
	background-image:url(../images/contact_button.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding: 11px 0px 0px 20px;
		}
		
		.contactText {
		float:left;
		width:130px;
		}
		
		.contactImg {
		float:left;
		width:30px;
		}
		
		.eventTextMore {

	width:128px;
	padding-left: 23px;
	margin-top: 3px;
	margin-bottom: 0px;
	margin-right: 0px;
	height:17px;
	float:left;

		}
		
		.eventImgMore {

	width:30px;
	margin: 0px;
	height:20px;
		float:left;
		}

		.pageTitleHome {
	padding:0px 0px 8px 0px;
	margin:10px 0px 0px 20px;
	border-bottom: 1px dotted #CCCCCC;
	width: 151px;
	color: #00ACEE;
	display:block;
		}
		
		.pageTitle {
	margin-left:20px;
	margin-top: 10px;
	border-bottom: 1px dotted #CCCCCC;
	width: 532px;
	padding-bottom: 8px;
	color: #333333;
	display:block;
		}
		
		.contMainBox{
	margin-left:20px;
	margin-top: 20px;
	color: #333333;
	line-height: 1em;
	width: 512px;
		}
		
		.execMainBox{
	margin-left:20px;
	margin-top: 20px;
	color: #333333;
	line-height: 1em;
	width: 532px;
	border-bottom: 1px dotted #CCCCCC;
		}
		
		.contMainImg{
	margin-left:0px;
	margin-top: 8px;
	float: left;
	width: auto;
	padding-bottom: 10px;
	margin-bottom: 19px;
	margin-right: 20px;
		}
		
		.newsMainBox{
	margin-left:20px;
	margin-top: 20px;
	color: #333333;
	line-height: 1em;
	width: 532px;
	border-bottom:1px dotted #CCCCCC;
		}
		
		.newsMainImg{
	margin-left:0px;
	margin-top: 0px;
	float: left;
	width: 106px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	margin-right: 20px;
		}
		
		.newsSummary{float:left; width:380px;}
		.newsLinkBox{
	float:left;
	width:380px;
	padding-top: 10px;
}

		.execImg{
	margin-left:0px;
	float: left;
	width: 132px;
	margin-bottom: 20px;
	margin-right: 0px;
	text-align: center;
	padding-top: 15px;
		}
		
		.execText {padding-top:5px; width:95px; text-align:center; margin-left:21px; margin-right:16px;
		}
		
		.execImgRow{float:left; width:532px; text-align:center;
		}
		
		
		.leftColCont {
	margin-left:20px;
	margin-top: 8px;
	width: 151px;
	padding-bottom: 10px;
	color: #00ACEE;
	line-height: 1em;
	margin-bottom: 19px;
		}

		.leftColLogoCont{
	margin-left:16px;
	margin-top: 20px;
	width: 153px;
	color: #00ACEE;
	line-height: 1em;
	margin-bottom: 19px;
	text-align: center;
	padding: 0px;
		}

		.logoPanelHomeTop{
	float: left;
	width: 141px;
	padding: 15px 5px 5px 5px;
	line-height: 1em;
	text-align: center;
	background-image: url(../images/sponsor_panel_top.gif);
	height: 21px;
	background-repeat: no-repeat;
	background-position: top left;
}

		.logoPanelHomeBot{
	float: left;
	width: 153px;
	padding: 0px;
	line-height: 1em;
	text-align: center;
}

		.smallType {
font-family:Arial, Helvetica, sans-serif;
font-size:0.65em;
		}
	

.largerType {font-size: 1.2em}

.tenonLogo {clear:both;
margin-left:26px;}


.fwNormal {font-weight:normal;}

/************* colours **************/

.darkGrey { color:#333333;}
.midGrey { color:#666666;}
.lightGrey {color: #999999}
.green {color:#00CC33;}
.red {color:#FF0000;}
.darkBlue { color:#0067A6;}
.lightBlue { color:#0099D8;}
.white {color:#FFFFFF;}
.yellow {color:#FFFF00;}


/************* set margins **************/

.M_L_10_T_10{
	margin-top: 10px;
	margin-left: 10px;
	padding: 0;
 }
 
.M_L_10_T_4{
	margin-left: 10px;
	margin-top: 4px;
	padding: 0;
 }

.M_T_10{
	margin-top: 10px;
	padding: 0;
 }
 
.M_T_4{
	margin-top: 4px;
	padding: 0;
 }
 
.M_B_10{
	margin-bottom: 10px;
	padding: 0;
 }
 
 /************* gallery **************/

.gallery_pic{
    clear: both;
    text-align: center;
    margin: auto;
}