@charset "UTF-8";
/* CSS Document containing rules for all browsers
   Layout markup by Jason Hogue and original concept design by James Re at Highchair designhaus */

html, body, table, address, form, fieldset, input { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, p, pre, td, hr, blockquote, ul, ol, dl, li, address { margin: 0; padding: 0; }
input, select, textarea { font-size: 100%; }

body, td, input, select, textarea { font-family: "Lucida Grande", LucidaGrande, Helvetica, Arial, sans-serif; font-weight: normal; }
body {
	background-color: #ccc; 
	color: #000;
	text-align: left; 
	font-size: 10px; 
	line-height: 12px; 
}
img, img a, a img { border: none; }
a { text-decoration: none; }
div.clearit { clear: both; height: 1px; }

#everybodyneedsawrapper {
	width: 780px; 
	margin: 0 auto;
}
#header {
	height: 200px; 
	background: top left no-repeat url("../cssimages/header.png"); 
}
	#header h1 {
		position: relative; 
		left: -9999em; 
		height: 1px; 
	}
	#header #return {
		position: relative;
		top: 0;
		left: 590px;
		width: 130px;
		height: 30px;
	}
		#header #return a {
			display: block;
			width: 130px;
			height: 30px;
			background: top left no-repeat url("../cssimages/ppsbutton.png");
		}
		#header #return a:hover {
			background-position: bottom left;
		}
	#header #nav {
		position: relative;
		top: 130px; 
		width: 700px; 
		text-align: right; 
		font-size: 1.2em; 
	}
		#nav a { color: #903; margin-left: 6px; }
		#nav a:hover { color: #000; border-bottom: 1px dotted #903; }
#leftshadow, #middle, #rightshadow { float: left; }
	
	/* In this set up, we have a div with a background image for the left shadow. It has no width, so it fills the wrapper. 
	The next div inside of that one has the right shadow, and it has a margin left of 20 to show the left divs background image. 
	The middle div then has a right margin to show the background image of the right div. */
	#leftshadow { 
		background: top left repeat-y url("../cssimages/shadowleft.png") #ccc; 
	}
	#rightshadow { 
		margin-left: 20px; 
		background: top right repeat-y url("../cssimages/shadowright.png") #ccc; 
	}
#middle {
	background-color: #fff; 
	width: 680px; 
	margin-right: 20px; 
	padding: 0 20px 20px 20px; 
	font-size: 1.2em; 
	line-height: 1.8em; 
}
	#middle h2 { color: #333; font-size: 18px; }
	#middle h3 { color: #903; font-size: 14px; }
	#middle h2, #middle p { padding: 0 0 12px 0; }
	#middle a { color: #903; }
	#middle a:hover { color: #000; }
	.text {
		float: left; 
		width: 158px; 
		padding: 0 10px 0 0; 
	}
	#result img#marker { float: right; margin: -6px -18px 0 6px; overflow: visible; }
	#result a img { margin: 0 0 -2px 5px; overflow: visible; }
	#result, #notes {
		margin: 0 0 0 144px; 
	}
	#notes {
		font-size: 10px; 
		border: 1px solid #ccc; 
		padding: 10px; 
		background-color: #eee;
	}
		#notes.google { 
			font-size: 12px; 
			background: center left no-repeat url("../cssimages/search_back.png") #eee; 
		}
			#notes.google form { padding: 10px 0px 10px 190px; }
			#notes.google form b { color: #903; }
			#notes.google input { padding: 1px; }
		#notes p { padding: 0 0 6px 0; }
	
#footer {
	height: 20px; 
	margin: 0 0 0 -20px;
	clear: both; 
	background: top center no-repeat url("../cssimages/shadowfoot.png");
}

/*/// BACKEND styles - - - - - */
body#backend #return a { background: top left no-repeat url("../cssimages/gowdeybutton.png"); }
body#backend #nav a { margin-left: 0; }
body#backend #hints { 
	position: relative;  
	top: -16px; 
	margin: 0 0 -6px 144px;
	padding: 10px; 
	line-height: 15px; 
	background-color: #eee; 
	border: 1px solid #ccc;
}
body#backend #middle form input { 
	background-color: #eee; 
	color: #000; 
	padding: 1px; 
}
body#backend #middle font { color: #903; }
body#backend #middle form input[type="submit"] { 
	background-color: #903; 
	color: #fff; 
	font-weight: bold; 
	padding: 2px; 
	margin-bottom: 10px; 
}


/*///// Non-W3-valid styles /////*/
	/* Fixes the Firefox active links dotted line style  */
	:focus { -moz-outline-style: none; }