body {
	background: #fffff0 url(images/background.jpg) top repeat;
	color: #000000;	
	margin-top: 0px;
}

a:visited { color: #444444 }   /* visited links   */
a:active  { color: #444444 }   /* active links    */
a:link    { color: #444444 }   /* Links */

img {
	border: none;
}

br {
	clear: both;
}

.container {
	margin: 0px 6.5% 0px 7.5% !important;
	margin: 0px 3.2em 0px 4em; /* for stupid IE browser */
xbackground-color: blue;
xborder: 2px solid black;
}

h1.text {
	position: relative;
	font-size: 100% !important;
	font-size: 70%; /* for stupid IE browser */
	float:left;
	text-align: center;
	margin: 13.5ex 0 0 12.1% !important;
	margin: 15.8ex 0 0 5.9%; /* for stupid IE browser */
	width: 34.9% !important;
	width: 35.8%; /* for stupid IE browser */
	padding: 0.9ex 0 0.8ex 0;
	background-color: white;
	border: 2px solid black;
	font-weight: bold;
}

h1.img {
	position: relative;
	float:right;
	background-color: white;
	border: 2px solid black;
	margin: 4.7ex 12% 1.5ex 0 !important;
	margin: 3.9ex 5.6% 0 0; /* for stupid IE browser */
	width: 238px;
	height:64px;
}

.navigation {
	font-size: 100% !important;
	font-size: 83%; /* for stupid IE browser */
	float: left;
	width: 8.4em !important;
	width: 10.6em; /* for stupid IE browser so that it is wide enough after shifting it left and right */
	margin: .2ex 0 0 2px !important;
	margin: 2.3ex 0 0 -28px; /* for stupid IE browser so that this box doesn't cause the text in the boxes to the right to be shifted to the right */
	background-color: transparent;
xbackground-color: #fffff0;
xborder: 2px solid orange;
}

ul.sections {
	list-style: none;
	padding: 2.2ex 0 0 1em;
	margin: 0 0 0 0 !important;
	margin-left: 59px; /* for stupid IE browser to put navigation box back where it should be after shifting it left 28px */
	font-size: 83%;
	border: 2px solid black;
	font-weight: bold;
	text-align: left;
	background-color: white;
}

ul.sections#middle, ul.sections#bottom {
	margin: 5px 0 0 0 !important;
	margin-left: 59px; /* for stupid IE browser to put navigation box back where it should be after shifting it left 28px */
}

ul.sections li {
	padding: 0 0 1.9ex 0;
xbackground-color: yellow;
}

ul.sections#middleh {
	margin: 5px 0 0 0 !important;
	padding: 10 0 .5ex 0;
xbackground-color: green;
}

ul.sections#middleh li {
list-style: none;
	margin: 0 0 0 0 !important;
	margin-left: 1em;
	padding: 0 0 .5ex 0;
xbackground-color: green;
}

ul.sections li a:hover {
	color: red;
}


ul.subsections, ul.subsections li {
list-style: none;
xfont-size: 15% !important;
margin-top: 0px !important;
margin-left: .9em !important;
margin-left: 2.3em;
	padding: 0 0 .11ex 0;
xbackground-color: yellow;

}

.content {
	margin: 1px .9em 0 9.2em !important;
	margin: 4.1ex .6em 0 6.4em; /* for stupid IE browser */
	font-size: 100%;
xbackground-color: green;
xborder: 2px solid aqua;
}

.content br {
	clear: none;
}

.indent {
display: block;
	margin: 2ex 3em 2ex 3em;
}

h2 {
	background-color: white;
	border: 2px solid black;
	font-size: 100% !important;
	font-size: 70%; /* for stupid IE browser */
	font-weight: bold;
	margin: 0 0 0 0 !important;
	margin: 1.2ex 0 0 0; /* for stupid IE browser */
	padding: .6ex 0 .6ex 1em;
}

h2.center {
	margin: 20px 0 0 0 !important;
	text-align: center;
}

.article {
	background-color: white;
	border: 2px solid black;
	font-size: 100% !important;
	font-size: 73%; /* for stupid IE browser */
	margin: .5ex 11.9em 20px 0;
	padding: 2.1ex .9em 2ex 1em !important;
	min-width: 70%;
}

.article#headersingle {
	margin: 0 0 20px 0;
}

.article#headermult {
	margin: 0 0 5px 0;
}

.articlew {
	background-color: white;
	border: 2px solid black;
	font-size: 100% !important;
	font-size: 73%; /* for stupid IE browser */
	margin: 5px 0 0 0;
	padding: 2.1ex .9em 2ex 1em;
}

.date {
	font-size: 100% !important;
	font-size: 70%; /* for stupid IE browser */
	float:right;
	text-align: center;
	margin-top: .5ex;
	width: 16% !important;
	width: 14.5%; /* for stupid IE browser */
	font-weight: bold;
	background-color: white;
	border: 2px solid black;
	padding: .5ex .9em .5ex .9em;
}

.title1 {
	font-size: 200%;
	font-weight: bold;
}

.title2 {
	font-size: 150%;
	font-weight: bold;
}

.footer {
	font-size: 85% !important;
	font-size: 70%; /* for stupid IE browser */
xbackground-color: #888;
xborder: 2px solid green;
}

.shiftleft {
	float: left;
}

.shiftright {
	float: right;
}

div.table {
	background-color: white;
	border: 2px solid black;
	padding-bottom: 20px;
}

table {
	width: 100% !important;
	width: 73%;
	font-size: 100% !important;
	font-size: 73%;
}

table th, table td {
	padding: 1ex 0 0 2em;
	text-align: left;
}

table caption {
	padding: 3ex 0 0 2em;
	font-size: 110% ;
	text-align: left;
	font-weight: bold;
}
