html {
	background-color: #f8f6dd;
	color: #51350e;
	text-align: left;
	font-family: Georgia, "Times New Roman", times, serif;
	font-size: 90%;
	line-height: 1.4em;
	margin: 3px auto 3px 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-family: "Times New Roman", times, serif;
	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: 910px;
	height: 96px;
	background-image: url(../images/header.jpg);
	position: relative;
}

#HeaderHome {left: 13px; width: 443px; top: 9px; height: 71px; position: absolute;}


/* Menu/Nav Styles
***************************************************************************************************************/
#MainMenuContainer {  
	float: left;
	background-image: url(../images/bg-body.jpg); 
	width: 910px;
	height: 35px;
}

#MainMenu {
	position: relative;
	width: 910px;
	height: 20px;
	background-image: url(../images/sprite-mainmenu.jpg);
	margin: 8px auto;
	padding: 0;
}
	#MainMenu li {
		margin: 0;
		padding: 0;
		list-style: none;
		position: absolute;
		top: 0;
	}

	#MainMenu li,
	#MainMenu a {
		height: 20px;
		display: block;
	}

		#MainMenu1 {left: 6px; width: 299px;}
		#MainMenu2 {left: 320px; width: 142px;}
		#MainMenu3 {left: 476px; width: 160px;}
		#MainMenu4 {left: 652px; width: 125px;}
		#MainMenu5 {left: 793px; width: 114px;}

		#MainMenu1 a:hover {background: transparent url(../images/sprite-mainmenu.jpg) -6px -20px no-repeat;}
		#MainMenu2 a:hover {background: transparent url(../images/sprite-mainmenu.jpg) -320px -20px no-repeat;}
		#MainMenu3 a:hover {background: transparent url(../images/sprite-mainmenu.jpg) -476px -20px no-repeat;}
		#MainMenu4 a:hover {background: transparent url(../images/sprite-mainmenu.jpg) -652px -20px no-repeat;}
		#MainMenu5 a:hover {background: transparent url(../images/sprite-mainmenu.jpg) -793px -20px no-repeat;}

#MainMenuFooter {  
	background-image: url(../images/menufooter.jpg); 
	width: 910px;
	height: 25px;
}


#TopRightMenu {
	position: relative;
	left: 751px;
	top: 35px;
	width: 142px;
	height: 29px;
	background-image: url(../images/sprite-toprightmenu.jpg);
	margin: 0;
	padding: 0;
}
	#TopRightMenu li {
		margin: 0;
		padding: 0;
		list-style: none;
		position: absolute;
		top: 0;
	}

	#TopRightMenu li,
	#TopRightMenu a {
		height: 29px;
		display: block;
	}

		#TopRightMenu1 {left: 6px; width: 37px;}
		#TopRightMenu2 {left: 58px; width: 80px;}

		#TopRightMenu1 a:hover {background: transparent url(../images/sprite-toprightmenu.jpg) -6px -29px no-repeat;}
		#TopRightMenu2 a:hover {background: transparent url(../images/sprite-toprightmenu.jpg) -58px -29px no-repeat;}


/* Main Container Area Styles
***************************************************************************************************************/
#ContentContainer {
	float: left;
	width: 910px;
	background-image: url(../images/bg-body.jpg);
}

.textBlock {
	padding: 5px 20px 5px 20px;
}

#LeftColumn {
	float: left;
	width: 668px;
}

	#callout {
		width: 100%;
		margin-bottom: 10px;
	}

	#InLeftColumn1,
	#InLeftColumn1Footer {
		float: left;
		width: 207px;
	}
	#InLeftColumn1 {
		border-right: 2px dotted #c0bfa3;
	}
	#InLeftColumn1Footer {
		text-align: right;
		padding-top: 20px;
	}

	#InLeftColumn2,
	#InLeftColumn2Footer {
		float: left;
		width: 230px;
	}
	#InLeftColumn2Footer {
		text-align: right;
		padding-top: 20px;
	}


	#InLeftColumn3,
	#InLeftColumn3Footer {
		float: left;
		width: 228px;
	}
		#InLeftColumn3 ul {
			font-size: 80%;
			padding-left: 10px;
			margin-left: 0px;
			list-style-image: url(../images/list-bullet.gif)
		}
			#InLeftColumn3 ul li {
				padding-bottom: 1.5em;
			}
				#InLeftColumn3 ul a {
					font-weight: bold;
				}


	.insideColumnHeaderText {
		font-family: Arial, helvetica, sans-serif;
		color: #c68e39;
		font-size: 110%;
		font-weight: bold;
		margin-top: 0.75em;
		margin-bottom: 0.5em;
	}
	
	.insideColumnBody,
	.insideColumn3Body {
		padding: 10px;
	}

	.insideColumn3Body {
		background-color: #fcfcfc;
	}

#RightColumn {
	float: right;
	width: 224px;
	padding: 0 17px 0 0;
}

	#sidebarJoinUsContainer {
		background-image: url(../images/bg-joinus.jpg);
		width: 100%;
		height: 151px;
	}
		#sidebarJoinUsContainer input {
			width: 180px;
			border: 1px solid #dfc29a;
			color: #857254;
		}

	#sidebarShareYourStoryContainer {
		background-image: url(../images/bg-shareyourstory.jpg);
		width: 100%;
		margin-top: 17px;
	}

		#sidebarShareYourStoryIntro {
			width: 174px;
			margin: 15px auto 0 auto;
			xpadding: 8px 25px 0 25px;
			color: #fff;
		}

			#sidebarShareYourStoryIntro a {
				color: #fff;
			}

		#sidebarShareYourStoryQuote {
			margin-top: 20px;
		}
	

/* Footer Area Styles
***************************************************************************************************************/

#MainFooterContainer {  /* This holds the mainfooter include file.*/
	clear: both;
	background-image: url(../images/bg-footer.jpg);
	height: 70px;
	font-size: 75%;
	font-weight: bold;
	color: #306060;
	text-align: center;
	padding-top: 25px;
}

#MainFooterContainer a {
	color: #306060;
}


/* 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;
	}




.textContinued {
	text-align: center;
	color: #a1855e;
}

.textCenter {
	text-align: center;
}

.clear {
	clear: both;
}

.tightTop {
	margin-top: -1.0em;
}

.tightBottom {
	margin-bottom: 0em;
}

