body { 
			background-color: rgb(230, 226, 218);
		} 
		
		body.popup { 
			background-color: #7A756F;
		} 
		
		#container {
			width: 780px;
			\width: 800px;
			w\idth: 780px;
			border: 0px;
			margin: 10px;
			margin-left: auto;
			margin-right: auto;
			padding: 0px;
		}

		#banner {
			height: 70px;
			padding: 0px;
			margin-bottom: 0px;
			background-image: url("images/pagestructure/banner_background.gif");
			background-repeat: no-repeat;
			position:relative;
		}

		#content {
			height: 342px;
			border: 0px;
			padding: 0px;
			margin-bottom: 0px;
			position:relative;
		}

		#footer {
			height: 200px;
			padding: 0px;
			margin-bottom: 0px;
			position:relative;
		}

		#scrollpage {
			height: 196px;
			padding: 0px;
			margin-bottom: 0px;
			background-image: url("images/pagestructure/scrollpage_background.gif");
			background-repeat: no-repeat;
			position:relative;
		}
		
		.grey { 
			background-color: #333333;
			height: 500px;
		}
		
		.grey2 { 
			background-color: #333333;
			height: 332px;
		}
		
		a.bannertext:link {
			color: #453E37; 
			text-decoration: none
		}
		
		a.bannertext:visited {
			color: #453E37; 
			text-decoration: none
		}
		
		a.bannertext:hover {
			color: #000000;
		}
		
		
		.bannertext {
			text-align: left;
			color: #453E37;
			font-family: verdana, sans-serif;
			font-size:10px;
			line-height: 12px;
		}
		
		.toggletext {
			position:absolute; 
			left:182px; 
			top:307px; 
			color: #E5E1D9;
			font-family: verdana, sans-serif;
			font-size:10px;
			line-height: 12px;
			z-index: 3;
		}
		
		/* set up the master content class */
		.captionarea {
			position:absolute; 
			left:18px; 
			top:247px;
			width:240px;
			color: #E5E1D9;
			font-family: verdana, sans-serif;
			font-size:10px;
			line-height: 12px;
			z-index: 1;
		}
		
		/* set up the individual boxes */
			.captionon {
			visibility: hidden;
			position:absolute; 
			left:-164px; 
			top:-60px;
			width:240px;
			z-index: 2; /* use this to set this content ABOVE .captionarea */
			}
			
		/* css for the navigation */
		a:link, a:visited {
			color: #E5E1D9; 
			text-decoration: none;
		}

		a:hover {
			color: #000000;
		}
		
		/* this is the CSS that does all the work */
			a:hover.rollover {
			background-color: #7a756f;
			text-decoration: none;
		}

			a:hover.rollover .captionon {
			visibility: visible;
		}
		
		.captiontext {
			text-align: left;
			color: #000000;
			font-family: verdana, sans-serif;
			font-size:10px;
			line-height: 12px;
		}
		
		a.entertext:link {
			color: #cc3333; 
			text-decoration: none
		}
		
		a.entertext:visited {
			color: #cc3333; 
			text-decoration: none
		}
		
		a.entertext:hover {
			color: #CCCCCC;
		}
		
		
		.entertext {
			color: #cc3333;
			font-family: verdana, sans-serif;
			font-size:14px;
			line-height: 16px;
		}
		
		a.displaytext:link {
			color: #E5E1D9; 
			text-decoration: underline
		}
		
		a.displaytext:visited {
			color: #E5E1D9; 
			text-decoration: underline
		}
		
		a.displaytext:hover {
			color: #000000;
			text-decoration: underline
		}
		
		.displaytext {
			text-align: left;
			color: #E5E1D9;
			font-family: verdana, sans-serif;
			font-size:10px;
			line-height: 12px;
		}
		
		a.wordtext:link {
			color: #E5E1D9; 
			text-decoration: underline
		}
		
		a.wordtext:visited {
			color: #E5E1D9; 
			text-decoration: underline
		}
		
		a.wordtext:hover {
			color: #000000;
			text-decoration: underline
		}
		
		.wordtext {
			text-align: left;
			color: #E5E1D9;
			font-family: verdana, sans-serif;
			font-size:11px;
			line-height: 16px;
		}
		
		.wordtitle {
			text-align: left;
			color: #000000;
			font-family: verdana, sans-serif;
			font-size:11px;
			line-height: 16px;
		}