@charset "utf-8";
body {
		background: #666666;
		margin: 0px; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
		padding: 0px;
		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: #000000;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 90%;
}
#container  {
		width: 800px; /* the auto margins (in conjunction with a width) center the page */
		border: 1px solid #000000;
		text-align: left; /* this overrides the text-align: center on the body element. */
		padding-bottom: 0px;
		margin-top: 0;
		margin-right: auto;
		margin-bottom: 0;
		margin-left: auto;
		padding-top: 0px;
		background-color: #CEC7BD;
}
#header  {
		margin: 0px;
		padding: 0px;
		z-index: 200;
		position: relative;
}
#mainContent  {
		padding: 10px 60px 0px 60px;
		margin: -30px 0 0 0;
		z-index: 100;
		position: relative;
		background-repeat: no-repeat;
		border: 0;
		height: 750px;
}
#leftcontent, #midcontent, #rightcontent, .shadow{
		position: relative;
		right: 4px;
		bottom: 4px;
}
.boxes {
		height: 300px;
		width: 180px;
}
#leftbox {
		position: absolute;
		left: 65px;
		top: 410px;
		height: 300px;
}
#midbox {
		position: absolute;
		left: 309px;
		top: 410px;
		height: 300px;
}
#rightbox {
		position: absolute;
		left: 553px;
		top: 410px;
		height: 300px;
}
.shadow {
		background-color: #393939;
}
#leftcontent {
		color: #F7F36B;
		background-color: #4A79AD;
		padding: 0.5em;
		border: 1px solid #000000;
}
#midcontent {
		color: #000473;
		background-color: #F7F36B;
		padding: 0.5em;
		border: 1px solid #000000;
}
#rightcontent {
		color: #F7F36B;
		background-color: #000473;
		padding: 0.5em;
		border: 1px solid #000000;
}
.tl  {
		position: absolute;
		left: 10px;
		top: 10px;
}
img {
		margin: 0px;
		padding: 0px;
}
.floatleft {
		float: left;
}
.floatright {
		float: right;
		margin-left: 10px;
}
p {
		text-align: justify;
		font-weight: bold;
}

ul {
		padding-left: 5px;
		list-style-type: none;
		padding-top: 95px;
}
li {
		padding-top: 5px;
		padding-bottom: 2px;
}
h2 {
		font-family: "Times New Roman", Times, serif;
		font-style: italic;
		font-size: 200%;
		margin-top: 30px;
}
.blue a {
		font-weight: bold;
		color: #F7F36B;
		text-decoration: none;
}
.blue a:hover {
		text-decoration: underline;
}
.yellow a {
		font-weight: bold;
		color: #101073;
		text-decoration: none;
}
.yellow a:hover {
		text-decoration: underline;
}