@charset "UTF-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000000;}

.twoCols #container { 
	width: 820px;  
	background: #FFFFFF;
	margin: 0 auto; 
	text-align: left; 
}

.twoCols #sidebar1 {
	text-align: left; 
	float: left; 
	width: 9.45em; 
	margin: 0;
	background-color: #ccffff /*PALE blue*/;
	font-family: helvetica, sans-serif;
	font-size: 1em;
	padding: 0.5em 0.5em 0.5em 1em;
	height: auto;
	border-color: #0066cc; /*dark blue*/
	border-width: 2px;
	border-style: solid;
	float: left;
	line-height: 1.8em;
}

.twoCols #mainContent { 
	margin: 0 0 0 10.5em;
	padding: 0 10px 0 30px;
	min-height: 400px;
} 
	
.twoCols #banner	
{
	height: 6em;
	margin: 0 auto;
	background-image: url(images/logo.jpg);
	background-repeat: no-repeat;
	background-color: #ccffff;
	background-position: center;
	}

#sidenav
{
	font-family: helvetica, sans-serif;
	font-size: 0.95em;
}
	
.wb
{
	font-weight: normal;
	font-size: 1em;
	line-height: 1.8em;
	}
	

.box 
{	font-size: 1em;
	line-height: 1.4em;
	word-spacing: 1px;
	margin-left: 20px; margin-right: 20px;
	margin-top: 5px;
	}

.black 
{	color: black;
	}
	
	
p, .bodytext 
{
	font-size: 1em;
	line-height: 1.5em;
	letter-spacing: 0pt;
	word-spacing: 2px;
	}
	
h1	
{	color: #0066cc;
	font-size: 1.8em;
	text-align: center;
	margin-top: 0px;
	line-height: 1.4em;
	}

h2	
{	color: #0066cc;
	font-size: 1.6em;
	text-align: left;
	}

h3	
{	color: #0066cc;
	font-size: 1.4em;
	text-align: left;
	margin-top: 0;
	}

h4	
{	color: #0066cc;
	font-size: 1.2em;
	text-align: left;
	}
	
.centre
{	text-align: center;
}
a.sidenav
{
font-family: helvetica, sans-serif; 
line-height: 1.2em;
marginp: 1em 0;} 

.left300
{	margin: 0 0 0 300px;
}

.left400
{	margin: 0 0 0 400px;
	padding: 0
}

* html .bb250r
.right400
{	margin: 0 400px 0 0;
	padding: 0;
	float: left;
	width: 400px;
}
.centre600
{
	margin-right: 100px;
	margin-left: 100px;
}


.spacebefore8

{	margin-top: 8px;
	}

a:link, a:visited  {color: #0066cc; font-weight: bold; /*hafcac dark*/}
a:hover {color: #111AAA /*white*/; }
a:active {color: #006400; /*green*/}

.redtext
{ color:#CC0000; /*red*/
	font-weight:bolder;
	font-size:larger;
	}

ul, li
{	font-size: 1em;
 	margin-top: 0; 
	margin-left: 0;
	padding-left: 0;
	line-height: 1.4em; 
	}
	
.textlistwb
{	/*white background
	margin-left: 1em;
	margin-right: 2em;
	list-style-position:outside;
	color: #0066cc;
	margin-top: 0.5em;}

.textlistpb
{	/*pale background
	*/list-style-image:url("../../Documents/0%20web%20design/cafcac/images/bluebullet_onblue.jpg");
	margin-left: 3em;
	margin-right: 2em;
	color: #0066cc;
	margin-top: 0.5em;}
	
.blacktext 
{	color: black;
 }

.bluebullet
{ color: #0066cc;
  font-size: 2em;
  }
  		

.bb250l /*white box with blue border float left*/ 
{	width: 250px;
/* font-size: .8em; */
 	border: 4px solid #0066cc; /*pale*/
 	float: left;
  	margin: 0 2em 0 0;
}

* html .bb250l
.bb250l /*white box with blue border float left*/ 
{	width: 250px;
/* font-size: .8em; */
 	border: 4px solid #0066cc; /*pale*/
 	float: left;
  	margin: 0 2em 0 0;
}

.bb250r/*white box with border float right*/ 
{	width: 250px;
	/*font-size: 0.8em; */
	border: 4px;
	border-style: solid;
	border-color: #0066cc;
	float: right;
	margin: 0 0 2em 2em;
  	}
	
* html .bb250r
{	width: 250px;
	float: right;
	border: 4px;
	border-style: solid;
	border-color: #0066cc;
	float: right;
	margin: 0 0 0 2em;
}

.bb280l/*white box with border float right*/ 
{	width: 280px;
	/*font-size: 0.8em; */
	float: left;
	padding: 8px;
	background-color: #ccffff; /*pale*/
	font-size: 1em; 
	float: right;
	margin-bottom: 2em;
	margin-left: 2em;
	border: 4px solid #0066cc; /*pale*/
	}
	
* html .bb280r
/*white box with border float right*/ 
{	width: 280px;
	/*font-size: 0.8em; */
	float: left;
	padding: 8px;
	background-color: #ccffff; /*pale*/
	font-size: 1em; 
	float: right;
	margin-bottom: 2em;
	margin-left: 2em;
	border: 4px solid #0066cc; /*pale*/
	}	
		
.pb250l /*box pale blue float left*/ 
{	width: 250px;
	padding: 8px;
 	font-size: 0.8em; 
	background-color: #ccffff; /*pale*/
 	float: left;
 	margin-right: 2em;
}

* html .pb250l
/*box pale blue float left*/ 
{	width: 250px;
	padding: 8px;
 	font-size: 0.8em; 
	background-color: #ccffff; /*pale*/
 	float: left;
 	margin-right: 2em;
}

.pb250r /*solid pale background*/ 
{	width: 250px;
	padding: 8px;
	font-size: 0.95em; 
	background-color: #ccffff; /*pale*/
 	float: right;
 	margin: 1em;
	margin-right: 0;
	border: 4px solid #0066cc; /*pale*/
}

* html .pb250r
/*solid pale background*/ 
{	width: 250px;
	padding: 8px;
	font-size: 0.95em; 
	background-color: #ccffff; /*pale*/
 	float: right;
 	margin: 1em;
	margin-right: 0;
	border: 4px solid #0066cc; /*pale*/
}

.bb350l /*white box with border float left*/ 
{	width: 350px;
 	float: left;
  	margin-right: 2em;
	border: 4px solid #0066cc; /*pale*/
}

* html .bb350l
/*white box with border float left*/ 
{	width: 350px;
 	float: left;
  	margin-right: 2em;
	border: 4px solid #0066cc; /*pale*/
}

.bb350r /*white box with border float right 350px*/ 
{	width: 350px;
	font-size: 1em; 
	float: right;
	margin-bottom: 2em;
	margin-left: 2em;
	border: 4px solid #ccffff; /*pale*/
  	}

* html .bb350r
/*white box with border float right 350px*/ 
{	width: 350px;
	font-size: 1em; 
	float: right;
	margin-bottom: 2em;
	margin-left: 2em;
	border: 4px solid #ccffff; /*pale*/
  	}

.pb350l /*white box with border float left*/ 
{	width: 35px;
	padding: 8px;
	background-color: #ccffff; /*pale*/
 	float: left;
  	margin-right: 2em;
	border: 4px solid #0066cc; /*pale*/
}

* html .pb350l
.pb350l /*white box with border float left*/ 
{	width: 35px;
	padding: 8px;
	background-color: #ccffff; /*pale*/
 	float: left;
  	margin-right: 2em;
	border: 4px solid #0066cc; /*pale*/
}

.pb350r /*white box with border float right 350px*/ 
{	width: 350px;
	padding: 8px;
	background-color: #ccffff; /*pale*/
	font-size: 1em; 
	float: right;
	margin-bottom: 2em;
	margin-left: 2em;
	border: 4px solid #0066cc; /*pale*/
  	}

* html .pb350r
/*white box with border float right 350px*/ 
{	width: 350px;
	padding: 8px;
	background-color: #ccffff; /*pale*/
	font-size: 1em; 
	float: right;
	margin-bottom: 2em;
	margin-left: 2em;
	border: 4px solid #0066cc; /*pale*/
  	}
	
.pb200r /*white box with border float right 350px*/ 
{	width: 200px;
	padding: 8px;
	background-color: #ccffff; /*pale*/
	font-size: 1em; 
	float: right;
	margin-bottom: 2em;
	margin-left: 2em;
	border: 4px solid #0066cc; /*pale*/
  	}	
		
* html .pb200r /*white box with border float right 350px*/ 
{	width: 200px;
	padding: 8px;
	background-color: #ccffff; /*pale*/
	font-size: 1em; 
	float: right;
	margin-bottom: 2em;
	margin-left: 2em;
	border: 4px solid #0066cc; /*pale*/
  	}	
				
.bb200r
{ width: 200px;
	/*font-size: 0.8em; */
	border: 4px;
	border-style: solid;
	border-color: #0066cc;
	float: right;
	margin: 0 0 2em 2em;
}

* html .bb200r
{
	width: 200px;
	/*font-size: 0.8em; */
	border: 4px;
	border-style: solid;
	border-color: #0066cc;
	float: right;
	margin: 0 0 2em 2em;
}

.floatleft {
	float: left;
	padding-right: 2em;
	}
	
.clearfloat {
	clear: left;
	}
.caption
{	font-size: 0.8em;
	line-height:1.2em;
}