@charset "UTF-8";
/* CSS Document */

* {margin:0;padding:0;}

html, body, #wrap {height: 100%; font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #000000;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 147px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -147px; /* negative value of footer height */
	height: 147px;
	clear:both;
	background-image: url(images/spf_footer.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

p {
	padding-top: 20px;
	text-align: justify;
	line-height: 24px;
}

a {
	color: #ef4c23;
	text-decoration: underline;
	cursor: pointer;
}

#headerbg {
	height: 188px;
	width: 100%;
	position: fixed;
	background-image: url(images/topbar.gif);
	background-repeat: repeat-x;
	background-attachment:fixed;
	background-position: 0px 123px;
	
}

#header {
	height: 188px;
	width: 100%;
	position: fixed;
	background-image: url(images/spf_header.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	
	
	z-index: 2;
}

#headerWhiteout {
	height: 124px;
	width: 100%;
	background-color: #ffffff;
	position: fixed;
}

#spf_logo {
	position: absolute;
	top: 0px;
	left: 0px;
	
}

#navbar_container {
	margin-top: 124px;
	float: right;
	width: 600px;
}

#navbar {
	font-family: Helvetica, Arial, sans-serif;
	color: #ffffff;

	/* height: 12px; */
	
	/* margin-right: 320px; 
	
	vertical-align: bottom;
	
	border: solid 1px #000000;*/
	
	width: 100%;
	
	

}

.navbutton {
	
	cursor: pointer;
}

.navbutton a {
	color: #ffffff;	
	text-decoration: none;
}

#leftcallout {
	width: 249px;
	height: 342px;
	
	border: solid 1px #CCC;
	left: 55px;
	top: 213px;
	position: fixed;
	
	
	
}

#mgframe {
	float: left;
	left: 0px;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

#content {
	padding: 2px;
	margin-right: 20px;
	margin-top: 185px;
	margin-left: 382px;
	width: 600px;
	float: left;
	text-align: justify;
}

#miller_logo {
	background-image: url(images/MillerGallery_Logo.gif);
	background-repeat: no-repeat;
	width: 483px;
	height: 50px;
	position: absolute;
	bottom: 47px;
	right: 310px;
	overflow: hidden;
}



#sprout_logo {
	background-image: url(images/sprout_logo.gif);
	background-repeat: no-repeat;
	width: 93px;
	height: 77px;
	position: absolute;
	bottom: 47px;
	right: 187px;
}

#openthread_logo {
	background-image: url(images/openthread_logo.gif);
	background-repeat: no-repeat;
	width: 152px;
	height: 107px;
	position: absolute;
	bottom: 40px;
	right: 35px;
}

#heinz_logo {
	background-image: url(images/heinz_logo.gif);


	background-repeat: no-repeat;
	width: 467px;
	height: 107px;
	position: absolute;
	bottom: 47px;
	right: 310px;
	overflow: hidden;
}



#air_logo {
	background-image: url(images/air_logo.gif);
	background-repeat: no-repeat;
	width: 108px;
	height: 107px;
	position: absolute;
	bottom: 47px;
	right: 200px;
}


.title {
	font-size: 18px;
	font-weight: bold;
}

.subtitle {
	font-size: 14px;
	
	font-weight: bold;
}

.flFld {
	float: left;
	padding-right: 10px;
	
}

.newSection {
	clear: both;
	padding-top: 5px;
}


.txtField {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.textfieldRequiredMsg {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
}

.validation_error {
	display: none;
	color: #FF0000;
}