body, html {
		height: 100%;
	}
	
	body {  
		font-family: Arial, Helvetica, sans-serif;
		color: #666;
		margin: 0;
		text-align: center;
		background: #E5CBEE url(images/bg_tile_body.jpg) 0 0 repeat-x;
	}
	
	.clean {
		height: 1px;
		clear: both;
	}
	
	.datatable {
		border: none;
		padding: 10px;
		margin-bottom: 10px;
	}
	
	.datatable caption {
		text-align: left;
		font-size: 100%;
		border: none;
		padding: 10px 0 0 15px;
	}
	
	.datatable th.display-none {
		display: none;
	}
	
	.datatable th,
	.datatable td {
		text-align: left;
		font-weight: normal;
		padding: 5px;
		font-size: 90%;	
		border: 1px solid #ccc;
	}
	
	.datatable td.highlight {
		background-color: #FFFF00;
	}
	
	.datatable th.fixed {
		width: 25%;
	}
	
	div.datatablebg {
		border: 5px solid #c6c;
		width: 100%;
		margin: 20px 0;
	}
	
	div.datatablebg p {
		padding: 0 10px;
	}
	
	div.datatablebg h2 {
		font-size: 100%;
		margin: 0; padding: 10px;
		background: #c6c;
		display: block;
		color: white;
	}
		
	#wrapper {
		position: relative;
		text-align: left;
		width: 770px;
		margin: 0 auto 0 auto;
		padding: 0;
		min-height: 100%;
		background: #fff url(images/bg_tile_wrapper.jpg) 0 0 repeat-y;
	}
	
	* html wrapper {
		height: 100%;
	} 
	
	#header {
		height: 165px;
		background: #fff url(images/bg_fixed_header.jpg) 0 0 no-repeat;
		width: 770px;
	}
	
	#header	.menu {
		width: 180px;
		margin: 1em 0 1em 10px;
		padding: 0px 0.5em;
		position: absolute;
		left: 0;
		top: 20px;
	}
		
	#header	.menu ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
		
	#header	.menu li {
		margin: 0;
		padding: 0;
		float: left;
		width: 33%;
		text-align: center;
		font-size: 75%;
	}
		
	#header	.menu li a {
	   display: block;
	   width: 100%;
	   text-decoration: underline;
	   border-right: 1px solid #09f;
	   color: #09f;
	}
	
	#header	.menu li a:hover {
		text-decoration: none;
	}
		
	#header	.menu li.last a,
	#header	.menu li.last a:hover {
		border: none;
	}

	#navigation {
		width: 770px;
		display:block;
		text-transform: lowercase;
	}
		
	#navigation	.nav li a:hover {
		text-decoration: none;
		border-right: 1px solid #09f;
	}
		
	#navigation	.nav {
		width: 770px;
		margin: 1em 0 1em 0;
		position: relative;
	}
		
	#navigation	.nav ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
		
	#navigation	.nav li {
		margin: 0;
		padding: 0;
		float: left;
		width: 20%;
		text-align: center;
		font-size: 100%;
	}
		
	#navigation	.nav li a {
		   display: block;
		   text-decoration: none;
		   border-right: 1px dotted #666;
		   color: #666;
		}
		
	#navigation	.nav li.last a,
	#navigation	.nav li.last a:hover {
		border: none;
	}
		
	#navigation	.nav li a:hover {
		text-decoration: none;
		border-right: 1px dotted #666;
		color: #B66BD0;
	}
	
	#splash {
		width: 770px;
		height: 217px;
		background: #9B07CE url(images/bg_fixed_splash.jpg) 0 0 no-repeat;
		overflow: hidden;
	}
	
	#splash .list {
		margin: 0 20px 0 300px;
		padding: 0;
	}
			
	#splash .list ul {
		margin: 0 1em 0 0;
		padding: 10px 0 0 0;
		list-style: none;
	}
		  
	#splash .list li {
		line-height: 2em;
		font-size: 90%;
		padding-left: 30px;
		color: #ff6;
		font-weight: bold;
		background: url(images/bullet.jpg) left top no-repeat;
	}

	#splash .button {
		margin:0; padding:0;
		position:relative;
		left: 400px;
		top: 10px;
		width:204px; height:31px;
		overflow:hidden;
	}
	
	#splash .button a {
		display: block;
		cursor: pointer;
	}
   
		#splash .button span {
			display:block;
			position:absolute; left:0; top:0; z-index:1;
			width:204px; height:31px;
			margin:0; padding:0;
			background:url("images/button_splash.jpg") top left no-repeat;
			cursor: button;
		}
		
	#container {
		background: #fff url(images/bg_tile_container.jpg) 0 0 repeat-y;
		width: 770px;
		margin: 10px 0 0 0;
		padding: 0;
		font-size: 75%;
		line-height: 1.8em;
		height: 100%;
	}
	
	#container.reg {
		background: #fff url(images/bg_tile_container_reg.jpg) 0 0 repeat-y;
	}	
	
	#leftcol {
		float: left;
		width: 550px;
		padding: 0 15px;
		height: 100%;
	}
	
	#regcol {
		float: left;
		width: 710px;
		padding: 0 15px;
		height: 100%;
	}
	
	#leftcol h1,
	#regcol h1 {
		font-size: 160%;
		line-height: 1.2em;
	}
	
	#rightcol {
		float: left;
		width: 160px;
		padding: 0 15px;
	}
	
		#rightcol .scroller {
			width: 146px;
			padding: 6px;
			border: 1px solid #ccc;
		}
		
	#notice-container {
		clear: left;
		width: 750px;
		padding: 10px;
		text-align:center;
		color: red;
		background: #fff url(images/bg_tile_notice.jpg);
	}
	
		#notice-container #notice {
			width: 100%;
			border-top: 1px dotted #999;
		}
		
		#notice-container #notice p {
			margin: 0;
		}
	
		#notice-container #notice p.headline {
			font-size: 140%;
			text-decoration: underline;
			margin-top: 10px;
		}    		
		
		
	
	#footer {
		width: 770px;
		text-align: center;
		padding: 30px 0 50px 0;
		background: #E5CBEE url(images/bg_fixed_footer.jpg) 0 0 no-repeat;
		margin: 0 auto 0 auto;
	}
	
		#footer p {
			margin: 0;
			font-size: 67.5%;
			color: #999999;
		}
		
		#footer a {
			color: #999999;
			text-decoration: underline;
		}
		
		#footer a:hover {
			text-decoration: none;
		}
	
	.skip {
		display: none;
	}

	/********* CMS STYLES ********/
	
	.ditto_wrapper .ditto_link {
		text-align: right;
	}

	.ditto_wrapper a, .ditto_wrapper a:visited, .ditto_wrapper a:hover {	
		border: 0;
	}
	
	.ditto_pages .ditto_currentpage {
		border: 1px solid #000;
		padding: 1px 5px 2px;
		margin-right: 1px;
		background-color: #ccc;
		color: #666;
	}
	
	.ditto_pages .ditto_off {
		border: 1px solid #999;
		padding: 1px 5px 2px;
		margin-right: 1px;
		color: #ccc;
	}
	
	.ditto_pages a, .ditto_pages a:link, .ditto_pages a:visited {
		border: 1px solid #0066CC;
		padding: 1px 5px 2px;
		margin-right: 1px;
		text-decoration: none !important;
		color: #0066CC;
	}
	
	.ditto_pages a:hover {
		background-color: #fff;
		color: #000;
	}

	/********* EDITOR SELECTORS ********/
	.image-right {
		float: right;
		border: 1px solid #999999;
		margin: 0 0 10px 10px;
	}
	
	.image-left {
		float: left;
		border: 1px solid #999999;
		margin: 0 10px 10px 0;
	}
	
	.left {
		text-align: left;
	}
	
	.center {
		text-align: center;
	}
	
	.right {
		text-align: right;
	}
	
	.justify {
		text-align: justify;
	}
	
	/********* REGISTRATION FORMS ********/
	
	#forms {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	
	#forms .errors {
		font-size: 75%;
		color:#900;
	}
	
	#forms fieldset {
		padding: 10px;
		border: 1px solid #CCCCCC;
		margin-bottom: 15px;
	}
	
	#forms legend {
		font-size: 120%;
		display: normal;
		color: #666666;
		font-weight: bold;
	}
		
	#forms form p {
		clear: left;
		margin: 0;
		padding: 10px 0 10px 0;
	}
			
	#forms form p label {
		float: left;
		width: 100%;
		font-size: 100%;
		font-weight: bold;
	}
	
	#forms input.text {
		width: 250px;
		font-size: 120%;
		padding: 3px;
	}
	
	#forms input.button {
		width: auto;
	background: #eee;
	border: 2px solid purple;
	padding: 5px;
	font-size: 18px;
	}
	
	#forms textarea.text {
		width: 250px;
		height: 150px;
		border: 1px solid #ccc;
		font-size: 120%;
		font-family: Arial, Helvetica, sans-serif;
		padding: 3px;
	}
	
	#forms select.text {
		width: 250px;
		border: 1px solid #ccc;
		font-size: 120%;
		padding: 3px;
	}