@charset "UTF-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;}

.twoColFixLt #container { 
	width: 820px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

.twoColFixLt #sidebar1 {
	text-align: left; 
	float: left; /* since this element is floated, a width must be given */
	width: 9.45em; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	margin: 0;
	background-color: #ccffff /*PALE blue*/;
	font-family: helvetica, sans-serif;
	font-size: 0.95em;
	padding: 0.5em 0.5em 0.5em 1em;
	height: auto;
	border-color: #0066cc; /*dark blue*/
	border-width: 2px;
	/*border-right: 0;
	*/border-style: solid;
	float: left;
	/*margin-right: 15px;
	*/line-height: 1.8em;
}

.twoColFixLt #mainContent { 
	margin: 0 0 0 10.5em; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 10px 0 30px;
	/*border: #0066cc 2px solid;
	border-right: 0;
	border-bottom: 0;*/
	min-height: 400px;
} 
	
.twoColFixLt #banner	
{
	height: 6em;
	margin: 0 auto;
	background-image: url(images/logo.jpg);
	background-repeat: no-repeat;
	background-color: #ccffff;
	background-position: center;
	}
#topnavbar
{
	font-family: helvetica, sans-serif;
	font-size: 0.95em;	/*width: 10em;
	padding: 0.5em 0.5em 0.5em 1em;
	height: auto;
	margin-left: 0em;
	border-color: #0066cc; /*dark blue*/	/*border-width: 2px;
	border-style: solid;
	float: left;
	margin-right: 15px;
	line-height: 1.8em;*/
}
	
.wb
{
	font-weight: normal;
	font-size: 1em;
	line-height: 1.8em;
	}
	

/*#sidebar
 {/*position: absolute; top: 110px;*/
 /* margin-top: 0em;
  width: 80px;
  padding-right: 20px; 
  padding-top: 1em;
  border-right: 6px solid #D4CAE2; /*pale*/
 /* border-bottom: 6px solid #D4CAE2; /*pale*/ 
  /*color: #006400; /*green*/ 
  /*font-family: helvetica, sans-serif; 
  font-size: .90em;
  text-align: right;
  z-index: 3;}*/

.box 
{	font-size: 1em;
	line-height: 1.4em;
	/*letter-spacing: 0;*/
	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.topnav
{/*text-decoration: none;*/
font-family: helvetica, sans-serif; 
line-height: 3em;
} 

.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: #FFF /*white*/; background-color: #D4CAE2; /*pale*/}
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;
}