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


body {
	background-color:#FFFFFF;
	margin: 0;
	padding: 0;
		}
		
	#container	{
		width: 900px;
		height: auto;
		margin: 0 auto;
		border: 0;
		background-color: #FFFFFF;
		font:	100% Arial, Helvetica, sans-serif;
		text align: left;
		
			}	
		
	#header	{
	width: 900px;
	height: 145px;
	background-color:#FFFFFF;
	font: 150% Arial, Helvetica, sans-serif;
	text align: centre;
	background-image: url(images/logo%20complete.jpg);
			}
			
	#menu {
		width: 900px;
		height: 50px;
			}			
			
	#content	{
		width: 880px;
		height: auto;
		background-color:#FFFFFF;
		padding-left:10px;
		padding-right:10px;
			}
	
	#holder	{
	height: 350px;
	width:300px;
	float:right;
	}
			
	#footer		{
	width: 900px;
	height: 40px;
	font: 75% Arial, Helvetica, sans-serif;
	text-align:center;
	text:bold;
	border-top-color:5px solid #FFFFFF;
			}
			
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:content;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
	
/* headers */

h2  {
color: #339933;
text: bold;
size: 125%;
}

h3  {
color: #660066;
text: bold;
size: 100%;
}

h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: None;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: capitalize;
	color: #660066;
}	
	
/* font styles */

.style1 {
	color: #0033CC;
	font-style: italic;
}

.style2  {
color:#660066;
text: bold;
text-transform: capitalize;
}

.style8 {
	font-size: 70%
}

.style9 {
	color: #660066;
	font-size: 75%;
}

.style10 {
color: #339933;
font-size: 75%;
}

.style13 {font-size: 75%;
	font-style: italic;
	font-weight: bold;
}