/* Design tokens — see _css/css-audit.md */
:root {
	--teal: #89B2A2;
	--white: #FFFFFF;
	--mauve: #6A4E5C;
}

/* CLEARS */

	#nav:after{
	/* See ie55.css */	
	/* content property must be first */
		content: " ";	
		clear: both;
		display: block;	
		height: 0;
		visibility: hidden;	
	}
	
	*{
		border: 0;
		padding: 0;
		margin: 0;
	}
	
	
/* Web Content Accessibility */
	.wca{
		height: 0;
		visibility: hidden;	
		position:absolute;
	}

/* End Web Content Accessibility */

	body{
		font: .75em Helvetica, Arial, sans-serif;
		color: #505050;
		background: var(--mauve) url('../images/bg_body.png') repeat-x left top;
		text-align: center;
		margin: 0 auto;
		padding: 0;
	}

	a:LINK{
		color: var(--mauve);
	}

	a:VISITED{
		color: var(--mauve);
	}

	a:HOVER{
		color: var(--teal);
	}

	a:ACVIVE{
		color: var(--mauve);
	}

	ul, pre, p, ol, h3, h2, h1, dl {
		margin-top: 0;
		margin-bottom: 0;
	}

	blockquote {
		margin: 0 40px 1.5em 40px;
	}

	textarea, select, input, .radioBut {
		border: 0;
	}

/* page layout */

	#pg{
		background: var(--mauve) url('../images/bg_page.png') no-repeat center 28px;
		width: 797px;
		height: 100%;
		margin: 0 auto;
		padding-top: 28px;
		text-align: left;
		display: block;
		height: auto;
		overflow: auto;
	}

	#nav {
		float: left;
		width: 767px;
		height: 31px;
		display: block;
		background: var(--teal);
		position: relative;
		text-align: left;
		z-index: 2;
	}

/* end page layout */

/* header */

	#head{
		margin: 0 auto;
		padding: 0px;
		height: 109px;
		width: 767px;
		display: block;
		float: left;
		margin-left: 15px;
	}

	#head h1{
		background: url('../images/logo_head.png') no-repeat left top;
		display: block;
		height: 109px;
		width: 433px;
		text-decoration: none;		
		text-indent: -10000px;
		padding: 0;
		margin: 0;
	}

/* end header */

/* content area */

	#main{
		margin: 31px auto 0 auto;
		background: var(--white);
		display: block;
		width: 767px;
		font-size: 13px;
		float: left;
		margin-left: 15px;
	}

	#content{
		display: block;
		float: left;
		padding: 9px;
	}

	#content p {
		margin: 0 0 1.2em 0;
		line-height: 1em;
	}
	
	#content blockquote, #content td{
		line-height: 1em;
	}

	#content ol {
		margin: 0 0 1.2em 30px;
	}

	#content ul {
		margin: 0 0 1.2em 30px;
	}

	#content li {
		line-height: 1em;
		margin: 0 0 0.5em 0;
	}
	
	#content h1 {
		color: var(--mauve);
		font-size: 22px;
		font-weight: bold;
		line-height: 22px;
		margin: 7px 0 20px 7px;
	}

	#content h2 {
		color: var(--teal);
		font-size: 16px;
		line-height: 1em;
		margin: 0 0 .5em 0;
	}
	
	#bodyText {
		margin-left: 5px;
	}
			
	.textField {
		background: var(--white);
		border: 2px var(--teal) solid;
		font-size: 1em;
		margin: 0;
		padding: 0;
	}

	.textArea {
		background: var(--white);
		border: 2px var(--teal) solid;
		font-size: 1em;
		margin: 0;
		padding: 0;
		font: inherit;
	}

	.textSmall {
		font-size: 0.85em;
	}

	.formButton {
		background: var(--white) ;
		border: 2px var(--teal) solid;
		color: var(--teal);
		font-weight: bold;
		font-size: 0.75em;
		text-transform: uppercase;
		margin: 0;
		padding: 2px 9px;
		display: block;
		cursor: pointer;
	}

	.imageLeft {
		border: 2px var(--teal) solid;
		padding: 2px;
		background: var(--white);
		float: left;
		margin: 0 10px 10px 0;
	}

	.imageRight {
		border: 2px var(--teal) solid;
		padding: 2px;
		background: var(--white);
		float: right;
		margin: 0 0 10px 10px;
	}
	
	
/* end content area */

/* footer */

	#foot{
		background: var(--teal) url('../images/bg_foot.png') no-repeat center bottom;
		text-align: center;
		font-size: 10px;
		padding: 10px 0;
		width: 767px;
		color: var(--white);
		float: left;
		margin: 0 auto 10px 15px;
	}

	#foot a{
		color: var(--white);
		text-decoration: none;
	}

	#foot a:hover{
		color: var(--white);
		text-decoration: underline;
	}

/* end footer */

/* Main Page */



	#mainBoxes ul{
		margin: 0;
		padding: 0;
		border: 0;
		list-style-type: none;
	}

	#mainBoxes li {
		float: left;
		position: relative;
		margin: 0 0 9px 0;
	}

	#mainBoxes li p {
		font-size: 12px;
		line-height: 1em;
		margin: 12px 12px 0 12px;
	}

	#mainBoxes li h3 {
		font-size: 13px;
		line-height: 1em;
		margin: 12px 12px 0 12px;
		font-weight: bold;
		color: var(--mauve);
	}

	#mainBoxes li ul{
		font-size: 12px;
		margin: 9px 0 0 30px;
	}

	#mainBoxes li ul li{
		list-style: square;
		line-height: 1em;
		float: none;
		margin: 0 0 5px 0;
	}

	#box1 {
		background: url('../images/bg_bot_box1.png') no-repeat left bottom;
		margin: 0;
		padding: 0 8px 0 0;
		display: block;
		height: 275px;
		width: 245px;
	}

	#box1 h2 {
		background: url('../images/top_box1.jpg') no-repeat center top;
		padding: 0;
		margin: 0;
		color: var(--white);
		text-indent: -99999px;
		text-decoration: none;
		display: block;
		height: 89px;
		width: 245px;
	}

	#box2 {
		background: url('../images/bg_bot_box2.png') no-repeat left bottom;
		margin: 0;
		padding: 0 8px 0 0;
		display: block;
		height: 275px;
		width: 242px;
	}

	#box2 h2 {
		background: url('../images/top_box2.jpg') no-repeat center top;
		padding: 0;
		margin: 0;
		color: var(--white);
		text-indent: -99999px;
		text-decoration: none;
		display: block;
		height: 89px;
		width: 242px;
	}

	#box3 {
		background: url('../images/bg_bot_box3.png') no-repeat left bottom;
		margin: 0;
		padding: 0;
		display: block;
		height: 275px;
		width: 245px;
	}

	#box3 h2 {
		background: url('../images/top_box3.jpg') no-repeat center top;
		padding: 0;
		margin: 0;
		color: var(--white);
		text-indent: -99999px;
		text-decoration: none;
		display: block;
		height: 89px;
		width: 245px;
	}






/*
	.feature{
		background: url('../images/bg_main-box.png') no-repeat center bottom; 
		width: 270px;
		height: 145px;
		padding: 0;
		margin: 0 8px 8px 0;
		vertical-align: top;
		display: block;
		float: left;
	}

	.feature h2, .feature h2 a{
		color: #0E345A;
		font-size: 16px;		
		text-decoration: none;
		text-indent: -99999px;
		display: block;
		width: 270px;
		height: 60px;
	}

	.feature p{
		font-size: 13px;
		line-height: 1em;
		padding: 0px 14px;
	}

	.feature ul{
		font-size: 13px;
		margin: 0 0 0 20px;
	}

	.feature li{
		list-style: square;
		line-height: 1em;
	}

	.registered{
		float: left;
		background: url('../images/bg_main-registered.jpg') no-repeat left top;		
		color: #FFFFFF;
		width: 548px;
		height: 135px;
		margin: 0 0 0 0;
		line-height: 1em;
	}
	
	.registered h2{
		color: #6A4E5C;
		font-size: 16px;
		text-decoration: none;
		line-height: 2em;
	}

	.registered p{
		margin: 12px 0 12px 0;
		font-size: 13px;
	}

	.registered a{
		color: #FFFFFF;
	}

	.sidebox {
		float: right;
		width: 192px;
		height: 288px;
		background: #9A9A9A url('../images/bg_main-professionals.png') no-repeat center bottom;
		color: #FFFFFF;
		text-align: center;
		font-size: 13px;
		line-height: 1em;
		margin-bottom: -6px
	}

	.sidebox h2 {
		padding: 0; 
		margin: 0;
		font-size: 16px;
		line-height: 16px;
	}

	.sidebox h2 a {
		background: url('../images/top_professionals.png') no-repeat center top;
		padding: 0; 
		margin: 0;
		color: #FFFFFF;
		text-indent: -99999px;
		text-decoration: none;
		display: block;
		height: 60px;
		width: 192px;
	}

	.sidebox p {
		padding: 0 14px;
		margin: 0px;
		text-align: left;
	}
	
	.sidebox a {
		color: #FFFFFF;
	}

	.sidebox a.lnk {
		margin: -5px 0;
		padding-bottom: 8px;
		line-height: 1em;
		font-size: 1em;
		display: block;
	}
	/*

/* end Main Page */