ul, ol, dl, p, h1, h2, h3, h4, h5, h6
{
	margin: 0;
}

h1 { font-size: 120%; }
h2 { font-size: 120%; }
h3 { font-size: 120%; }
h4 { font-size: 120%; }
h5 { font-size: 100%; }
h6 { font-size: 70%; }

#wrapper {
    width: 772px;  /* for IE5.x's broken box model*/
	w\idth: 770px; /* 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 */
/*	border: 1px solid #000; /* sets a border to all 4 sides */
	text-align: left; /* Realigns the text to the left after the IE hack in the body rule */
}

body { /* set everything to zero for a good cross-browser starting point */
	margin: 0;
	padding: 0;
	border: 0;
    background-image: url(images/gradient.gif); background-repeat: repeat-x;
	background-color: #f4a864;
	color:#000000;  /* 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%; /* default font size, compensates for several browser bugs */
	min-width: 770px; /* Prevents the body becoming narrower than our wrapper div - keeps the content from disappearing off the left edge with Gecko browsers */
}

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

#content { 
    background-image: url(images/content_sides.gif); background-repeat: repeat-y;
	padding: 0 2.5em 0 2.5em; /* set margins */
/*	width: 560px; //commented to remove left column
/*	margin-left: 190px; /* this value > leftcol width; so #content becomes a 2nd column */
}

#content p {
	font-size: 80%; /* set the font size for p, scaled from the body declaration */
	padding: 1em 0; /* vertical spacing between paragraphs*/
}

#content h1 {
	font-size: 80%;
	padding: .5em 0;
	font-weight: normal;
}

.bulletStyle { 
	color: #000000;
	margin-left: 4em;
	font-size: 90%;
	list-style-image: url(images/bullet_check.gif);
}

#content .faqQ {
	font-weight: bold; }
#content .faqA {
	font-size: 80%;
	margin-left: 30px;
	margin-right: 12px;
}

#content .caption {
	margin-top: 0;
	padding-top: 0;
	}

#content img {
	margin-bottom: 0;
	padding-bottom: 0;
	}
	
/* Left div and Navigation elements */
#left {
	float: left;
	width: 160px;
	padding-bottom: 120px;
	padding-left: 7px; 
	padding-right: 7px; 
/*	margin-top: 25px; /* moves the div down from the banner */
	padding-top: 30px; /* sets a padding to the top of the div to allow the bg image to show above the leftcol divs contents */
	border-right: 1px solid #000000; /* sets the right border */
}

#left #navigation {
	line-height: 100%; /* helps out IE 5.01 PC */
	width: 160px;
	padding-bottom: 20px;
}

#left #navigation ul {
/*	border-top: 1px solid #000; /* sets a border to the top of the ul */
	list-style-type: none; /* removes the bullets */
	margin: 0;
	padding: 0;
	font-size: 75%;
}

#left #navigation ul li {
	padding: 0;
}

#left #navigation a, 
#left #navigation a:visited { /* use dual selectors if the properties and values are the same for each */
	border-bottom: 1px solid #000000; /* sets the bottom border */
	border-left: 1px solid #323C55; /* sets the left border */
	border-right: 1px solid #000000; /* sets the right border */
	color: #fff; /* changes the default text colour to white */
	display: block; /* required to make the links act like a button, having the full area "clickable" */
	padding: 6px 0 6px 10px; /* sets padding values to give the link text some "air" */
	text-decoration: none; /* removes the default underline */
	width: 154px; /* sets the width for IE5.x - content width plus border widths plus padding value = 6 extra pixels */
	w\idth: 148px; /* resets the width for IE6 and compliant browsers */

/*padding: 5px 10px;*/
/*width: 140px;*/
background-color: #036;
}

#left #navigation a:hover, 
#left #navigation a:focus { /* use dual selectors if the properties and values are the same for each */
	color: #fff;
	background-color: #69C;
	text-decoration: none;
}

#left #navigation ul ul li {
/*	margin: 0 0 1px 0;*/
	font-size: 125%;
}

#left #navigation ul ul a,
#left #navigation ul ul a:visited {
	display: block;
	padding: 5px 5px 5px 25px;
	width: 128px;
	color: #fff;
	background-color: #369;
	text-decoration: none;
}

#left #navigation ul ul a:hover,
#left #navigation ul ul a:focus {
color: #fff;
background-color: #69C;
text-decoration: none;
}

/* Footer */

#footer {
    background-image: url(images/content_bottom.gif); background-repeat: no-repeat;
/*	background-color: #fff; */
/*	border-top: 1px solid #666;*/
	width: 770px;  /* same as #wrapper */
	clear: left;  /*clears any floats to the left - our leftcol div in this instance*/
	font-size: 70%;  /* sets the footer text size */
	text-align: center;
	margin: 0;
	padding-top: 10px;
}

#footer p {
/*background-color: #E4E4E4;  /*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: #036;/*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*/
}

.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 */
}

.floatright
{
float: right;
margin: 0 0 10px 10px;
padding: 2px;
}