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

*{margin:0; padding:0;}
a{outline:none;}
img{border:none;}

body, html{
	font-family:Arial, Helvetica, sans-serif;
	background:#4D86DF url(../images/background_gradient.jpg)
			left top
			repeat-x;;
}
h1{font-size:24px; color:#119419; padding-bottom:20px;}
h2{font-size:18px; color:#20277F; padding-bottom:15px;}
h3{font-size:16px; padding-bottom:10px;}
p{font-size:14px; padding-bottom:10px;}

#pageContainer{
	margin:0 auto;
	position:relative;
	width:800px;
}
	#header{
		float:left;
		clear:both;
		width:100%;
		margin:10px 0;
	}
		.siteLogo{
			float:left;
			clear:left;
			margin:11px 0 11px 70px;
		}
		.siteSlogan{
			float:right;
			clear:right;
			margin-right:50px;
		}
	#siteNav{
		position:relative; 
		float:left; 
		clear:both; 
		margin:0; 
		padding-top:10px; 
		width:800px; 
		height:29px; 
		background:url(../images/nav_background.jpg)
			repeat-x; 
		color:#FFF;
		font-size:1em; 
		white-space:nowrap; 
		z-index:150;
	}
		
		#siteNav a.active{
			color:#212132;
		}
		#siteNav a{
			float:left; 
			padding:0 .5em; 
			color:#FFF;
			text-decoration:none;
		}
			#siteNav a:hover{
				color:#212132;
			}
		#siteNav ul{
			position:relative; 
			margin:0 0 0 8px; 
			padding:0; 
			list-style:none;
		}
			#siteNav ul li{
				display:inline-block; 
				position:relative; 
				float:left; 
				height:29px;
			}
				#siteNav ul li:hover{}
				#siteNav ul li.separator,#siteNav ul li.separator:hover{
					margin:0; 
					padding:0; 
					background:none; 
					-moz-box-shadow:none;
					-webkit-box-shadow:none; 
					box-shadow:none; 
					text-align:center;
				}
					#siteNav ul li ul{
						position:absolute; 
						top:29px; 
						left:-9999px; 
						float:left; 
						padding:0 0 10px 0; 
						min-width:104%; 
						width:auto; 
						background:#242e8e url(../images/subNav_background2.jpg)
							repeat-x left bottom;
						-webkit-border-bottom-right-radius:10px;
						-webkit-border-bottom-left-radius:10px;
						-moz-border-radius-bottomright:10px;
						-moz-border-radius-bottomleft:10px;
						border-bottom-right-radius:10px;
						border-bottom-left-radius:10px;
						-moz-box-shadow:0 3px 3px rgba(0,0,0,.75);
						-webkit-box-shadow:0 3px 3px rgba(0,0,0,.75);
						box-shadow:0 3px 3px rgba(0,0,0,.75);
						list-style:none;
						}
					#siteNav ul li:hover ul{
						left:-4px;
					}
						#siteNav ul li ul li,#siteNav ul li ul li:hover{
							display:list-item; 
							position:relative; 
							float:none; 
							height:auto; 
							margin:2px 0; 
							background:none; 
							-moz-box-shadow:none;
							-webkit-box-shadow:none; 
							box-shadow:none; 
							font-size:.77em; 
							line-height:1.2em;
						}
						#siteNav ul li ul li:hover{
							background:#119419;
						}
							#siteNav ul li ul li a{
								display:block; 
								float:none; 
								padding:3px 10px;
								color:#FFF;
							}
							#siteNav ul li ul li a:hover{
								margin:0; 
								background:none; 
								color:#212132;
							}
		#pageMenu{
			float:left;
			clear:both;
			width:100%;
			height:20px;
			background:#ffffff;
			font-size:12px;
			text-align:center;
		}
		#pageMenu ul{
			float:left;
			clear:both;
			width:100%;
			list-style:none;
		}
			#pageMenu ul li{
				display:inline-block; 
				position:relative; 
				float:left; 
				height:20px;
			}
		#pageMenu a{
			color:#0AA169;
			padding:0 13px;
			line-height:23px;
		}
			#pageMenu a:hover{
				color:#212132;
			}
			.hidden{
				display:none;
			}
		
		div#questions{
			position:absolute; 
			width:270px; 
			float:left; 
			clear:both; 
			top:210px; 
			left:570px;
		}
			div#questions h2{
				float:left; 
				clear:both; 
				width:270px; 
				background:url(../images/questions_formTitle_background_repeating.png) 
					top left 
					repeat-y; 
				text-align:center; 
				font-size:28px; 
				color:#333333; 
				font-weight:normal;
				font-family: "Droid Serif", "Times New Roman", Times, serif;
			}
			div#questions p{
				font-size:14px; 
				color:#333333; 
				padding:0px 15px;
				font-family: "Droid Serif", "Times New Roman", Times, serif;
			}
			div#questions img{
				float:left; 
				clear:both;
			}
				div#formWrapper{
					float:left; 
					clear:both; 
					width:270px; 
					background:url(../images/questions_form_background_repeating.png) 
						top left 
						repeat-y;
				}	
	
	#content{
		float:left;
		clear:both;
		width:770px;
		min-height:500px;
		padding:20px 15px 30px 15px;
		background:#fff;
	}
		#content ul, #content ol{
			padding-left:30px;
		}
			#content ul li, #content ol li{
				padding:2px 0;
				font-size:14px;
			}
		#content a, #footer a{
			color:#0AA169;
			text-decoration:none;
		}
			#content a:hover, #footer a:hover{
			color:#428CE7;
		}
		.blue{
			color:#0055A6;
		}
	#footer{
		float:left;
		clear:both;
		width:800px;
		min-height:20px;
		margin-bottom:20px;
		background:#fff;
	}
		#footer p{
			font-size:11px;
			padding:3px 5px 0 5px;
		}
		#footer .copyright{
			float:right;
			clear:none;
			width:200px;
			text-align:right;
			margin-top:-20px;
			padding-top:3px;
		}
		
		
		
/*Form Styles*/
						
						#formWrapper form {
							margin-left:10px;
							padding:6px 0;
							width:250px;
							-moz-border-radius:10px;
							-webkit-border-radius:10px;
							border-radius:10px;
						}
							#formWrapper form #questionsSelectors {
								font-weight:bold;
								text-align:center;
							}
								#formWrapper form #questionsSelectors label {
									font-size:12px;
								}
							#formWrapper form #questionsFields, #formWrapper form #questionsFields #qFields1, #formWrapper form #questionsFields #qFields2, #formWrapper form #questionsFields #qFields3 {
								display:none;
							}
								#formWrapper form #questionsFields h3 {
									margin:10px 5px;
									font-size:1.2em;
								}
								#formWrapper form #questionsFields label {
									display:block;
									margin:2px 5px;
									font-size:12px;
								}
								#formWrapper form p {
									margin:2px 5px;
									font-size:12px;
								}
								#formWrapper form ul {
									margin:2px 15px;
									list-style:inside;
									font-size:12px;
								}
								#formWrapper form #questionsFields label input {
									width:230px;
								}
								#questionsSubmit {
									margin:2px 5px;
								}