html {
		color: Black;
		text-align: center;
		background-color: #F7F5EC;
	}

	body {
		text-align: left;
		width: 990px;
		margin-right: auto;
		margin-left: auto;
		position: relative;
		line-height: 1.22;
		font-size: small;
		font-family: Arial, Helvetica, Clean, Sans-Serif;
		padding-top:0;
		margin-top:0;
	}
	
	a,
	a:active,
	a:link,
	a:visited {
		color: #af832e;
		text-decoration: underlined;
	}
	
	form { margin:0; }
	
	a:hover {
		color: #342b16;
	}
	
	input, textarea {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 100%;
		color: #3d3d3b;
	}

/* Unique Styles */

	.small {
		font-size: 75%;
	}
/*
	File Purpose: Defines Zones (horizontal strips) and Zone Columns (verical strips within a Zone)
	Last Updated: 10-19-2007
	Last Updated By: PAtrick Dwyer
*/

#Container 
{
  width:990px;
  padding:0px 20px 0px 20px;
  background-image:url(/Images/PortalBodyBackground.gif);
  background-repeat:repeat-y;
  float:left;
  clear:both;
}

/* Zone 1 */

	#Header {
		/*margin-top: 35px;*/
		width: 950px;
		height: auto;
		float: left;
		clear: both;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
	}
		#HeaderContents {
			width: 950px;
			height: auto;
			float: left;
		}

/* Zone 2 */

	#TopSection {
		width: 950px;
		height: auto;
		float: left;
		clear: both;
	}

/* Zone 3 */

	#DividerStrip {
		width: 950px;
		height: auto;
		float: left;
		clear: both;
	}

/* Zone 4 */

	#MiddleSection {
		width: 950px;
		/*max-height: 188px;*/
		height: auto;
		background-image: url(../Images/LandingPage/login_background.jpg);
		background-repeat: no-repeat;
		float: left;
		clear: both;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 77%; /* (10px equivalent) */
		font-size: 10pt;
		line-height: 140%;
		color: black;
		overflow: hidden;
	}
	
		#LoginBackground {
			background-image: url(../Images/LandingPage/wc-logo-login.gif);
			width: 321px;
			height: 358px;
			float: left;
			overflow: hidden;
		}
		
		#WelcomeBackground {
			width: 629px;
			height: 466px;
			background-image: url(../Images/LandingPage/wc-welcome_background.gif);
			background-repeat: no-repeat;
			float: left;
			position: relative;
			overflow: hidden;
		}

/* BottomSection */

	#BottomSection {
		width: 629px;
		float: right;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10pt;
		background-image: url(../Images/LandingPage/wc-footer-right_background.jpg);
	}
	
		#FiveStarHolder {
			width: 321px;
			height: auto;
			float: left;
		}
		
		#FiveStarSection {
			float: left;
			width: 321px;
			height: 456px;
			padding-bottom: 10px;
			background-image: url(../Images/LandingPage/wc-five-star_background5.gif);
		}
	
		#FiveStarSection ul {
			list-style:none;		  
			margin: 60px 15px 0px -25px;
			!margin: 75px 20px 0px 15px;
			color: #e9e4d1;
		}
		
		#FiveStarSection li {
			background-image: url(../Images/LandingPage/bullet_star.gif);
			background-repeat: no-repeat;
			background-position: 0 5px;
			padding-left: 10px;
			margin-bottom: 8px;
			font-size: 10pt;
		}
		
		#FiveStarSection a,
		#FiveStarSection a:active,
		#FiveStarSection a:link {
			color: #af832e;
			text-decoration: underline;
			padding-right: 10px;
		}
		
		#FiveStarSection a:hover {
			color: #e9e4d1;
			text-decoration: none;
		}
		
		#SiteSections {
			width: 629px;
			height: auto;
			background-image: url(../Images/LandingPage/wc-box_background.gif);
			float: left;
		}
		
		.SiteSection {
			float: left;
		}
		
		.SiteSection .DescriptionContainer {
			float: left; 
			width: 157px;
			height: 224px;
			line-height: 16px;
		}
		
			.SiteSection .SectionDescription {
			margin: 0px 10px 0px 10px;
			font-size: 8pt;
		}
		
		#CopyrightSection {
		float: left;
		width: 321px;
		text-align: center;
		padding-top: 20px;
		padding-bottom: 0px;
		background-image: url(../Images/LandingPage/footer-left_background.jpg);
		color: #342b16;
	}
		
		#CopyrightSection a,
		#CopyrightSection a:active,
		#CopyrightSection a:link {
			color: #342b16;
			text-decoration: none;
		}
		
		#CopyrightSection a:hover {
			color: #7d5e20;
			text-decoration: underline;
		}
		
	a.LearnMoreLink,
	a.LearnMoreLink:active,
	a.LearnMoreLink:link,
	a.LearnMoreLink:visited {
		color: #af832e;
		text-decoration: none;
		float: right;
	}
	
	a.LearnMoreLink:hover {
		color: #3d3d3b;
	}
	
	#Footer {
		float: left;
		width: 629px;
		height: 54px;
		padding-top: 12px;
		background-image: url(../Images/LandingPage/footer-right_background.jpg);
		text-align: center;
		color: #342b16;
	}
	
	#Footer a,
	#Footer a:active,
	#Footer a:link {
		color: #342b16;
		text-decoration: none;
	}
	
	#Footer a:hover {
		color: #7d5e20;
		text-decoration: underline;
	}

/* Top Section */

	#HeaderImage {
		float: left;
	}
     
	#TopNavigation {
		float: right;
		width: 629px;
		height: 22px;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
		background-image: url(../Images/LandingPage/wc-header_background.jpg);
	}
	
		#TopNavigation a,
		#TopNavigation a:active,
		#TopNavigation a:link {
			color: #342b16;
			text-decoration: none;
		}
		#TopNavigation a:hover {
			color: #7d5e20;
			text-decoration: underline;
		}
	
	#WCLogo {
		float: left;
	}
    
     #SiteNav {
		float: left;
		width: 240px;
		height: 190px;
		background-image: url(../Images/LandingPage/nav_background.jpg);
	}
		
		.NavBox {
			float: left;
			padding: 28px 0px 0px 25px;
		}
    
     #z2c1b3 {
		float: left;
	}

	/*#WelcomeMessage {
		float: left;
		padding: 50px 40px 0px 20px;
		font-size: 10pt;
		width: 430px;
	}*/
	
	#WelcomeMessage {
		float: left;
		padding: 20px 20px 20px 20px;
		font-size: 10pt;
	}
	
	#WelcomeQuote {
		float: left;
		width: 105px;
		font-weight: bold;
		padding: 40px 0px 0px 0px;
	}

/* Login Box */
			
	#LoginBox {
		position: relative;
		width: 235px;
		left: 64px;
		top: 150px;
		font-size:10px;
	}
		
	#LoginBox a {
		color: #af832e;
		text-decoration: underline; 
	}
	
	.EmailAddressLabel {
		position: absolute;
		top: 30px;
		left: 16px;
		font-weight: bold;
	}
	
	.EmailAddressText {
		position: absolute;
		top: 47px;
		left: 16px;
	}
	
	.EmailAddressText input {
		width: 195px;
		height: 12px;
		color: #000000;
	}
	
	#PasswordLabel {
		font-weight: bold;
		position: absolute;
		top: 68px;
		left: 16px;
	}
	
	#PasswordText {
		position: absolute;
		top: 85px;
		left: 16px;
	}
	
	#PasswordText input {
		width: 100px;
		height: 12px;
		color: #000000;
	}
	
	input.LoginButton {
		position: absolute;
		top: 85px;
		right: 16px;
		background-image: url(../Images/LandingPage/b1_login.gif)
	}
	
	#RememberMeCheckBox {
		position: absolute;
		top: 110px;
		left: 13px;
	}
	
	.ForgottenPassword {
		position: absolute;
		top: 136px;
		left: 16px;
	}
	.TroubleLoggingIn 
	{
	  position: absolute;
	  top: 140px;
	  left: 45px;
	}
	#Register {
		position: absolute;
		top: 155px;
		left: 16px;
		font-size: 9px;
	}
	
	#ValidationSummary {
		position: absolute;
		top: 195px;
		left: 16px;
	}
	
	#LoginFormButton {
		position: absolute;
		top: 73px;
		left: 16px;
	}
	
	.Button {
		background-color: #b29927;
		font-family: Century Gothic;
		color: #e8e2cc;
		border: solid 1px black;
		font-weight: bold;
		font-size: 8pt;
	}
	
	.LoginFormButton input {
		border: solid 1px #b29927;
		margin: 1px;
	}
	
	.CreateAccountButton {
		border: 1px solid black;
	}
	
	#Instructions {
		position: relative;
		top: 35px;
		left: 16px;
		width: 206px;
	}
	
	#ForgottenEmailLabel {
		position: relative;
		left: 45px;
		top: 42px;
		font-weight: bold;
	}
	
	#ForgottenEmailTextBox {
		position: relative;
		left: 45px;
		top: 45px;
	}
	
	#ForgottenEmailTextBox input {
		width: 142px;
	}
	
	#EmailMeButton {
		position: relative;
		top: 45px;
		left: 45px;
	}
	
	#LoggedIn {
		position: relative;
		top: 40px;
		left: 16px;
		font-size: 10pt;
		color: #af832e;
		font-weight: bold;
		width: 204px;
	}
	
	.LogInLink {
		position: relative;
		top: 45px;
		left: 16px;
	}