/**
 ** CSS reset, taken from:
 ** 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;
		}
		:focus {
			outline: 0;
		}
		body {
			line-height: 1;
			color: black;
			background: white;
		}
		ol, ul {
			list-style: none;
		}
		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: "" "";
		}

/**
 ** HTML Elements
 **/
		body {
			background: #414142;
			color: #383838;
			font-family: Myriad Pro, Arial, sans-serif;
			font-size: 14px;
			line-height: 18px;
			text-align: center;
		}
		h1 {
			font-size: 27px;
			line-height: 36px;
			font-weight: normal;
			margin: 0 0 18px 0;
		}
		h2 {
			font-size: 27px;
			line-height: 36px;
			font-weight: normal;
			margin: 0 0 18px;
		}
		h3 {
			font-size: 16px;
			font-weight: bold;
			line-height: 18px;
			margin: 9px 0;
		}
		h4, h5, h6 {
			font-size: 14px;
			font-weight: bold;
			line-height: 18px;
			margin: 9px 0;
		}
		a:link,
		a:visited {
			font-weight: normal;
			text-decoration: none;
		}
		a:hover,
		a:active {
		}
		p {
			margin: 0 0 0 0;
		}
		ul {
			margin: 0 0 0 0;
			
		}
		dl,
		ol {
			margin: 0 0 18px 0;
		}
		dl dt {
			font-weight: bold;
			clear: left;
			float: left;
			margin-right: 9px;
		}
		dl dd {
			float: left;
		}
		blockquote {
				color: #2b4f5d;
				font-family: Georgia, serif;
				font-size: 14px;
				line-height: 18px;
				width: 520px;
				float: left;
				font-style: italic;
				margin: 0 0 36px 0;
				padding: 0;
		}

/**
 ** Document Structure
 **/

		#page-wrapper {
			width:860px;
			background: #ffffff;
			margin:0 auto;
			text-align: left;
		}
		
		#header-logo {
			width:250px;
			height:20px;
			float:left;
			background: #ffffff;
			padding: 20px 0 20px 20px;		
		}
		
		#header  {
			width: 860px;
			height: 169px;
			background: url('images/header.gif') no-repeat;	
			text-indent: -9999px;
			display: block;
			clear: both;
		}

		#header-text {
			width:570px;
			height:20px;
			float:left;
			background: #ffffff;
			padding: 24px 0 16px 0px;		
		}
		
		#content {		
			padding: 0 20px 0 20px;
			background: url('images/page-bg-big.png') repeat-y;
			background-position: 20px 0;
			clear: both;
		}
		
		#nav {
			width:180px;
			float:left;
			background:none;
			padding: 10px 20px 20px 20px;
		}
		
		#maincolumn {
			float:left;
			width:580px;
			padding: 0px 0 0 20px;
		}
		
		#maincolumn input, select
        {
            margin: 2px 0px 2px 0px;
        }
		
		#maincolumn-about {
			float:left;
			width:580px;
			padding: 0px 0 0 20px;
		}
		
		#footer-logo {
			width:510px;
			height:60px;
			float:left;
			background: #ffffff;
			padding: 40px 0 40px 25px;		
		}
		
		#footer-text {
			width:244px;
			height:60px;
			float:left;
			background: #ffffff;
			padding: 46px 0 16px 0px;
			text-align: left;		
		}
		
		#footer-corgi {
			width:61px;
			height:60px;
			float:left;
			background: #ffffff;
			padding: 20px 0px 0px 0px;		
		}
		
		#copyright {
			width:509px;
			height:24px;
			float:left;
			background: #ffffff;
			padding: 0px 0 0px 15px;		
		}

/**
 ** Styling
 */			
		#header-text p {
			font-size:16px;
		}
		
		#header-text p span.header-bold {
			font-size:16px;
			font-weight: bold;
		}
		
		
		#nav h3 {
			color:#d7df23;
			font-weight: normal;
			font-size: 15px;
			line-height: 16px;
			margin:20px 0 15px 0;
			font-style: italic;
		}
		
		#nav h3 span.bold {
			font-size: 13px;
			font-weight: bold;
			font-style: normal;
		}
		
		
		#nav h2 {
			font-size: 20px;
			color: #d7df23;
			font-weight: normal;
			line-height: 20px;
			margin: 15px 0 15px 0;
		}
		
		#nav h2 span.bold {
			font-weight: bold;
		}

		#navigation ul a {
			color:#ffffff;
			font-size:16px;
			line-height:25px;
		}

		#navigation ul {
			list-style: none;
			padding: 0 0 0 0;
			
		}
		
		#navigation li {
			list-style: none;
			background: transparent url('images/green-arrow.png') no-repeat 0 8px;
			border-bottom: 1px dotted #d7df23;
			padding: 2px 0 0 15px;
			
		}
		
		#navigation li.active a {
			color:#d7df23;
		}
		
		#navigation li a:hover {
			color:#d7df23;
		}
		
		#maincolumn p {
			line-height: 18px;
			margin: 15px 0 0 0;
		}
		
		
		#maincolumn a  {
			color:#fd8500;
		}
		
		#maincolumn h2 {
			font-size:19px;
			line-height:21px;
			margin-top:0px;
		}
		
		#maincolumn h2.bold {
			font-size:19px;
			line-height:21px;
			font-weight:bold;
			margin:10px 0px 0px 0px;
			
		}
		
		#maincolumn h3 {
			font-size: 20px;
		}
		
		#maincolumn li  {
			color:#fd8500;
		}
		
		#maincolumn-about p {
			line-height: 18px;
			margin: 0 0 25px 0;
		}
		
		#maincolumn-about h3 {
			font-size: 18px;
			margin: 15px 0 0 0;
		}
		
		#maincolumn-about a  {
			color:#fd8500;
		}
		
		#footer-text p {
			font-size:16px;
			text-align:right;
			font-weight:bold;
		}
		
		#footer-text a {
			font-size:16px;
			color:#414142;
			text-align:right;
			font-weight:bold;
		}
		
		#footer-logo ul {
			margin: 0px 0px 0px 0px;			
		}
		
		#footer-logo li {
			display:inline;
			font-size:11px;			
		}

/**
 ** Global styles:
 **/

/**
 ** Page specific styles:
 **/

/**-----home page-----**/

		#findout {
			width:162px;
			height:340px;
			background:#d7df23;
			color:#414142;
			float:left;	
			margin:10px 0 0 0;
			padding: 14px;	
		}
		
		#findout h1 {
			font-size:18px;
			line-height:15px;
			font-weight:bold;
			color:#414142;
		}
		
		#findout p {
			font-size:13px;
			line-height:15px;
			font-weight:normal;
			color:#414142;
			margin:0px 0px 5px 0px;
		}
		
		#why {
			width:162px;
			height:340px;
			background:#d7df23;
			color:#414142;
			float:left;	
			margin:10px 0 0 5px;
			padding: 14px;	
		}
		
		#why h1 {
			font-size:18px;
			line-height:18px;
			font-weight:bold;
			color:#414142;
			padding: 0 0 0 0;
		}
		
		#why p {
			font-size:13px;
			line-height:13px;
			font-weight:normal;
			color:#414142;
			margin:0px 0px 5px 0px;
		}
		
		#why ul {
			list-style: none;
			font-size:13px;
			line-height:16px;
			margin: -10px 0 0 0;
			padding: 0 0 0 0;
		}
		
		#why li {
			list-style: none;
			background: transparent url('images/grey-arrow.png') no-repeat 0 6px;
			border-bottom: 1px dotted #ffffff;
			margin: 0;
			padding: 5px 0 5px 15px;
			color:#414142;
		}
		
		#login {
			width:162px;
			height:340px;
			background:#d7df23;
			color:#414142;
			float:left;
			margin:10px 0 0 5px;
			padding: 14px;		
		}
		
		#login h1 {
			font-size:18px;
			line-height:15px;
			font-weight:bold;
			color:#414142;
		}
		
		
		#login p {
			font-size:13px;
			line-height:15px;
			font-weight:normal;
			color:#414142;
			margin:0px 0px 5px 0px;
		}
		
		#login p span.bold {
			font-weight:bold;
		}

/**-----faq-----**/

		#password {
			margin: 35px 0 0 0;
		}
		
		
		#password ul {
			list-style: none;
		}
		
		
		#password li {
			list-style: none;
			background: transparent url('images/grey-arrow-white.png') no-repeat 0 3px;
			border-bottom: 1px dotted #ffffff;
			padding: 0 0 0 15px;
		}






/**-----faq-----**/

		#faq {
			background:#d7df23;
			margin: 0 0 40px 0;
		}
		
		
		#faq ul a {
			color:#414142;
			font-size:13px;
			line-height:25px;
		}

		#faq ul {
			list-style: none;
			padding: 5px 20px 10px 20px;
			
		}
		
		#faq li {
			list-style: none;
			background: transparent url('images/grey-arrow.png') no-repeat 0 7px;
			border-bottom: 1px dotted #ffffff;
			padding: 0 0 0 15px;
			
		}
		
		#faq li a:hover {
			color:#ffffff;
		}
		
/**
 ** Easy float clearing
 */

		/*
		 * Float clearing for IE6:
		 */
				* html .clearfix,
				* html #content,
				* html #footer
				{
				  height: 1%;
				  overflow: visible;
				}	
				
		/*
		 * Float clearing for IE7: 
		 */
				*+html .clearfix,
				*+html #content,
				*+html #footer
				{
				  min-height: 1%;
				}
		
		/*
		 *  Float clearing for everyone else:
		 */
				.clearfix:after,
				#content:after,
				#footer:after
				{
				  clear: both;
				  content: ".";
				  display: block;
				  height: 0;
				  visibility: hidden;
				}