@charset "utf-8";

/* Start layout divs 
-----------------------------------------------------------------------------------*/



html 		{font-size: 0.85em}
body 		{font-size: 80%}	
html>body 	{font-size: 0.85em}


body {
padding: 0px;
margin: 0px;
font-family: "Segoe UI", Arial, Helvetica;
color:#666;
line-height:1.1;
background-color:#fff;
background: url(../images/bg_main.gif) repeat-x center top;
}

body div{ 
text-align:left;
border:#999 solid 0px;
}


	#header {
	width:1000px; 
	height:189px;
	text-align:left;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	}

		#top-left{ /* logo */
		height:129px;
		width:225px;
		padding:5px 0px 0px 0px;
		margin:5px 0px 0px 0px;
		float:left;
		}	
	
	
	
	
	
	
	
	
		#top-right{
		width:725px;
		padding:0px 0px 0px 0px;
		margin:0px 0px 0px 0px;
		float:right;
		}
		
			#header-links{
			height:15px;
			padding:8px 0px 0px 0px;
			margin:0px 0px 0px 0px;	
			color:#999;
			font-size:100%;
			text-align:right;
/*			float:right;
			display:inline;*/
			}
				#header-links a{
				padding:0px 5px 0px 5px;
				margin:0px 0px 0px 0px;	
				color:#666;
				text-transform:none;
				text-decoration:none;
				}
				#header-links a:hover{
				color:#e64d25;
				text-decoration:none;
				}	
		


	#search-container{
	padding:7px 10px 10px 10px;
	margin:10px 0px 0px 0px;	
	float:right;
	background-color:#f0f0f0;
	/*background: url(../images/bg_search.gif) no-repeat left top;
	*/}	
		/*search field*/
		.search-field-cont{
		height:26px;
		margin:0px 0px 0px 0px;
		padding:2px 0px 0px 0px;
		}
		.search-field{	
		height:22px;
		width:250px;
		margin:0px 5px 0px 0px;
		padding:4px 0px 0px 4px;
		color:#666;
		border:0;
		
		}
		
		.search-type{ 
		height:26px;
		}
		#search-container select{
		font-size:10pt;
		}
		
		
		/*search button*/
		.search-button-cont{ 
		margin:2px 0px 0px 1px;
		padding:0px 0px 0px 0px;
		}
		.search-button{
		width:60px; 
		height:26px;
		cursor:pointer;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		border:solid 0px #666;
		background: url(../images/b_search.gif) no-repeat right top;
		}
		.search-button:hover{
		background: url(../images/b_search_hover.gif) no-repeat right top;
		}
		.search-container form input{
		vertical-align: middle;
		}


		
		
		
		
		
		#header-links-2{
		padding:8px 0px 0px 0px;
		margin:0px 0px 0px 0px;	
		color:#999;
		font-size:100%;
		text-align:right;
		}
			#header-links-2 a{
			padding:0px 5px 0px 5px;
			margin:0px 0px 0px 0px;	
			color:#666;
			text-transform:none;
			text-decoration:none;
			}
			#header-links-2 a:hover{
			color:#e64d25;
			text-decoration:none;
			}			
	
				#header-links-2 a.email-signup{
				color:#e64d25;
				font-size:100%;
				font-weight:bold;
				}
				#header-links-2 a.email-signup:hover{
				color:#333;
				}
				
				.text-size-medium{
				font-size:140%;
				}
				.text-size-large{
				font-size:180%;
				}








		

		#menu-donate-wrapper{
		width:1000px; 
		height:50px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;		
		}				
	
			#main-menu {
			width: 700px;
			height:50px;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;		
			float: left;
			}
			
			#main-menu ul {
			margin: 21px 0px 0px 0px;
			padding: 0px 0px 7px 0px;
			list-style: none;
			}
			#main-menu li {
			display: inline;
			margin: 0px 4px 0px 0px;
			padding: 0px 0px 0px 0px;
			}
			
			#main-menu a {
			font-family: Arial , Helvetica;
			margin: 0px 0px 0px 0px;
			padding: 5px 20px 7px 20px;
			font-size:160%;
			text-decoration: none;
			}
			#main-menu a.red-nav {
			color:#fff;
			background-color:#e64d25;				
			}
			#main-menu a.yellow-nav {
			color:#333;
			background-color:#ffcb08;				
			}
			
			#main-menu a:hover {
			background-color:#666;
			color:#fff;
			}
			
			#main-menu a.not-selected {
			opacity: 0.9;
			-moz-opacity:0.9;
			filter:alpha(opacity=90);
			}
	

	
	
	
		#donate{
		width:225px;
		height:50px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;		
		float:right;
		overflow:hidden;
		}		
		
		.hover-50:hover{
		margin: -50px 0px 0px 0px;
		}
		
		
		
		
		
		
		
		
/* end header and main menu section 
-----------------------------------------------------------------------------------*/





#content {
width:1000px; 
text-align:left;
margin:0px auto 0px auto;
padding:0px 0px 0px 0px;	
background: url(../images/sun_buckets.gif) no-repeat left bottom;
}

	.u-r-here{
	width:940px;
	height:15px;
	padding:5px 0px 0px 8px;
	margin:0px 0px 0px 0px;
	font-size:90%;
	color:#999;
	text-transform: none;
	font-weight:bold;
	}
/*		
		#u-r-here a{
		color:#34aca1;
		}
		#u-r-here a:hover{
		color:#666;
		}
*/
		




/* homepage layout 
-----------------------------------------------------------------------------------*/

	.home-left-col{
	width:755px; 
	margin:0px 20px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	}	
	
	
	
	
	.main-header-wrapper{
	background-color:#e64d25;
	}
	
		.main-image-wrapper{
		width:562px; 
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		float:left;
		background-color:#e64d25;
		}
		
		

		.notices-wrapper{
		width:193px;
		/*height:243px;*/
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		color:#fff;
		float:right;
		background: url(../images/bg_notices.gif) no-repeat right top;
		}		
			.notices-top{
			/*height:200px;*/
			padding:10px 15px 15px 15px;
			margin:0px 0px 0px 0px;	
			overflow:hidden;
			}	
				
				.homepage-notice-h1{
				padding:0px 0px 0px 0px;
				margin:0px 0px 15px 0px;	
				color:#fff;
				font-size:140%;
				font-weight:bold;
				text-transform:uppercase;
				line-height:1.2;
				}
				.homepage-notice-date{
				padding:0px 0px 0px 0px;
				margin:0px 0px 0px 0px;	
				color:#333;
				font-size:90%;
				font-weight:bold;
				text-transform:uppercase;
				}

	
				.notices-bottom{
				height:28px;
				overflow:hidden;
				}
/*				.hover-28:hover{
				margin: -28px 0px 0px 0px;
				}*/

			
	
	
	
	
	.buckets-wrapper{
	margin:20px 0px 0px 0px;	
	padding:0px 0px 20px 0px;
	}
		.general-bucket{
		width:167px;
		margin:0px 20px 15px 0px;
		padding:0px 0px 0px 0px;
		float:left;
		}
		.end-bucket{
		width:193px;
		margin:0px 0px 0px 1px;
		padding:0px 0px 0px 0px;
		float:left;
		}	
	
	
	
	
	
	
	
	.arrow-header-wrapper{
	margin:0px 0px 0px 0px;
	padding:6px 0px 0px 0px;
	}
		a.arrow-header-link{
		font-family: Arial, Helvetica;
		font-weight: 400;
		display:block;
		padding:0px 30px 5px 0px;
		font-size:135%
		}
			.red-arrow{
			color:#e64d25;
			background: url(../images/arrow_red.gif) no-repeat right 1px;
			}
			.yellow-arrow{
			color:#ffb608; /* more yellow */
			color:#e3bc28; /* more black */
			background: url(../images/arrow_yellow.gif) no-repeat right 1px;
			}
			.blue-arrow{
			color:#0290d9;
			background: url(../images/arrow_blue.gif) no-repeat right 1px;
			}
			.blue-arrow-on-blue{
			color:#0290d9;
			background: url(../images/arrow_blue_on_blue.gif) no-repeat right 1px;
			}
			.green-arrow{
			color:#a7b70c;
			background: url(../images/arrow_green.gif) no-repeat right 1px;
			}
	
		a.arrow-header-link:hover{
		background: url(../images/arrow_hover.gif) no-repeat right 1px;
		}
		
		
		
		
		
		
		

	
		ul.yellow-ul{
		list-style-type: ;
		padding: 0px 0px 0px 0px;
		margin: 12px 0px 0px 3px;
		}
		ul.yellow-ul li { 
		color:#fac921;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 8px 10px;
		}
		ul.yellow-ul li a{ 
		color:#666;
		font-weight:bold;
		}
		ul.yellow-ul li a:hover{ 
		color:#000;
		}











	
	
	
	.home-right-col{
	width:225px; 
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:right;
	}		
		.homepage-advert{
		height:183px;
		overflow:hidden;
		}
/*		.hover-183:hover{
		margin: -183px 0px 0px 0px;
		}*/


		.blue-panel{
		margin:15px 0px 0px 0px;
		padding:5px 10px 20px 10px;		
		background-color:#f2f9fd;
		}
			.news-date{
			margin:0px 0px 0px 0px;
			padding:0px 5px 0px 0px;		
			color:#0290d9;
			font-size:95%;
			font-weight:bold;
			text-transform:uppercase;
			}

		






/*colours

red e64d25

dark blue 0290d9

light blue panel f2f9fd

*/





	
/* inner page divs  	
-----------------------------------------------------------------------------------*/	
		
	
.intPageWrapper {
width: 1000px;
padding-top: 3px;
}

	.intPageNav {
	float: left;
	width: 187px;
	/* width: 187px; */
	margin-right: 38px;
	padding-bottom: 70px;
	}
	
	.intPageContent {
	float: left;
	width: 775px;
	padding: 0px;
	margin: 0px;
	}
	
		.intPageImgWrapper {
		width: 775px;
		}
		
			.intPageTxt {
			float: left;
			width: 216px;
			font-size: 155%;
			color: #333;
			padding: 20px 20px 0px 24px;
			}
			
			.intPageImg {
			float: left;
			width: 515px;
			}
			
		.intPageTxtOpener {
		width: 755px;
		padding: 15px 0 0 20px;
		font-size: 155%;
		}
		
			.intPageTxtOpener h1 {
			font-size: 115%;
			color: #333;
			font-weight: normal;
			}
			
		.intPageTxtContinued {
		width: 755px;
		padding: 15px 0 40px 20px; 
		font-size: 110%;
		}
		
			.intPageTxtContent {
			float: left;
			width: 510px;
			padding-right: 20px;
			margin-bottom: 30px;
			}
				
				.intPageTxtContent blockquote {
				background-color: #e5f4fb;
				padding: 15px 15px 20px 15px;
				margin: 10px 0;
				font-size: 110%;
				}
				
					.intPageTxtContent blockquote a {
					color: #000;
					}
		
			.intPageTxtExtras {
			float: left; 
			width: 225px;
			}
			
				.relatedLinks {
				width: 195px;
				background: url(../images/related-pages-bg.gif) top right no-repeat;
				background-color: #cce9f7;
				padding: 15px;
				margin-bottom: 20px;
				}
				
					.relatedLinks p {
					color: #333; font-size: 125%;
					}
					
					.relatedLinks ul {
					list-style: none;
					margin: 0;
					padding: 0;
					font-size: 95%;
					}
					
						.relatedLinks ul li {
						margin: 0 0 5px 0;
						padding: 0;
						}
						
							.relatedLinks ul li a {
							color: #666;
							}
					
				






/* footer divs
-------------------------------------------------------------------------------------*/



	#footer-wrapper{
	width:100%; 

	text-align:left;
	margin:0px 0px 40px 0px;
	padding:0px 0px 0px 0px;
	background: url(../images/footer_bg.gif) repeat-x left top;
	}
	
	
		#footer{
		width:1000px; 
		margin:0px auto 0px auto;
		padding:20px 0px 0px 0px;
		text-align:left;
		background: url(../images/footer_bg.gif) repeat-x left top;
		}
			.footer-col-1{
			width:350px;
			margin:0px 20px 20px 0px;
			padding:0px 0px 0px 0px;
			float:left;
			}
				.footer-sitemap-titles{
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				color:333;
				font-weight:bold;
				}
				.footer-col-1-l{
				width:160px;
				margin:2px 20px 0px 0px;
				float:left;
				}
				.footer-col-1-r{
				width:160px;
				margin:2px 0px 0px 0px;
				float:right;
				}	
					div.footer-col-1 ul{
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					}
					div.footer-col-1 ul li{
					list-style-type: none;
					margin:0px 0px 5px 0px;
					padding:0px 0px 0px 0px;
					}
					div.footer-col-1 ul li a{
					color:#666;
					}
		
		
		
		
			.footer-col-2{
			width:300px;
			margin:0px 0px 20px 0px;
			padding:0px 45px 0px 5px;
			float:left;
			}
			
			.footer-col-3{
			width:280px;
			margin:0px 0px 20px 0px;
			padding:0px 0px 0px 0px;
			float:left;
			}	
			
				.footer-col-2 a, .footer-col-3 a{
				color:#999;
				}
		
		
		
		

		.footer-bottom-wrapper{
		height:30px;
		border-top:#e3e3e3 solid 5px;
		}
		
			.footer-left{
			color:#666;
			width:500px;
			height:20px;
			padding:7px 0px 0px 0px;
			margin:0px 0px 0px 0px;
			text-align:left;
			float:left;
			}
	
			
			.footer-right{
			color:#fff;
			width:400px;
			height:20px;
			padding:7px 0px 0px 0px;
			margin:0px 0px 0px 0px;
			text-align:right;
			float:right;
			}
				#footer-right a{	
				color:#fff;
				padding:0px 10px 0px 10px;
				margin:0px 0px 0px 0px;
				}
				#footer-right a:hover{	
				color:#000;
				}


/* End all layout divs */






/* Custom styles 
------------------------------------------------------*/




.note-to-client{
color:red;
}
.breadcrumb-arrow{
margin:0px 3px 0px 3px;	
color:#e64d25;
}
.display-none{
display:none;
}
.centred{
text-align:center;
}




.bottom-padding-10{
padding:0px 0px 10px 0px;
}
.top-padding-5{
padding:5px 0px 0px 0px;
}
.top-padding-10{
padding:10px 0px 0px 0px;
}

.left-padding-18{
padding:0px 0px 0px 18px;
}





.icon{
padding:0px 0px 0px 10px;
}
.radio-button{
margin:3px 3px 5px 0px;
padding:0px 0px 0px 0px;
vertical-align:middle;
}
.image-float-left{
float:left;
margin:2px 10px 5px 0px;
}
.image-float-right{
float:right;
margin:0px 0px 0px 9px;
}
.small-caps{
font-size:90%;
text-transform: uppercase;
font-weight:bold;
line-height:1; /* this is for IE only */
}
.uppercase{
text-transform: uppercase;
}
.no-underline {
text-decoration:none;
}
.clear_div {
clear: both;
}
.bold {
font-weight: bold;
}
.footer-text{
font-size:100%;
line-height:1; /* this is for IE only */
}

ul.error_msg {
	margin: 10px 0 20px 0;
}

.error_msg {
	color: #C00;
}

ul{
line-height:1.2;
}

/* General styles 
------------------------------------------------------*/




p{
padding:0px 0px 9px 0px;
margin:0px 0px 0px 0px;
font-size:100%;
line-height:1.4;
}
p.tight{
padding:0px 0px 3px 0px;
line-height:1.15;
}
p.first-paragraph{
padding:0px 0px 15px 0px;
font-size:140%;
line-height:1.4;
}



a{
color:#e64d25;
text-decoration:none;
}
a:hover{
color:#333;
text-decoration:none;
}
a.blue{
color:#0290d9;
text-decoration:none;
}
a.blue:hover{
color:#333;
text-decoration:none;
}


a.yellow{
color:#ffb608; /* more yellow */
color:#e3bc28; /* more black */
}
a.yellow:hover{
color:#333;
}



a.grey{
color:#666;
}
a.grey:hover{
color:#333;
}

a.grey-red{
color:#666;
}
a.grey-red:hover{
color:#e64d25;
}


a.purple{
color:#9d0c40;
}
a.purple:hover{
color:#333;
}


a.breadcrumb{
color:#333;
}
a.breadcrumb:hover{
color:#666;
}



img{
border:0;
}

#content a:hover img{
opacity: 0.8;
-moz-opacity:0.8;
filter:alpha(opacity=80);
}


h1{
padding:5px 0px 0px 0px;
margin:0px 0px 5px 0px;	
color:#666;
font-size:140%;
font-weight:bold;
line-height:1.4;
}
h2{
/*font-family: Arial, Helvetica;*/
padding:5px 0px 0px 0px;
margin:0px 0px 2px 0px;
color:#;
font-size:140%;
font-weight:normal;
line-height:1.4;
}
h3{
padding:0px 0px 0px 0px;
margin:0px 0px 15px 0px;	
color:#666;
font-size:100%;
font-weight:normal;
line-height:1.1;
}
h3{
font-family: Arial, Helvetica;
padding:0px 0px 0px 0px;
margin:0px 0px 15px 0px;	
color:#666;
font-size:100%;
font-weight:normal;
line-height:1.1;
}

hr {
height: 0px; 
margin:10px 0px 5px 0px;
border-style: dotted; 
border-width: 1px 0px 0px 0px; 
border-color:#ccc;
}
hr.white {
border-color: #fff;
}




/* generic list styles 
---------------------------------------------------*/



ul{
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 20px;
}
ul li { 
padding: 0px 0px 0px 0px;
margin: 10px 0px 0px 0px;
}
ul li a{ 
}
ul li a:hover{ 
color:#333;
}


/* form styles */

form {
margin:	0px;
padding:0px;
border:0px;
}

fieldset {
margin:	0px;
padding:0px;
border:0px;
}

legend {
font-weight: bold;
margin-left: -10px;
padding-bottom: 5px;
color:#666;
}

fieldset select {
margin:3px 0px 0px 0px;
font-size:110%;
width:225px;
color:#666;
}

fieldset select.float-right {
float:right;
}

fieldset ol {
list-style:none;
padding:5px 0px 20px 0px;
margin:0px;
}

fieldset ol li {
clear:left;
line-height:1.4;
vertical-align: middle;
}

fieldset ol li label {
padding-top:0px;
float:left;
width:150px;
font-size:110%;
font-weight:normal;
color:#666;
margin-top:3px;
margin-bottom:8px;
}

fieldset ol li label.narrow{
width:100px;
}

input.submit_button{ /* submit button */
padding:0px;
margin:10px 0px 0px 0px;
}

p#required_notation {
padding:8px 0px 10px 0px;
color:#999;
}


/* Modules */

div.moduleContnr {
}

div.itemRow, div.itemEndRow {
	padding: 10px 0;
	border-bottom: 1px dashed #ccc;
}

.itemTitle {
	float:left;
	width: 75%;
	padding: 0 0 5px 0;
}

.itemDate {
	float:left;
	width: 25%;
	text-align: right;
	font-size: 90%;
}

.itemSummary {
	clear: both;
	padding: 10px 0 0 0;
}

.itemTitle a {
	font-size:110%;
}


/* COURSE VIEW */

p.courseSubHeading {
color: #999;
font-size:90%;
margin: 0; 
padding: 0;
}

div.courseDesc {
padding: 10px 0 20px;
}

div.courseForm {
padding: 20px;
background-color:#F2F9FD;
}

div.courseForm h3 {
color:#0290D9;
font-size:135%;
}