body 

{ 

	margin: 0; 

	padding: 0; 

	border: 0; 

	background-color: #336699;

	color: #000000;  

	text-align: center; 

	font-family: Verdana, Arial, Helvetica, sans-serif; 

	font-size: 100.01%; 

	min-width: 1000px; 

	position: relative; 

}



img

{

	border: 0;

}

#wrapper {

   width: 1002px;

	w\idth: 1000px;

	margin: 5px auto;

	position: relative; 

	background-color: #CCCCCC;

	border: 1px solid #000000; 

	text-align: left; 

	 

}



#banner {



	background-image: url(./images/banner.jpg); 

	background-repeat: no-repeat; 

	height: 175px;

	position: relative; 

}



#content {

	width: 650px; 

	min-height:  700px;

	margin-left: 40px;

	margin-right: 290px;

	margin-top: 20px;

	margin-bottom: 40px;

	position: relative; 

}



#content p, li {
	font-size: 80%;
	margin: 10px 6px 10px 6px;
	padding: 0;
	font-weight: bold;

}





/*

.titleimages { /* used to set the "cold" title images 

	display: block; /* set to display block to ensure it has it's own line in the design 

	margin-top: 25px; /* set a margin to the top 

}

*/



#leftcol {

	float: left; /* Floats the div to the left to make a column */

	width: 163px; /* sets a width for the div - Imperative for IE mac */

	margin-bottom: 120px;

	margin-left: 7px; /*creates a margin on the left to move the div away from the wrapper's edge */

	margin-top: 10px; 

	position: relative; 

}



#leftcol #navigation {

	line-height: 100%; /* helps out IE 5.01 PC */

	width: 163px; /* sets a width for the div */

	padding-bottom: 60px; /* gives our background image room to display */

}



#leftcol #navigation ul {

	list-style-type: none; /* removes the bullets from our list navigation */

	margin: 0; /* zeroes off the margins */

	padding: 0; /* zeroes off the padding */

	font-size: 75%; /* scales the font to 75% of the body font declaration*/

}







#leftcol #navigation a, 

#leftcol #navigation a:visited { /* use dual selectors if the properties and values are the same for each */

	color: #000000; /* changes the default text colour to white */

	display: block; /* required to make the links act like a button, having the full area "clickable" */

	padding: 4px 0 6px 4px; /* sets padding values to give the link text some "air" */

	text-decoration: none; /* removes the default underline */

	background-color: #CCCCCC; /* sets a background colour on the links which hides the roll over snowman image in the li selector */

	width: 163px; /* sets the width for IE5.x - content width plus border widths plus padding value = 6 extra pixels */

	w\idth: 157px; /* resets the width for IE6 and compliant browsers */

}



/* using the \ escape character as in w\idth - see final property declaration in the selector above */

/* IE 5.01 and IE5.5 cannot read this selector. The escape character must not come immediately before the letters a,b,c,d,e or f. If it does it will be seen as a hex character and the hack will fail */



#leftcol #navigation a:hover, 

#leftcol #navigation a:focus { /* use dual selectors if the properties and values are the same for each */

	color: #336699; 

	text-decoration: underline;

}



#rightcol {

	float: right; /* Floats the div to the left to make a column */

	width: 263px; /* sets a width for the div - Imperative for IE mac */

	margin-bottom: 120px;

	margin-top: 20px; 

	position: relative; 

}



#rightcol #rnavigation {

	line-height: 100%; /* helps out IE 5.01 PC */

	width: 263px; /* sets a width for the div */

}



#rightcol #rnavigation ul {



	list-style-type: none; /* removes the bullets from our list navigation */

	margin: 0; /* zeroes off the margins */

	padding: 0; /* zeroes off the padding */

	font-size: 75%; /* scales the font to 75% of the body font declaration*/

}



#rightcol #rnavigation a, 

#rightcol #rnavigation a:visited { /* use dual selectors if the properties and values are the same for each */

	display: block; /* required to make the links act like a button, having the full area "clickable" */

	text-decoration: none; /* removes the default underline */

	background-color: #CCCCCC; /* sets a background colour on the links which hides the roll over snowman image in the li selector */

	width: 263px; /* sets the width for IE5.x - content width plus border widths plus padding value = 6 extra pixels */

	w\idth: 157px; /* resets the width for IE6 and compliant browsers */

}



/* using the \ escape character as in w\idth - see final property declaration in the selector above */

/* IE 5.01 and IE5.5 cannot read this selector. The escape character must not come immediately before the letters a,b,c,d,e or f. If it does it will be seen as a hex character and the hack will fail */



#rightcol #rnavigation a:hover, 

#rightcol #rnavigation a:focus { /* use dual selectors if the properties and values are the same for each */

	color: #FFCC00; 

	font-decoration: underline;

}







#footer {  /* Begin laying out and styling the footer div */
	background-color: #fff;  /*sets a background colour for the footer*/
	width: 900px;  /*Sets the footers width*/
	border-top: 1px solid #000;  /*sets the top border to define the beginning of the footer*/
	font-size: 60%;  /* sets the footer text size */
	text-align: right;  /* 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*/
	position: relative;

}



#footer p {

background-color: #CCCCCC;  /*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 ul{

background-color: #CCCCCC;/*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: #000; /* changes the default text colour to white */

	text-decoration: none; /* removes the default underline */

	background-color: #CCCCCC; /* sets a background colour on the links which hides the roll over snowman image in the li selector */

}



#footer a:hover,

#footer a:focus {

	color: #336699; 

	text-decoration: underline;

}



.adtable {width: 100%; border-collapse: collapse;}

.adtable td { text-align: center; vertical-align: center;}

a.red:visited,a.red.active,a.redhover {color: #FF0000;}

p.blue{color: #336699; text-decoration: underline;}#Style1 {
	font-weight: bold;
	font-size: x-large;
	color: #006;
}
.Style1 {
	font-size: x-large;
	font-weight: bold;
	color: #006;
}
.Style2 {
	font-size: large;
}
Style2 {
	font-size: large;
	font-weight: bolder;
}
.Style2 {
	font-size: large;
}
.Style3 {
	color: #000080;
}
.Style3 {
	color: #000060;
}