body { /* set everything to zero for a good cross-browser starting point */
	margin: 0;
	padding: 0;
	border: 0;
	background-color: #990000; /* sets the body background colour */
	color: #383412;  /* set the default text color */
	text-align: center; /* Hack to centre the wrapper in IE5.x pc */
	font-family: Verdana, Arial, Helvetica, sans-serif; /* set the default fonts */
	font-size: 100.01%; /* Sets default font size. This odd value compensates for several browser bugs. First, setting a default font size in percent (instead of em) eliminates an IE/Win problem with growing or shrinking fonts out of proportion if they are later set in ems in other elements. Additionally, some versions of Opera will draw a default font-size of 100% too small compared to other browsers. Safari, on the other hand, has a problem with a font-size of 101%. Current "best" suggestion is to use the 100.01% value for this property */
	min-width: 770px; /* Prevents the body becoming narrower than our wrapper div - keeps the content from disappearing off the left edge with Gecko browsers */
}

/******* hyperlink and anchor tag styles *******/

a:link, a:visited{
	font: 100% Verdana, Arial, Helevetica, san-serif;
	color: #990000;
	text-decoration: underline;
}

a:hover{
	text-decoration: underline;
	color: #CC6600;
}

/******** list and header styles **************/

ul{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
}

ul, dl, p, h1, h2, h3
{
	margin: 5px 0px;
	padding: 0px;
}

h1 { font-size: 120%; 
}

h2 {
	font-size: 70%;
	color: #000066;
	font-weight: bold;
}

h3 {font-size: 9px;
	color: #000000;
}

h4 {font-size: 80%;
	color: #000000;
	margin-top: 7px;
}

h5 {
	font-size: medium;
	color: #990000;
	}

#wrapper {
   width: 772px;/*sets the width for IE5.x's broken box model*/
	w\idth: 770px; /* sets the width of the wrapper for compliant browsers*/
	margin: 5px auto;/* centers the wrapper. First value - 5px is applied to the top and bottom margins, auto sets the excess space on the view port evenly to the left and right*/
	position: relative; /* important to position it relatively */
	background-color: #FFFFFF;
	text-align: left; /* Realigns the text to the left after the IE hack in the body rule */
}

#banner {
	position: relative;
	background: url(images/top.jpg) no-repeat; 
	height: 147px;
}

#content { /* Begin laying out and styling the content div */
	width: 560px; /* sets the width of our content*/
	margin-left: 190px; /* this left margin clears the leftcol div and allows our content div to become a second column */
	margin-bottom: 20px; /* WAS 120 - sets a padding clearance on the bottom of the div - w*/
}

#content img{
	float: right;
	padding: 0px 20px 10px 10px;
}

#content p {
	font-size: 80%; /* set the font size for p, scaled from the body declaration */
	margin: 12px 6px; /* set the margins for the p element */
	padding: 0; /* zero off the padding */
}

.style10 {
	text-align: center;
}

/*-------------------------------------------------------------------*/

#leftcol {
	float: left; /* Floats the div to the left to make a column */
	width: 160px; /* sets a width for the div - Imperative for IE mac */
	background-image: url(images/colbckgrnd.gif);
	padding-top: 0px; /* sets a padding to the top of the div to allow the bg image to show above the leftcol divs contents */
}


/*-------------------------------------------------------*/

#footer {
	background-color: #fff;  /*sets a background colour for the footer*/
	width: 770px;  /*Sets the footers width*/
	border-top: 1px solid #000;  /*sets the top border to define the beginning of the footer*/
	font-size: 70%;  /* sets the footer text size */
	text-align: center;  /* aligns the text to the right*/
/*	margin-top: 20px;  /* Adds a margin to the top of the footer*/
	clear: left;  /*clears any floats to the left - our leftcol div in this instance*/
}

#footer p {
background-color: #ffffcc;  /*sets the background colour for the p element when it is in the footer div*/
padding: 4px 4px 4px 10px;  /* sets the padding values*/
margin: 0;  /*zeroes off the margins */
}

#footer p a { color:#000000; }

#footer ul{
background-color: #990000;/*provides a background colour for the links list*/
margin: 0;/*zeroes off the margins*/
padding: 4px;/*add some air around the links*/
}

#footer li{
display: inline;/*set the list to display inline*/
}

#footer a {  /* Styles the links within the footer */
color: #fff;  /*sets the text to white*/
text-decoration: underline;  /*keeps the underline*/
}

#footer a:hover,
#footer a:focus {
text-decoration: none;  /*removes the underline*/
}