/*
 ********************************************************************************************
 * Reset styles - http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
 ********************************************************************************************
 */

	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		font-family: inherit;
		vertical-align: baseline;
	}
	/* remember to define focus styles! */
	:focus {
		outline: 0;
	}
	body {
		color: black;
		background: white;
	}
	ol, ul {
		list-style: none;
	}
	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse: separate;
		border-spacing: 0;
	}
	caption, th, td {
		text-align: left;
		font-weight: normal;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: "";
	}
	blockquote, q {
		quotes: "" "";
	}

/*
 ********************************************************************************************
 *	Fonts
 ********************************************************************************************
 */

	body {
		font-size-adjust:none;
		font-style:normal;
		font-variant:normal;
      font-family: arial, 'Trebuchet MS',arial, verdana, serif;
		color: #666;
		line-height:1em;
		font-size: .8em;
	}

/*
 ********************************************************************************************
 * Structure
 ********************************************************************************************
 */

	body {
		color: #666666;
		background: #EEE;
		text-align: center;
		}

	#watermark {

		}

		#header {
			margin: auto;
			text-align: center;
			height: 120px;
			width: 770px;
			background: #333;
			}

			#header h1 {
			   float: left;
			   margin: 0 !important;
			   padding: 0 !important;
				}

         #header h1 a {
            padding: 0 !important;
				text-indent: -9999px;
				display: block;
				width: 320px;
				height: 120px;
				}

		.wrapper {
			width: 770px;
			text-align: left;
			margin: auto;
			}

			#feature {
				background: #ddd;
				height: 180px;
			}

			/* Content
			----------------------------------------------- */

			#content {
		      background: #FFF;
				}

            #main {

				}
				
				#col-main {
					width: 62.5%;
					clear: left;
					float: left;
					}

				/* Sidebar
				----------------------------------------------- */

				#sidebar {
					float: right;
					clear: right;
					display: inline;
					width: 36%;
					overflow: hidden;
					}

		/* Footer
		----------------------------------------------- */

		#footer {
			color: #999999;
			text-align: center;
			width: 100%;
			}

/*
 ********************************************************************************************
 *	Tab Sets
 ********************************************************************************************
 */
 
	.tabs {
		background:url(../images/tabs-bg.gif) no-repeat 100% 100%;
		display: block;
		line-height: 1.6em;
		height: 32px;
		}
	.tabs li, .tabs li span {
		background-image:url("../images/tabs-li-bg.gif");
		background-repeat:no-repeat;
		}
	.tabs li {
		float:left;
		height:32px;
		margin-right:.33em;
		background-position:0 -96px;
		padding-left:5px;
		font-size:1.08em;
		overflow:hidden;
		}
	.tabs li.on {
		background-position:0 -64px;
		}
	.tabs li span {
		display:block;
		background-position:100% -32px;
		margin: 0;
		padding:0 18px 0 10px;
		line-height:2.5em;
		}
	.tabs li span img {
		float:left;
		margin:8px 6px 0 0;
		}
	.tabs li.on span {
		background-position:100% 0;
		}
	.tabs li a, .tabs li a:hover, .tabs li a:visited {
		color:#000;
		text-decoration:none;
		}
	.tabs li a:hover {
		color:#8ab54a;
		background-color: transparent;
		}
 
/*
 ********************************************************************************************
 *	Column Sets
 ********************************************************************************************
 */

	/* Sets */
	.colset-2, .colset-2-alt, .colset-2-alt2,
	.colset-3, .colset-4 {
	    margin-bottom: 1.5em;
	    margin-bottom: 0;
		}

	/* Colset2 */
	.colset-2 .col-1, .colset-2 .col-2 {
		width:48%;
		}
	.colset-2 .col-1 {
		float:left;
		}
	.colset-2 .col-2 {
		float:right;
		}

	/* Colset-2-alt */
	.colset-2-alt .col-1 {
		float:left;
		width:64%;
		}
	.colset-2-alt .col-2 {
		float:right;
		width:32%;
		}

	/* Colset-2-alt 2 */
	.colset-2-alt2 .col-1 {
		float:left;
		width:32%;
		}
	.colset-2-alt2 .col-2 {
		float:right;
		width:65%;
		}

	/* Colset3 */
	.colset-3 .col-1, .colset-3 .col-2, .colset-3 .col-3 {
		float:left;
		width:32%;
		background: #fff;
		}
	.colset-3 .col-1, .colset-3 .col-2 {
		margin-right:2%;
		}

	/* Colset4 */
	.colset-4 .col-1, .colset-4 .col-2, .colset-4 .col-3, .colset-4 .col-4 {
		float:left;
		width:21.5%;
		}
	.colset-4 .col-1, .colset-4 .col-2, .colset-4 .col-3 {
		margin-right:4%;
		}

/*
 ********************************************************************************************
 *	Miscellaneous classes
 ********************************************************************************************
 */

	.textonly {
		display: none;
	}
	
	/* Clearing ----------------------------------------------- */
	.clearfix {
		clear:both;
		font-size:1px;
		margin-top:-1px;
	}

		.clearfix:after {
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
		}

		* html>body .clearfix {
			display: inline-block;
			width: 100%;
		}

		* html .clearfix {
			/* Hides from IE-mac \*/
			height: 1%;
			/* End hide from IE-mac */
		}












/*
 ********************************************************************************************
 * ******************************************************************************************
 *
 * Styling
 *
 * ******************************************************************************************
 ********************************************************************************************
 */

	b, strong {
		font-weight: bold;
		color: #797365;
	}

	p, ul, ol, li {
		/*color: #333;*/
		line-height: 18px;
	}

	p {
		margin: 12px 0 12px 0;
	}

	ol, ul {
		margin-left: 0px;
		margin-top: 6px;
		margin-bottom: 12px;
		padding-left: 6px;
		line-height: 18px;
	}

	li {
		line-height: 18px;
		margin-bottom: 8px;
		list-style-type: none;
		padding-left: 18px;
		background: transparent url("../images/bullet.gif") 0 2px no-repeat;
	}

	li strong {
		display: block;
	}

/*
 ********************************************************************************************
 *	Links
 ********************************************************************************************
 */

	a:link, a:visited, a:active {
		color: #7AABBA;
		text-decoration: underline;
		padding: 3px 4px 3px 4px;
	}

	a:visited {
		color: #acacac;
	}

	a:hover {
		color: #579CFF;
		background-color: #F5FFF5;
		text-decoration: underline;
	}

	a img {
		border: 0;
	}
	
/*
 ********************************************************************************************
 * Headings
 ********************************************************************************************
 */
 
	h1, h2, h3, h4, h5, h6 {
		font-weight: normal;
		color: #89B43F;
		line-height: 1em;
		clear: left;
	}

	h1 {
		padding-top: 30px;
		margin-top2: 30px;
		color: #4d6067;
		color: #668188;
		padding2: 0 22px;
		font-size: 28px;
	}

	h2 {
		margin-top2: 30px;
		padding: 8px 0 4px 0;
		font-size: 19px;
	}

	h3 {
		border-bottom2: solid 2px #FFFFFF;
		display: block;
		padding-bottom: 4px;
		margin-top: 24px;
		margin-bottom2: -10px;
		color: #95A8AF;
		color: #777777;
		font-weight: bold;
		text-transform: uppercase;
	}
	
/*
 ********************************************************************************************
 * Nav
 ********************************************************************************************
 */

	#nav {
		margin: 0;
		float: right;
		cursor: default;
		line-height: 2em;
		height: 32px;
	}

	#nav li {
	   padding: 0;
	   margin: 0;
	   float2: left;
	   display: inline;
	   background: transparent;
	   overflow: hidden;
	   line-height: 2.2em;
	}
	
	#nav a {
	   display: inline;
	   line-height2: 2em;
		padding: .6em 1em !important;
		color: #FFF;
		margin: 0;
	}

	#nav a:hover {
		background: #333;
		color: #7AABBA;
	}

	#nav li.selected a {
		background: #444;
		color: #999;
	}

	.navDivider { display:none }

/*
 ********************************************************************************************
 * Subnav
 ********************************************************************************************
 */

	#subnav {
		float: right;
		display: inline;
		width: 36%;
		overflow: hidden;
		margin-top: 16px;
		border2: solid 1px #e4e9ec;
		background: #fff url("../images/submenu-bg.gif") 0 0 no-repeat;
	}

	#subnav h2 {
		margin: 0px 15px 0 15px;
	}

	#subnav ul a {
		background: transparent url("../images/bullet-sidebar.gif") 8px 14px no-repeat;
		padding: 12px 14px 12px 24px;
		display: block;
	}

	#subnav h2 a {
		font-size: 19px;
	}

	#subnav ul a:hover {
		background-color:#F8FFE0;
		color: #579cff;
	}

	#subnav ul a.selected {
		color: #7AABBA;
	}

	#subnav h2 a {
		padding:0 !important;
		background: transparent;
		color: #668188;
	}
	#subnav h2 a {
		background: transparent;
		padding: 0;
		text-decoration: none;
	}
	#subnav h2 a:hover {
		background: transparent;
		text-decoration: underline;
	}

	#subnav ul {
		margin: 0;
		padding: 4px 10px 10px 10px;
	}

	#subnav ul li {
		margin: 0;
		padding: 0;
		background: transparent;
	}

	#subnav li.selected a {
		color: #7AABBA;
		background-color: #E9FCB9;
	}

/*
 ********************************************************************************************
 * Footer
 ********************************************************************************************
 */
 
	#footer {
	   text-align: left;
	}

/*
 ********************************************************************************************
 * Padding
 ********************************************************************************************
 */

	#content {
		padding2: 1em 1em 1px 1em;
		padding: 10px;
		zoom:1;
	}
	
	.padded {
	   padding: 1em;
	   border2: dotted 1px #ddd;
	}
	
	#content .padded {
	   background: #eee;
	   margin-bottom: 10px;
	}
	
	#subnav .padded {
	   padding: 1em 0 0 0;
	}
	
	#footer {
	   
	}

	
	
	
	
	
	
	
	
	
	
/*
 ********************************************************************************************
 * Form classes
 ********************************************************************************************
 */

	form {
		margin-top: 30px;
		margin-bottom: 60px;
	}

	form ul {
		margin: 0;
		padding: 0;
	}

	form li {
		padding: 0;
		background: transparent;
		clear: left;
	}

		form li.indented {
		   padding-left: 9.7em;
		}

	   form li.header {
		   padding-left: 9.7em;
		}

		form li.button {
		   padding-left: 9.7em;
		   margin-top: 14px;
		}

	form li h2 {
	   margin: 20px 0 0 0;
		padding: 0;
	}

	label {
	   line-height:18px;
		width: 9em;
		float: left;
		clear: left;
		text-align: left;
		margin-right: 0.5em;
		padding: 0.6em 0;
		display: block;
	}

	label span {
	   color: red;
	}

	textarea.textarea,
	input.textinput {
		border: solid 2px #E2EB9A;
		border-color: #D4E3E2;
		padding: 6px;
		padding: .50em;
		width: 24em;
		font: normal 1em Arial,Tahoma,Sans-Serif,Helvetica,Serif;
		background: #FFFFFF url("../images/textbox-background.gif") repeat-x top left;
		float2: left;
	}
	input.textinput:focus,
	textarea.textarea:focus {
		border-color: #7AABBA;
		border-color2: #E2EB9A;
		border-color2: #E2EB9A;
	}

	/* Form errors
	----------------------------------------------- */

	#validationErrors {
	   border: solid 1px #eee;
		background: #FFFFCB;
		color: red;
		padding: 4px 14px;
		margin-top2: 25px;
margin-bottom: 20px;
	}

	#validationErrors li {
		margin-left: 10px;
	}

	.error {
		display: inline;

	}
	.error .textinput,
	.error .textarea {
	   border-color: #f96363;
	}

	input.button {
	   padding: 4px 10px;
	}

	.button2:hover {
		color: #6D98A6;
		background-color: #F2FBAA;
	}