html {
	background-color: #8e999d;
	color: #000;
	text-align: left;
	font-family: Arial, helvetica, sans-serif;
	font-size: 10pt;
	line-height: 1.4em;
	margin: 0 auto;
}

body {
	margin: 0;
}

img {
	border: 0;
}

a {
	color: #51340c;
	font-weight: bold;
}

a:link, a:visited, a:active {
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}


h1 {
	font-weight: bold;
	font-size: 1.4em;
	margin-top: 1.0em;
	margin-bottom: 0;
}

h2 {
	font-weight: bold;
	font-size: 1.3em;
	margin-top: 1.0em;
	margin-bottom: 0;
	color: #39665b;
}

h3 {
	font-size: 1.1em;
	margin-top: 1.0em;
	margin-bottom: 0;
}

p {
	margin-top: 0.5em;
	margin-bottom: 1.0em;
}

#BodyContainer {
	width: 910px;
	margin: 0 auto 0 auto;
}

/* Header Styles
***************************************************************************************************************/
#HeaderContainer {
	width: 916px;
	height: 116px;
	background-image: url(../images/header.jpg);
	position: relative;
}


/* Menu/Nav Styles
***************************************************************************************************************/
#MainMenuContainer {  
	float: left;
	width: 916px;
	height: 42px;
}

#MainMenu {
	position: relative;
	width: 916px;
	height: 42px;
	background-image: url(../images/sprite-mainmenu.gif);
	margin: 0 auto;
	padding: 0;
}
	#MainMenu li {
		margin: 0;
		padding: 0;
		list-style: none;
		position: absolute;
		top: 0;
	}

	#MainMenu li,
	#MainMenu a {
		height: 42px;
		display: block;
	}

		#MainMenu1 {left: 0px; width: 84px;}
		#MainMenu2 {left: 84px; width: 268px;}
		#MainMenu3 {left: 352px; width: 255px;}
		#MainMenu4 {left: 607px; width: 189px;}
		#MainMenu5 {left: 796px; width: 120px;}

		#MainMenu1 a:hover {background: transparent url(../images/sprite-mainmenu.gif) 0px -42px no-repeat;}
		#MainMenu2 a:hover {background: transparent url(../images/sprite-mainmenu.gif) -84px -42px no-repeat;}
		#MainMenu3 a:hover {background: transparent url(../images/sprite-mainmenu.gif) -352px -42px no-repeat;}
		#MainMenu4 a:hover {background: transparent url(../images/sprite-mainmenu.gif) -607px -42px no-repeat;}
		#MainMenu5 a:hover {background: transparent url(../images/sprite-mainmenu.gif) -796px -42px no-repeat;}


/* Main Container Area Styles
***************************************************************************************************************/
#ContentContainer {
	float: left;
	width: 916px;
	background-image: url(../images/bg-content.jpg);
	padding-top: 10px;
}

.textBlock {
	padding: 5px 10px 5px 10px;
}

#SingleColumn {
}

#SingleColumn .textBlock {
	padding: 5px 10px 5px 10px;
	margin: 10px;
	background-color: #fff;
	border: 5px solid #3a5157;
}

#LeftColumn { /* 670px total */
	float: left;
	width: 645px;
	padding: 0 13px 0 12px;
}

	#LeftColumn .textBlock {
		margin: 20px 0;
		background-color: #fff;
		border: 5px solid #3a5157;
	}

	#PromoteContainer {
		width: 635px;
		height: 371px;
		margin-bottom: 10px;
		background: url(../images/promote.jpg) no-repeat;
		border: 5px solid #3a5157;
	}
		#PromoteContainer #PromoteText {
			position: relative;
			left: 275px;
			top: 87px;
			width: 335px;
			height: 229px;
			padding: 6px;
			overflow: auto;
		}
			#PromoteContainer #PromoteText p {
				margin: 0.2em 0 0 0;
				padding: 0;
			}

	#InLeftColumn1 {
		float: left;
		width: 314px;
		border: 2px solid #3a5157;
		background-color: #6a7b87;
		padding: 4px 0 4px 0;
	}

	#InLeftColumn2 {
		float: left;
		width: 314px;
		border: 2px solid #3a5157;
		margin-left: 9px;
		background-color: #83866c;
		padding: 4px 0 4px 0;
	}

	.insideColumnBody {
		margin: 4px 6px;
		padding: 6px;
		background-color: #fff;
		border: 1px solid #909090;
	}


#RightColumn { /* 246px total */
	float: right;
	width: 224px;
	padding: 0 11px 0 11px;
}

	#RightColumn .textBlock {
		padding: 5px 5px 5px 5px;
	}

	#sidebarNewsletterContainer {
		background-color: #3a5157;
		width: 214px;
		border: 1px solid #fff;
		text-align: right;
		padding-right: 8px;
		margin-bottom: 10px;
	}
		#sidebarNewsletterContainer input {
			width: 199px;
			border: 1px solid #6d6852;
			color: #000;
		}

	#sidebarLatestInfoContainer {
		background-color: #fff;
		width: 222px;
		border: 1px solid #fff;
		margin-bottom: 10px;
	}
		#sidebarLatestInfoContainer ul {
			margin: 0;
			padding-left: 15px;
		}
			#sidebarLatestInfoContainer ul li {
				margin-bottom: 0.2em;
			}

	#sidebarAboutThePpmContainer {
		background-color: #fff;
		width: 222px;
		border: 1px solid #fff;
		margin-bottom: 10px;
	}		

/* Footer Area Styles
***************************************************************************************************************/

#MainFooterContainer {  /* This holds the mainfooter include file.*/
	clear: both;
	height: 70px;
	font-size: 85%;
	font-weight: bold;
	color: #fff;
	text-align: center;
	padding-top: 25px;
}

#MainFooterContainer a {
	color: #fff;
}


/* Forms Styles
***************************************************************************************************************/

label {
	display: block;
	width: 13.0em;
	float: left;  
	text-align: left; /* Change to text-align:right; to align the labels from the right */
	padding-right: 3px; 
	cursor: pointer;  
}

input {
	width: 20em;
	margin-bottom: 5px;
}

select{
	width: 20.45em; /* Select boxes need to be just bigger then input areas, to look the same size on the page */
	margin-bottom: 5px;
}

textarea {
	margin-top: -0.5em;
	width: 90%;
	height: 7.3em;
}

.requiredMark { /* Formats the * for required fields in forms */
	display: block; 
	width: 1.0em; 
	float: left; /* Change to float:right; to move the * to the right of the field */
	font-size: 1.5em;
	font-weight: 700;
	color: #ff0000;
}


/* News Pages
***************************************************************************************************************/
#NewsNav {
	text-align: right;
	margin-top: 1.0em;
}
	#NewsNav .newsNavMore {
	}
	#NewsNav .newsNavBack {
		margin-top: 2.0em;
	}




/* Button Roll-overs
***************************************************************************************************************/
.buttonReadMore { display: block; width: 128px; height: 35px; background: url(../images/sprite-readmore.gif) 0 0 no-repeat; }
.buttonReadMore:hover { background-position: 0px -35px; }

.buttonRegister { display: block; width: 110px; height: 31px; background: url(../images/sprite-register.gif) 0 0 no-repeat; }
.buttonRegister:hover { background-position: 0px -31px; }

.buttonRegisterNow { display: block; width: 159px; height: 38px; background: url(../images/sprite-registernow.gif) 0 0 no-repeat; }
.buttonRegisterNow:hover { background-position: 0px -38px; }

.buttonTakeAction { display: block; width: 137px; height: 35px; background: url(../images/sprite-takeaction.gif) 0 0 no-repeat; }
.buttonTakeAction:hover { background-position: 0px -35px; }



.textContinued {
	text-align: center;
	color: #a1855e;
}

.textCenter {
	text-align: center;
}

.textRight {
	text-align: right;
}

.clear {
	clear: both;
}

.tightTop {
	margin-top: -1.0em;
}

