body {
	font-family: Arial, helvetica, sans-serif;
	background: #ffffff;
	margin: 0;
	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: #333333;
}

/****************************************************************************************************************/
/*** FIXED FONT SIZES *******************************************************************************************/
/****************************************************************************************************************/

.mainNavigationOn, .mainNavigationOff 										{font-size: 14px;}
.headerRight																{font-size: 12px;}
p.subNavigation																{font-size: 14px;}
div.L2Navigation p															{font-size: 12px;}
div.L2Navigation ul															{font-size: 12px;}

/****************************************************************************************************************/
/*** VARIABLE FONT SIZES ****************************************************************************************/
/****************************************************************************************************************/

body, td, th, p, ul, ol, input, textarea, select, div						{font-size: 12px;}
h1																			{font-size: 18px;}
h2																			{font-size: 15px;}
p.large																		{font-size: 14px;}

/****************************************************************************************************************/
/*** FONT STYLES ************************************************************************************************/
/****************************************************************************************************************/

p {
	color: #333333;
	/* line-height:120%; */
	margin-top: 0px;
	margin-bottom: 10px
}

ul, ul.noSpacing {
	margin-left: 1.3em;
	padding-left: 0em;
	list-style-type: square;
	color: #333333;
	/* line-height:120%; */
	margin-top: 0px;
	margin-bottom: 10px;
}

ol {
	margin-left: 1.3em;
	padding-left: 0em;
	list-style-type: number;
	color: #333333;
	/* line-height:120%; */
	margin-top: 0px;
	margin-bottom: 10px;
}

li {
	margin-bottom: 4px;
}

ul.noSpacing li {
	margin-bottom: 0px;
}


a:link, p a:link, ul a:link, ol a:link {COLOR: #5D9732; text-decoration: underline}
a:visited, p a:visited, ul a:visited, ol a:visited {COLOR: #5D9732; text-decoration: underline}
a:active, p a:active, ul a:active, ol a:active {COLOR: #5D9732; text-decoration: none}
a:hover, p a:hover, ul a:hover, ol a:hover {COLOR: #5D9732; text-decoration: none}

h1 {color: #333333; font-weight: bold; margin-top: 0px; margin-bottom: 10px; /* line-height:110% */}
h2 {color: #333333; font-weight: bold; margin-top: 0px; margin-bottom: 10px; /* line-height:110% */}

.alt a:link {COLOR: #333333; text-decoration: underline}
.alt a:visited {COLOR: #333333; text-decoration: underline}
.alt a:active {COLOR: #333333; text-decoration: none}
.alt a:hover {COLOR: #333333; text-decoration: none}

.limeGreen {color: #EBE729;}
.green {color: #5D9732;}
.grey {color: #333333}
.red {color: red;} /* used on contact us page */

/****************************************************************************************************************/
/*** ASSORTED ***************************************************************************************************/
/****************************************************************************************************************/

/* used to right align images when displayed within text area */
img.rightAlign {
	float: right;
	padding: 0px 0px 7px 10px;
}

/* used to separate content within a column */
div.lineAbove {
	padding: 10px 0px 0px 0px;
	/* border-top: 1px solid #333333; */
	background: url(../images/spacers_etc/subNavDivider.gif) repeat-x top left;
}

/****************************************************************************************************************/
/*** BASIC LAYOUT ***********************************************************************************************/
/****************************************************************************************************************/

#container {
	width: 960px;
	background: #ffffff;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

/****************************************************************************************************************/
/*** HEADER *****************************************************************************************************/
/****************************************************************************************************************/

.header { }

.headerLeft {
	float: left;
	background: url(../images/spacers_etc/header_upstand_333333.gif) no-repeat bottom left;
}

.headerRight {
	float: right;
	line-height: 25px;
	background: url(../images/spacers_etc/header_upstand_333333.gif) no-repeat bottom right;
	padding: 0px 10px 0px 10px;
}

.headerRight a:link {color: #333333; text-decoration: none}
.headerRight a:visited {color: #333333; text-decoration: none}
.headerRight a:active {color: #333333; text-decoration: underline}
.headerRight a:hover {color: #333333; text-decoration: underline}

.headerBottom {
	clear: both;
	border-top: 1px solid #333333;
}

/****************************************************************************************************************/
/*** MAIN NAVIGATION ********************************************************************************************/
/****************************************************************************************************************/

.mainNavigationOn, .mainNavigationOff {
	float: left;
	padding: 0px 10px 0px 10px;
	line-height: 25px;
	font-weight: bold;
	background: url(../images/spacers_etc/header_upstand_333333.gif) no-repeat bottom right;
}

.mainNavigationOff, .mainNavigationOff a {color: #333333;}
.mainNavigationOn, .mainNavigationOn a {color: #5D9732;} /* Green */

.mainNavigationOn a:link, .mainNavigationOff a:link {text-decoration: none}
.mainNavigationOn a:visited, .mainNavigationOff a:visited {text-decoration: none}
.mainNavigationOn a:active, .mainNavigationOff a:active {text-decoration: underline}
.mainNavigationOn a:hover, .mainNavigationOff a:hover {text-decoration: underline}

/****************************************************************************************************************/
/*** BANNER AND FOUR COLUMNS ************************************************************************************/
/****************************************************************************************************************/

.bannerLeft, .leftColumn {
	float: left;
	width: 225px;
}

.bannerLeft {background: url(../images/spacers_etc/2020_banner_bg.gif) no-repeat bottom right;}

.bannerRight, .mainContentThreeColumn {
	float: right;
	width: 715px;
}

.mainContentTwoColumn {
	float: left;
	width: 470px;
}

.rightColumn {
	float: right;
	width: 225px;
}

.bannerLeft, .bannerRight {
	border-bottom: 1px solid #333333;
	height: 225px;
}

.headerBottom {clear: both;}

/****************************************************************************************************************/
/*** SUB NAVIGATION *********************************************************************************************/
/****************************************************************************************************************/

div.L2NavigationOuter {
	background: url(../images/spacers_etc/subNavDivider.gif) repeat-x bottom left;
	margin: 0px 0px 15px 0px;
}

div.L2Navigation {
	padding: 6px 10px 3px 10px;
	background: url(../images/spacers_etc/subNavDivider.gif) repeat-x top left;
}

div.L2Navigation p {
	font-weight: bold;
	margin: 0px 0px 3px 0px;
	color: #333333;
	line-height:110%;
}

div.L2Navigation p a:link {color: #333333; text-decoration: none}
div.L2Navigation p a:visited {color: #333333; text-decoration: none}
div.L2Navigation p a:active {color: #333333; text-decoration: underline}
div.L2Navigation p a:hover {color: #333333; text-decoration: underline}

div.L2Navigation ul {
	margin-left: 2em;
	padding-left: 0em;
	list-style-type: square;
	color: #333333;
	line-height:110%;
	margin-bottom: 3px;
}

div.L2Navigation ul li {margin-bottom: 1px;}

/*******************************************************************************************************************************************************/
/************** inline table styles ********************************************************************************************************************/
/*******************************************************************************************************************************************************/

table.tableformatting {
	border-top: 1px solid #333333;
	margin-bottom: 13px;
	width: 100%;
}

table.tableformatting th,
table.tableformatting td {
	border-bottom: 1px solid #333333;
	padding: 3px 3px 3px 3px;
}

table.tableformatting th {
	/* background-color: #E2E2E2; */
	font-weight: bold;
	text-align: left;
}

/*******************************************************************************************************************************************************/
/************** form styles ****************************************************************************************************************************/
/*******************************************************************************************************************************************************/

input {background: #ffffff; color: #000000; border:1px solid #333333;}
input:focus {background: #f1f1f1;}

textarea {background: #ffffff; color: #000000; border:1px solid #333333;}
textarea:focus {background: #f1f1f1;}

input.twoColumn, textarea.twoColumn {width: 461px;}

input.button {
   background: #EBE729;
   color: #000000;
   font-weight: bold;
}

input.button:focus {
   background: #ffffff;
   color: #000000;
   font-weight: bold;
}