body {
	margin: 0;
	padding: 0;
	background-position: left top; 
	margin-top: 5px;
	background-image:url(../images/bg.gif);
	background-repeat:repeat-x;
	text-align: center; /* IE bug - use this to center the bodyWrapper */

}

div#bodyWrapper {
	position: relative; 
	width: 779px; 
	margin: 0 auto; 
	text-align: left; /* does not work in IE, use text-align in body spec above */
}

div#banner {
	border-bottom: 0px solid #000;
	background-image: url(../images/banner.jpg);
	background-repeat: no-repeat;
}

div#banner h1 {
	margin: 0;
	padding: .3em .3em 0.5em 0em;
	font-weight: normal;
	text-align: center;
}

div#container {
	background-image: url(../images/nav_col_base.jpg);
	background-repeat: repeat-y;
}

div#container2 {
/*	background-image: url(../images/more_col_base.jpg); */
	background-repeat: repeat-y;
	background-position: right;
}

div#navigation {
	font-size: 10pt;
	float: left;
	width: 150px;
	padding-top: 5px;
}

div#content {
	padding-top: 5px;
	padding-left: 0.5em;
	padding-right: 0.5em;

	margin-left: 150px;
	padding-bottom: 1px;

	/* IE < 7 hack, the div#conten's background color was replacing the div's
	   background colour. See http://www.satzansatz.de/cssd/onhavinglayout.html
	   for the fix to a similar problem that works for this as well. This specific
	   problem is masked buy setting the content's background color to the to this
	   div's. But keeping this fix might avoid other problems.
	 */
	width: auto;
}
div#content p {
	padding-left: 10px;
	padding-right: 10px;
}
div.contentRightMargin {
	margin-right: 10px;
}
div#more {
	float: right;
	width: 200px;
	margin: 0 0 0 15px;
	padding: 0 0 0 0;
	background-color: #EEE;
}

div#more h3 {
	margin-top: 0;
	padding: .2em;
	background-position: right;
	background-repeat: repeat-y;
}
#cleardiv {
	clear: both;
	height: 0em;
}

div#footer {
	clear: both;
	padding: .2em 0em;
	text-align: right;
}

div#footer ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

div#footer li {
	display: inline;
	margin-right: 1em;
}