@charset "UTF-8";
body {
	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: #003366;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #305F8F;
}

.oneColFixCtr #container {
	width: 750px;
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
	background-color: #003366;
}
.oneColFixCtr #mainContent {
	background-color: #003366;
}
.boxOfFour {
	height: 250px;
	width: 240px;
	float: none;
	margin-left: 10px;
	margin-bottom: 55px;
	margin-right: 0px;
}
.projecTitle {
	font-family: "Courier New", Courier, monospace;
	font-style: italic;
}
h2 {
	text-indent: 0px;
}
.quarterBox {
	background-color: #305F8F;
	height: 104px;
	width: 104px;
	float: left;
	border: 3px solid #99CCFF;
	margin-right: 10px;
	margin-bottom: 10px;
}
.quarterBox2 {
	float: left;
	height: 104px;
	width: 104px;
	margin-right: 10px;
	border: 3px solid #003366;
	background-color: #99CCFF;
	margin-bottom: 10px;
}

.box1 {
	background-color: #99CCFF;
	height: 224px;
	width: 224px;
	margin-right: 10px;
	margin-left: 10px;
	border: 3px solid #305F8F;
	margin-top: 10px;
	margin-bottom: 75px;
	color: #003366;
}
.box2 {
	background-color: #305F8F;
	height: 224px;
	width: 224px;
	border: 3px solid #99CCFF;
	color: #FFFFFF;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 75px;
	margin-left: 10px;
}

.box3 {
	background-color: #305F8F;
	height: 226px;
	width: 226px;
	border: 3px solid #99CCFF;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 75px;
	margin-left: 10px;
	color: #FFFFFF;
}

.box4 {
	height: 224px;
	width: 224px;
	background-color: #99CCFF;
	border: 3px solid #305F8F;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 75px;
	margin-left: 10px;
}

.box5 {
	height: 224px;
	width: 224px;
	background-color: #99CCFF;
	border: 3px solid #003366;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 75px;
	margin-left: 10px;
}
.quarterBox3 {
	background-color: #99CCFF;
	height: 104px;
	width: 104px;
	float: left;
	border: 3px solid #305F8F;
	margin-right: 10px;
	margin-top: 10px;
}
.quarterBox4 {
	background-color: #003366;
	height: 104px;
	width: 104px;
	float: left;
	border: 3px solid #99CCFF;
	margin-right: 10px;
	margin-bottom: 10px;
}
.boxOfFour1 {
	height: 250px;
	width: 240px;
	float: none;
	margin-left: 10px;
	margin-bottom: 55px;
	margin-right: 0px;
}
.quarterBoxNull {
	height: 104px;
	width: 104px;
	float: left;
	border: 3px solid #003366;
	margin-right: 10px;
	margin-bottom: 10px;
}
.boxStack {
	width: 140px;
	float: none;
	margin-left: 55px;
	margin-bottom: 10px;
	margin-right: 55px;
	height: 480px;
	margin-top: 10px;
}