/* Color set
	Blue: 106caf
	Grey text: #333333
	Yellow: f0bc42
*/

html {margin: 0; margin: 0;}

body {
	margin: 0; padding: 0;
	background: #e8e9e9 url(images/bg.png) 0 0 repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	color: black;
	z-index: 2;
}


a {color: #0d5899; font-weight: bold; text-decoration: underline;}
a:hover {text-decoration: none;}

img, img a, img a:hover {border: 0;}

.FormTextWarning {color:red;font-weight:bold;}

#containerWrapper {
	width: 800px;
	margin: 0 auto;
	height: 1250px;
	background: url(images/bg_content.png) 0 0 repeat-x;
	position:relative;
	
	}

#container {
	width: 800px;
	margin-top: -72px;
	position:relative;
	
	
	}
	
#content {
	width: 780px;
	margin: 0 auto;
	padding: 0;
	
	}
	
#pagebody p2 {margin: 0; padding: 0;}


/* ********************************* */
/* *** pop window related styles *** */
/* ********************************* */

#zipBoxSmall {clear: both; width: 440px; padding-left: 160px; padding-top:5px;}
#zipBoxSmall p { font-size:12px; font-weight:bold; text-align:center; background-color:#FFFFCC;}
#zipBoxSmall img { padding: 1px 30px; border-top: thick #FFFFFF;}

.oform {}
.offerDone {
	width: 55px;
	height: 58px;
	margin: 3px;
	float: left;
	background: url(images/fds_check.png) top right no-repeat;
	}
	
.offerTable { text-align: right; clear: both; float: right; width: 600px;}
.offerBG {
	background:url(images/fds_window_option2cut.jpg) no-repeat; 
	padding-top:120px;
	
	}	

.row .description {}
.description {width:520px; margin:0 auto; float: right; padding-right:10px;}
.photo {
	margin:10px 8px; 
	float:left; 
	background-color:#FFFFFF; 
	border: #0066CC solid 1px; 
	width: 120px; 
	}

.popwindow {
	height: 340px;
	width:665px; 
	overflow-y:auto; 
	clear:both;
	position:absolute;
	border:1px solid SteelBlue;
	background-color:white;
	z-index:25;
	right:0px;

	}

.xclose {
	position: relative;
	float:right;
	z-index:50;
	right:0px;
	text-align:right;
	padding:10px 25px 0 0;
	}

.finishbutton {text-align:center; clear: both;}	

#clear {clear:both;}

/*Find box*/
#findBox {
	background: #fcf1d5;
	border: 1px solid #ffffff;
	float: right;
	
	width: 540px; 
	height: 75px;
	}

#findBox h2 {
	display: block;
	border-bottom: 2px solid #ffffff;
	width: 536px;
	text-transform: uppercase;
	text-align:left;
	background-color: #d1a947;
	font-size: 1em;
	margin: 0;
	padding: 4px;
	color: #0d5899;
	}

#resources {
	background: url(images/resourceBG.png) 0 0 no-repeat;
	color: #106cae;
	float: left;
	clear: left;
	line-height: 20px;
	margin: 0;
	margin-top: 95px;
	width: 208px;
	height: 145px;
	}

#resources p {padding:4px; margin: 0; font-size: .9em;}


/*Results box*/

#results {
	width: 560px; 
	float: right; 
	padding-top: 10px; 
	z-index:10; 
	position:relative;
	background:inherit;	
	}
	
#results img {}

#results h2 {
	color: #106caf; 
	font-size: 1em; 

	margin: 0 0 10px 0; 
	padding: 0; 
	font-weight: bold;
	text-align:left;
	}

#results ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: right;
	}

#results ul li {
	font-size: .9em;
	float: left;
	margin: 0 0 20px 0;
	}

#results ul li div.resultRollover {
	width: 55px;
	height: 58px;
	margin: 3px 6px 3px 3px;
	float: left;
	background: url(images/fds_rollover1.jpg) top right no-repeat;
	}

#results ul li div.resultRollover a {
	color: black; 
	text-decoration: none; 
	font-weight: normal; 
	font-style: italic; 
	display: block; 
	height: 52px; 
	font-size: 10px;
	}

#results ul li div.resultRollover a span {width: 60px; display: block; padding-top: 16px;}

#results ul li span.schoolDescription {
	float: left;
	width: 350px;
	margin: 0;
	color:#666666;
	display: block;
	font-size:11px;
	z-index:5;
	}

#results ul li span.schoolDescription a {font-weight: normal;}
#results ul li span.schoolDescription span.schoolLink {display: block;}
#results ul li span.schoolDescription span.schoolLink a {font-weight: bold; color:#333333;}
#results ul li span.schoolDescription a { color:#333333;}


/*Forms*/
.form_row {
	display: inline;
	margin: 20px;
	text-align: center;
	
	}

.form_row label {
	color: #8a8a8b;
	display: block;
	padding: 5px 0;
	}



input.searchOptionsText {
	width: 140px;
	height: 15px;
	border-top: 1px solid #8a8a8b;
	border-left: 1px solid #8a8a8b;
	border-bottom: 1px solid #cc9933;
	border-right: 1px solid #cc9933;
	padding: 2px;
	font-weight: bold;
	text-align: center;
	color: #8a8a8b;
	}

select.searchOptions {margin: 0; width:160px; border: 1px solid #cc9933;}


/*Footer*/
#footerArea {margin-bottom:100px; clear: both; }
#footer {clear:both; width: 700px; margin: 20px auto 10px auto; font-size: .85em; padding-top: 10px; border-top: #666666 solid 1px;}
#footer p {margin: 0; padding: 0; text-align: center;}
#footer p a {text-decoration: underline; color: #737270;}


/*Buttons*/
.buttonAlignment {display:inline; padding-top:5px;}
.button_search {border: 0; background: none; width: 91x; height: 26px; margin-top: 10px;}
.button_more_results {border: 0; background: none; width: 176x; height: 23px; padding: 0;}

/*Menu and header*/
#header {
	width: 800px; 
	height: 229px; 
	background: url(images/newHeader.png) 0 0; 
	margin: 0;
	}

/*Text*/
p.clickHere {font-size: 1.2em; margin: 10px 0 0 0; float: left;}


/*img*/
.logo {width: 282px; height: 60px; float: left; margin: 10px 0 0 0;}
.topRightMessage {width: 286px; height: 50px; position: relative; top: 5px; float: right;}

/*Ghettoness Xtreme*/
.guyimage {float: left; width:122px; }

#thankYou {border:2px solid steelblue; padding:10px; text-align:justify; clear:both; margin-bottom:10px;}

#reg-form {width:360px;  padding:2px 0 2px 0;}
#reg-form div {width:170px; float:left; margin-left:4px;}
#reg-form .input{width:160px; height:18px;}
#reg-form SELECT{margin-bottom:1px;}

#loading {border:2px solid #d1a947; text-align:center; padding:10px; font:bold 12pt Arial;}
#finalize {margin:3px;}