/*
		   COLORS
------------------------------
#222 - dark slate
#333	- almost as dark slate
#ff6c17 - bright orange
#93c83d - bright green
-------------------------------
*/
@import url(reset.css);

/* --- Basic elements --- */
body {
	font-size: 62.5%;
	font-family: "Trebuchet MS", Arial, sans-serif;
	background-color: #222;
}

h1 {
	font-size: 18px;
	color: #ff6c17;
	font-style: italic;
	padding-bottom: 20px;
}
p {
	font-size: 1.3em;
	margin-bottom: 1em;
	line-height: 1.2em;
}
em {font-style: italic;}

abbr {
	border-bottom: #ff6c17 1px dotted;
}

ul li {
	font-size: 1.3em;
	list-style: square outside;
}
dl dt {
	margin-top: 10px;
}

/* FORM STUFF
---------------------------------------------------------- 
requires - formfoolery.js or forms.js as well as prototype.js
for more info visit http://www.alexwelch.com/formfoolery
---------------------------------------------------------- */

label {
	font-size: 1.2em;
}

/* pre filled-out state */
input.default,
textarea.default,
select.default {
	font-style: italic;
	color: #333;
}

/* on focus state */
input.focus,
textarea.focus,
select.focus {
	border: #333 1px solid;
}

/* post filled-out state */
input,
textarea,
select {
	border: #333 1px inset;
	width: 300px;
}

input.submit {
	background: url(../images/btn_green_bg.jpg);
	border: #7ca932 1px solid;
	border-width: 0 1px;
	text-transform: uppercase;
	font-size: 12px;
	height: 21px;
}


/* --- special classess --- */
div.inner {
	margin: 0 50px;
	position: relative;
}
.force_break { clear: both;}

.notice {
	font-style: italic;
	font-size: 1.4em;
	border: #ff6c17 1px solid;
	padding: 15px;
	text-align: center;
}

/* --- Site Structure & Layout --- */

div#header {
	background: url(../images/header_bg.png);
	height: 100px;
	border-top: #222 1px solid;
}
	div#tip_top_nav {
		margin-right: 200px;
	}
	div#client_login {
		position: absolute;
		right: 0;
		text-align: center;
		width: 200px;
		background: /*url(../images/header_tab_bg.png) repeat-x bottom*/ #9dcb4c;
	}
		#client_login ul li.top {
			padding-top: 10px;
		}
		#client_login ul li {
			padding: 1px 0;
			list-style: none;
		}
		#client_login input {
			width: 180px;
			border: #7ca932 1px solid;
			background-color: #97c448;
			padding: 1px;
		}
		#client_login input.focus {
			border: #ff6c17 1px solid;
		}
		#client_login input.submit {			
			width: 184px;
		}
		/*#client_login span.submit {
					background: url(../images/btn_green_bg_rt.jpg) no-repeat right top;
					height: 21px;
					display: block;
					float: left;
				}
					#client_login span.submit input {
						background: url(../images/btn_green_bg_lt.jpg) no-repeat left top;
						text-transform: uppercase;
						height: 21px;
					}*/
		#client_login a {			
			text-align: center;
			float: none;
			display: block;
		}
			#client_login a em {
				background: url(../images/icons/person-green.gif) no-repeat right center;
				padding-right: 10px;
			}
			#client_login a.closed {
			}
			#client_login a.open em {
				
			}	
			

	a.tab {
		background-color: #9dcb4c;
		color: #222;
		font-size: 1.2em;
		padding: 10px;
		float: right;
		margin-right: 5px;
		text-decoration: none;
		font-style: italic;
	}
	a.tab:hover {
		/* can't decide */
	}
	em#skip_to_content {
		background: url(../images/icons/down-arrow.gif) no-repeat right center;
		padding-right: 10px;
	}
	em#narrow {
		background: url(../images/icons/narrow.gif) no-repeat center center;
		padding: 0 7px;
		color: #9dcb4c;
	}
	em#wide {
		background: url(../images/icons/wide.gif) no-repeat center center;
		padding: 0 7px;
		color: #9dcb4c;
	}
	#header img.logo {
		float: left;
		margin-top: 17px;
	}

div#top_nav {
	background-color: #222;
	border-top: #ff6c17 1px solid;
}
	#top_nav ul li {
		list-style: none;
	}
	#top_nav ul li a {
		float: left;
		color: white;
		padding: 6px 20px;
		margin-right: 20px;
		text-decoration: none;
		font-weight: bold;
		text-transform: capitalize;
	}
	#top_nav ul li a:hover {
		background-color: #333;
		color: #93c83d;
	}
	#top_nav ul li a:active {					
		color: #ff6c17;
	}
	#top_nav ul li.current a {
		color: #93c83d;
	}
	
	div#content {
		background-color: #fff;
		padding: 20px 0;
	}
	
	div#footer {
		background-color: #222;
		border-top: #ff6c17 2px solid;
		text-align: center;
		padding: 15px 0;
		color: #93c83d;
		font-size: 1.2em;
		font-style: italic;
	}
		#footer a {
			color: #93c83d;
		}
		#footer a:hover {
			color: #ff6c17;						
		}
			#footer a:hover abbr {
				border-bottom-color: #93c83d;
			}
			

/* Page specific stuff 
---------------------------------------------------------- */