body
{
	background-color: #E1FA9C;
	margin: 0;
	font-family: Arial;
}


/* ---- Top Banner ---- */
.topBanner
{
	background-image: url('/images/bannerBackground.jpg');
	overflow: auto;
}
.topBanner .logo
{
	float: left;
}
.topBanner .logoText
{
	float: right;
}

/* ---- Menu ---- */
.menu
{
	position: relative;
	top: -1.5em;
}
.menu .menuTable
{
	background-color: #9DB942;
	width: 33%;
	margin-left: 33%;
	margin-right: 33%;
	text-align: center;
}
.menu .menuTable .menuItem
{
	color: #1D6FAB;
	font-size: 100%;
	font-family: Arial Black;
	padding: .3em .5em .3em .5em;
}
.menu .menuTable .menuItem a:link
{
	color: #1D6FAB;
	text-decoration: none;
}
.menu .menuTable .menuItem a:visited
{
	color: #1D6FAB;
	text-decoration: none;
}
.menu .menuTable .menuItem a:hover
{
	color: White;
	text-decoration: none;
}

/*content*/
.contentContainer
{
	margin-left: 3em;
}
.contentContainer .mainContentLeft
{
	background-color: #C2E06E;
	border: 1px solid #C2E06E;
	float: left;
	width: 70%;
	overflow: auto;
}
.contentContainer .mainContentLeft .mainImage
{
	width: 300px;
	overflow: hidden;
}
.contentContainer .mainText .mainTextContainer .contentTitle
{
	margin-top: 1em;
}
.contentContainer .mainText .mainTextContainer .contentTitle h1
{
	display: inline;
	font-size: 2.3em;
	font-family: Arial Black;
	margin: .1em;
}
.contentContainer .mainText .mainTextContainer .contentTitle h1.purple
{
	color: #581485;
}
.contentContainer .mainText .mainTextContainer .contentTitle h1.green
{
	color: #1D6FAB;
}
.contentContainer .mainText .mainTextContainer .subTitle
{
	font-size: 1.0em;
	margin-left: 1em;
}
.contentContainer .mainImage
{
	float: left;
	overflow: auto;
}
.contentContainer .mainText
{
	float: left;
	width: 55%;
}
.contentContainer .mainTextContainer
{
	position: relative;
	margin-left: 1em;
	z-index: 100;
}
.contentContainer .mainTextContainer .topic
{
	margin: .3em .3em .8em .3em;
	border: 1px solid #E1FA9C;
	overflow: auto;
}
.contentContainer .mainTextContainer .topic .left
{
	float: left;
	margin-left: 2em;
}
.contentContainer .mainTextContainer .topic .right
{
	float: right;
	margin-right: 2em;
}
.contentContainer .mainTextContainer .topic .topicTitle
{
	color: #581485;
	font-size: 110%;
	font-weight: 900;
	margin: .3em 0 0 .3em;
}
.contentContainer .mainTextContainer .topic .topicText
{
	color: #1D6FAB;
	margin: .3em .3em .3em .6em;
}
.contentContainer .mainTextContainer .topic .topicText a:link
{
	color: #581485;
}
.contentContainer .mainTextContainer .topic .topicText a:visited
{
	color: #581485;
}
.contentContainer .mainTextContainer .topic .topicText a:hover
{
	color: White;
}
.contentContainer .mainContentRight
{
	float: left;
	width: 25%;
	z-index: -1;
}
.contentContainer .mainContentRight .notice
{
	margin-left: -51px;
	margin-top: 3em;
	/*background-color: #CBD799;
	background-image: url('images/whatsNewBackground.gif');*/
	background-repeat: repeat-y;
}
.contentContainer .mainContentRight .notice .noticeText
{
	margin-left: .2em;
	background-color: #B1BF72;
}
.contentContainer .mainContentRight .notice .noticeText .moveLeft
{
	margin-left: 3em;
	background-color: #CBD799;
}
.contentContainer .mainContentRight .notice .noticeText .title
{
	margin: .4em .4em 0 .4em;
	font-family: Arial Black;
	font-size: 110%;
}
.contentContainer .mainContentRight .notice .noticeText .title h3
{
	display: inline;
	color: #581485;
}
.contentContainer .mainContentRight .notice .noticeText .title h4
{
	color: Purple;
	font-size: 80%;
	margin-left: .2em;
}
.contentContainer .mainContentRight .notice .noticeText .text
{
	margin: .3em .3em .3em 1.8em;
	color: #1D6FAB;
}
/*====================================================================
=== Footer
====================================================================*/
.contentContainer .footer
{
	clear: both;
	border: 1px solid #C2E06E;
	width: 70%;
	overflow: auto;
}
.contentContainer .footer .footerLeft
{
	float: left;
	margin: .3em 0 .3em 1em;
	font-size: 75%;
	overflow: auto;
}
.contentContainer .footer .footerRight
{
	float: left;
	margin: .3em 0 .3em 1em;
	font-size: 75%;
}