/* CSS Document */

body { /* set everything to zero for a good cross-browser starting point */
	margin: 0; /* zeroes the margins on the body */
	padding: 0; /* zeroes the padding on the body ~ Opera carries a default padding and requires this zeroing */
	border: 0; /* zeroes off any existing border */
	background-color: #EEEEC9; /* sets the body background colour */
	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%; /* 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 */
}

#wrapper {
   width: 770px;/*sets the width for IE5.x's broken box model*/
	w\idth: 770px; /* sets the width of the wrapper for compliant browsers*/
	margin: 0px 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: #EEEEC9; /* sets the wrappers background color */
	text-align: left; /* Realigns the text to the left after the IE hack in the body rule */
}

#header {
	width: 770px;
}

#leftcol { /* Begin laying out the leftcol div */
	float: left; /* Floats the div to the left to make a column */
	width: 161px; /* sets a width for the div - Imperative for IE mac */
	margin-bottom: 25px;
	margin-left: 25px; /*creates a margin on the left to move the div away from the wrapper's edge */
	margin-top: 25px; /* moves the div down from the banner */
}

#leftcol #navigation {
	line-height: 100%; /* helps out IE 5.01 PC */
	width: 161px; /* sets a width for the div */
}

#content {
	position: relative;
	width: 540px;
	margin-left: 210px;
	/*margin-top: 25px;*/
	/*margin-bottom: 25px;*/
	font-family: "Comic Sans MS";
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
}

#content p {
	font-size: 95%;
	font: "Comic Sans MS";
	font-family: "Comic Sans MS";
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
}

#content ul li {
	font-size: 95%;
	font-family: "Comic Sans MS";
}

#content ol {
	font-size: 95%;
	font-family: "Comic Sans MS";
}

#content a {
	font-size: 95%;
	color: #660000;
}

#content #mailing {
	width: 300px;
	background-color: #666666;
	color: #FFFFFF;
	margin-top: 30px;
	padding: 5px;
	text-align: left;
}

#flash {
	width: 580px;
	height: 200px;
	margin-left: 190px;
}

#footer {
	width: 770px;
	text-align: center;
}

#legal {
	position: relative;
	margin-top: 15px;
	width: 770px;
	text-align: center;
	font-size: 60%;
}

#legal a {
	color: #000000;
}