/* html elements */
			/*body {
				background: url(images/bg.gif) repeat-y center #70C066;
				margin: 0px;
				padding: 0px;
				font-family: arial, san-serif;
				font-size: 11px;
				text-align: center;
			}*/
			div {
				text-align: left;
			}
			h1 {
				margin: 0;
				padding: 0;
				color: #446235;
				font-size: 24px;
			}
			h2 {
				margin: 0;
				padding: 0;
				color: #2E64E0;
				font-size: 18px;
			}

			/* class styles */
			.fade-box {
				margin: 0px;
				position: absolute;
				top: 163;
				width: 302px;
				/*width: 300px;
				heght: 150px;	*/
				/*border:1px solid red;*/
			}
			.fade-box p {
				/*width: 306px;*/
				padding: 5px 10px 5px 12px;
				margin: 0;
				background: #E8FAFC;
				/*border:1px solid black;*/
				line-height:130%;
			}
			.fade-box h2 {
				width: 290px;
				margin-top: 29px;
				padding-left: 10px;
				background: #E8FAFC;
			}
			
			/* id styles */
			#content-body {
				margin: 0 auto 0 auto;
				width: 764px;
				background: #FFF;
			}
			#title-box {
				width: 764px;
				height: 30px;
				/* the following is a hack to work around IE's box model */
				//height: 64px;
				padding-top: 34px;
				background: url(images/title-back.gif) repeat-x;
			}
			#page-title {
				margin: 0 0 0 30px;
				display: block;
				width: 160px;
				height: 30px;
				padding: 2px 0px 0px 4px;
				background: url(images/heading-back.gif) no-repeat;

			}
			#crossfade-container {
				margin: 0px;
				padding:0px;
				/*width: 300px;*/
				/*height: 150px;*/
				/*background: url(images/fade-box-bg.gif);	*/
			}
			#introduction p {
				width: 290px;
				padding: 5px 10px 0 10px;
				margin: 0;
			}
			#introduction h2 {
				width: 290px;
				margin-top: 10px;
				padding-left: 10px;
			}
			
			/* the boxes that fade */
			#box-1 {
				
			}
			#box-2 {
				
			}
			#box-3 {
				
			}
			#box-4 {
				
			}