@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
}


		
body { background: #06082c url("images/bg2.jpg");
	  	background-attachment:fixed;
		background-position:center;
	  	background-repeat: no-repeat;
		height:100%;
		overflow:hidden;
	  	font-family: Arial /*, Helvetica, sans-serif*/;
  		font-size: 11px;
  		line-height: 14px;
 		margin: 0 0 0 0; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
  		padding: 0 0 0 0;
	  	text-align:center;}
		
h1 		{
		font-family:Helvetica, sans-serif;
		font-size:18px;
		line-height:20px;
		font-weight:bold;
		color:#643350;
		text-align:center;
		}
	  
h2 		{
		font-family: Helvetica, sans-serif;
		font-size:15px;
		line-height:17px;
		font-weight:bold;
		color:#643350;
		text-align:center;
		padding-top:10px;
		padding-bottom:5px;
		/*border-bottom:1px dotted #643350;*/
		}
		
h3 		{
		font-family: Helvetica, sans-serif;
		font-size:13px;
		line-height:15px;
		font-weight:bold;
		color:#643350;
		text-align:left;
		padding-top:10px;
		padding-bottom:5px;
		/*border-bottom:1px dotted #643350;*/
		}
		
li {
		margin-top:10px;
		margin-left:0px;
		padding:0px;
		}
		
a		{
		font-family: Arial /*, Helvetica, sans-serif*/;
  		font-size: 11px;
		color:#0066d0;
		}
		
a:link		{
		font-family: Arial /*, Helvetica, sans-serif*/;
  		font-size: 11px;
		color:#0066d0;
		text-decoration:none;
		}
		
a:visited	{
		font-family: Arial /*, Helvetica, sans-serif*/;
  		font-size: 11px;
		color:#0066d0;
		text-decoration:none;
		}
		
a:hover	{
		font-family: Arial /*, Helvetica, sans-serif*/;
  		font-size: 11px;
		color:#0066d0;
		text-decoration:underline;
		}
		
.line		{
		border-bottom:1px dotted #643350;
		text-align:center;
		width:97%;
		margin:0;
		padding:0;
		display:block;
		overflow:hidden;
		}
		
.spacer		{
			height:10px;
			}
			
.cross		{
			text-align:center;
			margin-top:5px;
			margin-bottom:0px;
			}
		
#headerDiv {
		background: rgb(212, 212, 218); /*the fallback*/
		/*background: rgba(255, 255, 255, 0.8);*/
		width:800px; 
		height:100px;
		margin:0 auto; 
		margin-bottom: 10px;
		margin-top:10px;
		text-align:left;
		}
		
#outerWrapper {
		/*background: rgba(255, 255, 255, 0.8);*/
		width:800px;
		vertical-align:middle;
		margin:2em auto;		
		height:100%;
		text-align:left;
		}
		
/*#outerWrapper #contentWrapper { 
		margin: 0 auto;		
		height:100%;		
		}*/

#outerWrapper #contentWrapper #leftColumn1 {
  		background: rgb(212, 212, 218);/* the fallback*/
		/*background: rgba(255, 255, 255, 0.8);*/
 		/*border-right: solid 1px #8ab573;  Sets the right border properties for an element using shorthand notation 
		background-image:url(images/bg-nav-cross.jpg);
		background-position:top;
		background-repeat:no-repeat;*/
  		float: left;
		margin:0px 0px 0px 0px;
  		padding: 10px 10px 0px 10px; 
  		width: 180px;
		height:400px;
		overflow:hidden;}

		
#outerWrapper #contentWrapper #content {
		background: rgb(212, 212, 218); 
		/*background: rgba(255, 255, 255, 0.8);*/
		position: relative;
		padding: 10px 0px 10px 10px;
		margin: 10px 0 0px 210px;
		height: 390px;
		/*overflow:auto;*/
		}
		
#outerWrapper #contentWrapper #indexContent {
		/*background: rgb(212, 212, 218); 
		background: rgba(255, 255, 255, 0.8);*/
		position: relative;
		padding: 0px 0px 10px 10px;
		margin: 0px 0 10px 200px;
		height: 400px;
		/*overflow:auto;*/
		}
		
#outerWrapper #contentWrapper #content #scrollcontent {
		position:relative;
		margin: 0px 0px 0px 0px;
		padding:0px 10px 0px 0px;
		/*padding-right:10px;	
		padding-bottom:10px;*/
		height:390px;
		overflow:auto;		
		}
		
#outerWrapper #contentWrapper #indexContent #rightColumn {
		position:relative;
		float:right;
		width:250px;
		background: rgb(212, 212, 218);
		margin: 0px 0px 10px 0px;
		padding: 10px 10px 10px 10px;
		/*padding-right:10px;	
		padding-bottom:10px;*/
		height:390px;
		overflow:auto;		
		}
		
#outerWrapper #contentWrapper #indexContent #centreColumn {
		position:relative;
		float:left;
		width:340px;
		background: rgb(212, 212, 218);
		margin: 0px 0px 10px 0px;
		padding: 10px 10px 10px 10px;
		/*padding-right:10px;	
		padding-bottom:10px;*/
		height:390px;
		overflow:auto;
		font-size:13px;
		line-height:15px;		
		}
		
#outerWrapper #contentWrapper .clearFloat {
  clear: left;
  display: block;
  height:5px;
}
#outerWrapper #footer {
	background: rgb(212, 212, 218);/* the fallback*/
 	/*background: rgba(255, 255, 255, 0.8);*/
	color:#333333;
 	margin-top: 10px;
 	/*border-top: solid 1px #8ab573;  Sets the top border properties for an element using shorthand notation */
 	padding: 5px 0px 5px 10px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	font-size:9px;
	clear:both;
}

#outerWrapper #footer a {
	font-size:9px;
	}

#outerWrapper #contentWrapper #leftColumn1 #leftNav{
  		background-color: #eef6ed; 
  		float: left;
  		padding: 0px; 
  		width: 180px;}
		
		
		
#list-menu {
width: 180px; /* this width value is also effected by the padding we will later set on the links. */
}

#list-menu ul {
margin: 0;
padding: 0;
list-style-type: none;
font-family:/*,Arial , sans-serif*/ Helvetica;
font-weight:bold;
font-size: 12px;
} 

#list-menu li {
margin: 0px;
} 

#list-menu a {
display: block;
width:170px;
padding: 4px;
border-bottom: 1px dotted #000000;
text-decoration: none; /*lets remove the link underlines*/
} 

#list-menu a:link, #list-menu a:active, #list-menu a:visited {
color: #333333;
}

#list-menu a:hover {
border-bottom: 1px solid #000000;
background: #643350;
color: #ffffff;
} 

#list-menu li ul{
margin: 0px;
} 

#contacts {
	display:block;
	float:left;
	padding:10px;
	margin-bottom:50px;
	width:44%;
	background-color:none;
	font: 12px Arial;
	}

.homecontent	{
				width:370px;
				margin-left:10px;			
				font-size:15px;
				line-height:17px;
				float:left;
				display:block;
				overflow:hidden;
				}
				
.homeimage	{	
				width:150px;
				margin-right:10px;
				float:left;
				display:block;
				overflow:visible;
				}
				
#resources {
			display:block;
			float:left;
			width:95%;
			}
			
				
#resourcesLeft {
	display:block;
	float:left;
	text-align:right;
	padding:10px;
	margin-bottom:20px;
	width:200px;
	background-color:none;
	font: 12px Arial;
	}
	
#resourcesRight {
	display:block;
	float:left;
	padding:10px;
	margin-bottom:20px;	
	width:280px;
	background-color:none;
	font: 12px Arial;
	}
	
.backToTop {
			text-align:right;
			}
			
.testimony {
			font-family:Arial;
			font-size:12px;
			}
			
.indent {
	padding-left:25px;
	}

a.email		{
		font-family: Arial /*, Helvetica, sans-serif*/;
  		font-size: 12px;
		color:#0066d0;
		}
		
a.email:link		{
		font-family: Arial /*, Helvetica, sans-serif*/;
  		font-size: 12px;
		color:#0066d0;
		text-decoration:none;
		}
		
a.email:visited	{
		font-family: Arial /*, Helvetica, sans-serif*/;
  		font-size: 12px;
		color:#0066d0;
		text-decoration:none;
		}
		
a.email:hover	{
		font-family: Arial /*, Helvetica, sans-serif*/;
  		font-size: 12px;
		color:#0066d0;
		text-decoration:underline;
		}
		
#downloads ul{
		margin:0px;
		}
		
#downloads li {
		margin-top:5px;
		margin-left:0px;
		padding:0px;
		}
		
.indexcross {
		/*margin-left:10px;*/
		float:right;
		}