/* Reset */

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 {
	line-height: 1;
	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: "" "";
}

/* Global */

body {
	background: #fff url('i/bg.png') top center repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	color: #555;
	text-align: center;
	font-size: 100%;
	}

a, a:visited {
	color: #f4793b;
	text-decoration: none;
	}

a:hover, a:active {
	color: #000000;
	text-decoration: none;
	}

strong, b {
	font-weight: bold;
	}

hr {
	border: 1px dotted #DADADA;
	height: 1px;
	clear: both;
	margin: 10px 0px;
	}

code {
	color: green;
	background: #FAFAFA;
	padding: 0 3px;
	border: 1px solid #EAEAEA;
	}

/* Site Specific */

.alignleft {
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
	}

.alignright {
	float: right;
	margin-bottom: 20px;
	margin-left: 20px;
	}

.backtotop {
	clear: both;
	}

.column {
	width: 280px;
	}

.container {
	margin: 0 auto;
	font-size: 1.0em;
	}
	
.container, #header, #body {
	clear: both;
	text-align: left;
	position: relative;
	width: 700px;
	}

#header, #body {
	float: left;
	font-size: 0.75em; /* 12px */
	}

/* Header */

#header {
	background: url('i/bg_header.png') no-repeat;
	height: 330px;
	}
	
	#header #signin {
		position: relative;
			left: 420px;
			top: 35px;
		width: 280px;
		}
		
		#header #signin p {
			margin-bottom: 15px;
			}
		
		#header #signin input {
			background: #fff;
			border: 0;
			color: #555;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 1.0em; /* 12px */
			padding: 5px 0;
			vertical-align: middle;
			width: 180px;
			}
		
		#header #signin .existing-users {
			color: #000;
			font-size: 1.2em;
			font-weight: bold;
			}
		
		#header #signin .field {
			background: #fff;
			border: 1px solid #d5d5d5;
			padding: 2px 10px 2px 90px;
			position: relative;
			width: 180px;
			}
			
			#header #signin .field label {
				color: #000;
				position: absolute;
					left: 10px;
					top: 8px;
				vertical-align: middle;
				width: 80px;
				}
		
		#header #signin .button {
			background: url('i/button_signin.png') no-repeat;
			height: 30px;
			width: 80px;
			}
			
			#header #signin input:hover.button {
				background-position: 0 -30px;
				}
			
			#header #signin input:active.button, #header #signin input:focus.button {
				background-position: 0 -60px;
				}
	
	#header #getstarted {
		position: absolute;
			left: 420px;
			top: 220px;
		width: 280px;
		}
	
	#header #nav {
		position: absolute;
			left: 420px;
			top: 240px;
		width: 280px;
		}
		
		#header #nav li {
			background: url('i/bg_dash_ongrey.png') 0 9px no-repeat;
			padding: 5px 0 5px 20px;
			}
		
/* Body */

#body {
	}
	
	#nav, #intro, #main, #sub {
		clear: both;
		float: left;
		}
		
	#main, #sub {
		padding-left: 60px;
		width: 640px;
		}
	
	#nav, #intro {
		padding: 20px 0 10px;
		width: 700px;
		}
		
		#nav ul {
			float: left;
			}
			
			#nav li {
				display: inline;
				float: left;
				font-size: 1.3em;
				padding-right: 20px;
				width: 220px;
				}
		
		#intro h1 {
			color: #000;
			font-size: 2.2em;
			font-weight: normal;
			margin-bottom: 15px;
			}
		
		#intro p {
			font-size: 1.2em;
			line-height: 1.5em;
			margin-bottom: 15px;
			}
	
	#main {
		background: url('i/bg_main.png') 0 0 no-repeat;
		padding: 55px 0 10px 60px;
		}
		
		#main.signup {
			background: url('i/bg_main_ongrey.png') 0 0 no-repeat;
			}
		
		#main h2 {
			color: #197f31;
			font-size: 2.1em;
			font-weight: bold;
			margin-bottom: 20px;
			}
		
		#main h3 {
			color: #000;
			font-size: 1.33em;
			font-weight: bold;
			margin-bottom: 15px;
			}
		
		#main p {
			line-height: 1.5em;
			margin-bottom: 15px;
			}
			
			#main p.leadin {
				color: #000;
				font-size: 1.33em;
				}
			
			#main .create-your-account {
				}
				
				#main .create-your-account img {
					background: url('i/button_createyouraccount.png') no-repeat;
					height: 38px;
					width: 280px;
					}
				
				#main a:hover.create-your-account img {
					background-position: 0 -38px;
					}
				
				#main a:active.create-your-account img, #main a:focus.create-your-account img {
					background-position: 0 -76px;
					}
		
		#main ul {
			margin-bottom: 15px;
			}
			
			#main ul li {
				font-size: 1.2em;
				line-height: 1.5em;
				margin-bottom: 15px;
				padding-left: 30px;
				}
				
				#main ul li.l1 {
					background: url('i/bg_l1.png') 0 2px no-repeat;
					}
				
				#main ul li.l2 {
					background: url('i/bg_l2.png') 0 2px no-repeat;
					}
				
				#main ul li.l3 {
					background: url('i/bg_l3.png') 0 2px no-repeat;
					}
				
				#main ul li.l4 {
					background: url('i/bg_l4.png') 0 2px no-repeat;
					}
				
				#main ul li.l5 {
					background: url('i/bg_l5.png') 0 2px no-repeat;
					}
		
		#main #sidebar {
			background: #dee9e1 url('i/bg_sidebar.png') bottom center no-repeat;
			border: 1px solid #e0e8e3;
			padding: 20px 20px 5px;
			width: 238px;
			}
			
			#main #sidebar h5 {
				color: #000;
				font-size: 1.2em;
				font-weight: bold;
				margin-bottom: 15px;
				}
			
			#main #sidebar ul li {
				background: url('i/bg_dash_ongreen.png') 0 6px no-repeat;
				font-size: 1.0em;
				margin-bottom: 5px;
				padding-left: 20px;
				}
		
		#main .form-global {
			}
			
			#main .form-global p {
				border-bottom: 1px dotted #ddd;
				margin-bottom: 10px;
				padding-bottom: 15px;
				position: relative;
				}
				
				#main .form-global p label {
					color: #000;
					display: block;
					font-weight: bold;
					line-height: 25px;
					padding: 0 5px;
					width: 630px;
					}
				
				#main .form-global p input, #main .form-global p select {
					background: #ededed;
					border: 1px solid #d5d5d5;
					padding: 5px;
					width: 330px;
					}
					
					#main .form-global p select {
						width: 340px;
						}
					
					#main .form-global p input.checkbox {
						background: none;
						border: 0;
						padding: 0;
						width: auto;
						}
		
				#main .form-global .button {
					background: url('i/button_createyouraccount.png') no-repeat;
					border: 0;
					height: 38px;
					margin-right: 10px;
					padding: 0;
					vertical-align: middle;
					width: 280px;
					}
					
					#main .form-global input:hover.button {
						background-position: 0 -38px;
						}
					
					#main .form-global input:active.button, #main .form-global input:focus.button {
						background-position: 0 -76px;
						}
	
	#sub {
		background: url('i/bg_sub.png') no-repeat;
		padding: 60px 0 10px 60px;
		}
		
		#sub h2 {
			color: #197f31;
			font-size: 1.66em;
			font-weight: normal;
			margin-bottom: 20px;
			}
		
		#sub h3 {
			color: #000;
			font-size: 1.33em;
			font-weight: normal;
			margin-bottom: 15px;
			}
		
		#sub p {
			line-height: 1.5em;
			margin-bottom: 15px;
			}
		
		#sub ul {
			margin-bottom: 15px;
			}
			
			#sub ul li {
				line-height: 1.5em;
				margin-bottom: 15px;
				}
		
		#sub blockquote {
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 1.33em;
			font-style: italic;
			}

/* Footer */

#footer {
	background: #e1e1e1 url('i/bg_footer.png') top center repeat-x;
	float: left;
	font-size: 0.75em; /* 12px */
	width: 100%;
	}
	
	#footer .container {
		background: url('i/bg_footer_container.png') top center repeat-x;
		padding: 40px 60px 20px;
		background-color:#e1e1e1;
		}
	
	#footer p {
		line-height: 1.5em;
		}
	
	#footer a {
		color: #000;
		}
	
	#footer a:hover {
		text-decoration: underline;
		}	
		
/* thankyou.html fix */


