/* REDEFINE HTML
----------------------------------------------- */
	body
		{
		margin: 0;
		padding: 0 20px 20px 20px;
		background: #cccdc4;
		text-align: center;
		}
		
	img
		{
		border: 0;
		}
		
	a:link 
		{
		color: #30f;
		text-decoration:none;
		}
		
	a:visited 
		{
		color: #906;
		text-decoration:none;
		}
	
	a:hover 
		{
		color: #906;
		text-decoration:underline;
		}
	
	a:active 
		{
		color: #906;
		text-decoration:underline;
		}
	
	h1
		{
		font: normal 30px 'trebuchet ms', arial, verdana, sans-serif;
		text-align: center;
		}
		
	h2
		{
		margin: 0 0 24px 0;
		padding: 0;
		border-bottom: 5px #cccdc4 solid;
		font: normal 22px 'trebuchet ms', arial, verdana, sans-serif;
		text-align: center;
		}
		
	h3
		{
		border-bottom: 2px #cccdc4 solid;
		font: normal 16px 'trebuchet ms', arial, verdana, sans-serif;
		}
		
	p
		{
		font: 12px 'trebuchet ms', arial, verdana, sans-serif;
		}
		
	li
		{
		padding-bottom: 4px;
		font: 12px 'trebuchet ms', arial, verdana, sans-serif;
		}

/* STRUCTURE
----------------------------------------------- */
	#container
		{
		margin: auto;
		padding: 20px;
		border: 10px #8b8c80 solid;
		background: #fff;
		text-align: left;
		width: 760px;
		}
		
	#masthead
		{
		background: #000;
		height: 100px;
		}
		
	#content-main
		{
		margin: 0 0 0 175px;
		padding: 14px;
		border-left: 1px #999 solid;
		}
	
	#footer
		{
		padding: 20px;
		background: #900;
		color: #fff;
		text-align: center;
		font: 10px arial, sans-serif;
		}

/* MAIN MENU
----------------------------------------------- */
	#menu-main ul 
		{
		margin: 0;
		padding: 0;
		list-style-type: none;
		height: 14px;
		}
		
	#menu-main ul li 
		{
		width: 20%;
		float: left;
		}
		
	#menu-main ul li a 
		{
		padding: 4px 0;
		border-left: 1px solid #C02F1A;
		border-right: 1px solid #521508;
		background: #900;
		font: bold 11px arial, sans-serif;
		color: #fff;
		text-decoration: none;
		display: block;
		text-align: center;
		height: 14px;
		}
	
	#menu-main ul li a:hover 
		{
		background: #090;
		}
	
	#menu-main ul li#main-active a
		{
		background: #090;
		}
		
/* PAGE COLUMN
----------------------------------------------- */
	#page-column
		{
		padding: 14px 0 0 0;
		border-right: 1px #999 solid;
		width: 175px;
		float: left;
		}
		
	#page-column ul
		{
		margin: 0;
		padding: 0;
		list-style-type: none;
		}
		
	#page-column ul li
		{
		margin: 0;
		font: 11px arial, sans-serif;
		height: 15px;
		}
	
	#page-column ul li a 
		{
		padding: 1px 0 3px 6px;
		display: block;
		text-decoration: none;
		}
	
	#page-column ul li a:hover 
		{
		background: #ccc;
		}
	
	#page-column ul li#side-active
		{
		background: #ccc;
		}
		
/* COSMETICS
----------------------------------------------- */	
	.page-note
		{
		font: 8pt arial, geneva, verdana, sans-serif;
		}
		
	.page-new
		{
		font: 8pt arial, geneva, verdana, sans-serif;
		color: #f00;
		}
		
	.page-updated
		{
		font: 8pt arial, geneva, verdana, sans-serif;
		color: #0f0;
		}

/* FORMS
----------------------------------------------- */		
	fieldset
		{
		margin: 0 0 14px 0;
		font: bold 10pt arial, geneva, verdana, sans-serif;
		}
		
	label
		{
		margin-right: 10px;
		font: 10px arial, geneva, verdana, sans-serif;
		float: left;
		}
		
	input.required
		{
		border-color: #f00;
		}

	input
		{
		border-width: 1px;
		}
	
	input:hover
		{
		background: #ffc;
		}
		
	input:focus
		{
		background: #ff3;
		}

	select
		{
		border-width: 1px;
		}
	
	select:hover
		{
		background: #ffc;
		}
		
	select:focus
		{
		background: #ff3;
		}

	textarea
		{
		border-width: 1px;
		}
	
	textarea:hover
		{
		background: #ffc;
		}
		
	textarea:focus
		{
		background: #ff3;
		}

/* FORM BUTTON
----------------------------------------------- */	
	.form-button
		{
		border: 3px #999 double;
		border-top-color: #ccc;
		border-left-color: #ccc;
		border-bottom-color: #333;
		border-right-color: #333;
		padding: 0.15em;
		background: #fff;
		color: #333;
		font: bold 8pt arial, geneva, verdana, sans-serif;
		cursor: pointer;
		}
	
	.form-button:link 
		{
		color: #333;
		}
		
	.form-button:visited
		{
		color: #333;
		}
		
	.form-button:hover
		{
		background: #cfc;
		color: #060;
		text-decoration: none;
		}

/* VALIDATION
----------------------------------------------- */	
	input.disabled
		{
		border: 1px solid #eee;
		background: #eee;
		}

	input.required, textarea.required
		{
		border: 1px solid #f00;
		}

	input.validation-failed, textarea.validation-failed
		{
		border: 1px solid #f00;
		}
		
	input.validation-passed, textarea.validation-passed
		{
		}

	.validation-advice
		{
		margin: 3px 0;
		padding: 3px;
		background: #f00;
		color : #fff;
		font: bold 11px arial, geneva, sans-serif;
		}