html, body
{
	margin:0;
	padding:0;
}

/* body
{
	font: 100% "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	line-height:18px;
	font-size:75%;
	background: #666666;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #ffffff;
	height:100%;
} */

h1
{
	color:#ffffff;
	line-height:18px;
	font-size:120%;
	height:100%;
}

p
{
	margin:0 10px 10px;
	height:100%;
}

a
{
	border:none;
	height:100%;
}

img
{
	border:none;
	margin-bottom:-4px;
}

.oneColFixCtrHdr #container
{
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: transparent;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	margin-top:10px;
	/*border: 1px solid gray;*/
	text-align: left; /* this overrides the text-align: center on the body element. */
	overflow:hidden;
	height: auto;
}

.oneColFixCtrHdr #header
{
	background: #666666;
	padding: 0 0px 0 00px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	overflow:hidden;
	height: auto;
}

.oneColFixCtrHdr #header h1
{
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	overflow:hidden;
	height: auto;
}

.oneColFixCtrHdr #mainContent
{
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #222222; /* ok to change */
	overflow:hidden;
	height: auto;
	border:0px solid silver;
}

.oneColFixCtrHdr #mainContent #content
{
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin:10px;
	background: transparent; /* ok to change */
	height:auto;
	overflow:hidden;
}

.oneColFixCtrHdr .imgcontainer
{
	float:left;
	width:100px;
	padding:5px;
	border:0px solid silver;
	background:transparent; /* OK to change colour here */
	overflow:hidden;
	height: auto;
	margin:5px;
}

.oneColFixCtrHdr .imgwrapper
{
	overflow:hidden;
	height: auto;
	border:0px solid purple;
	margin-bottom:4px; /* countercats odd behaviour of images which require a -4px adjustment to bottom-margin (see above) */
}

.oneColFixCtrHdr .imgtitle
{
	font-size:75%;
	text-align:center;
	color:#ffffff;
	overflow:hidden;
	height: auto;
}

.oneColFixCtrHdr #footer
{
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	overflow:hidden;
	height: auto;
}

.oneColFixCtrHdr #footer p
{
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	overflow:hidden;
	height: auto;
}

.oneColFixCtrHdr #divnav
{
	background-color: #FFCCCC;
	height: 50px;
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}