html {
	margin:0;
	padding:0;
	height:100%; }

body {
	width:996px;
	margin:0 auto;
	position:relative;
	height:100%;
	font-family:Arial, Sans-Serif;
	padding:0 4px;
	font-size:62.5%;
	background:#666; }
	
form {
	margin:0;
	padding:0; }
	
select {
	letter-spacing:0 !important; }

#site {
	margin:0 auto;
	clear:both;	
	position:relative;
	min-height:600px;
	background:#e8e4d9;
	padding:0 0 20px 0; }
	
	#site:after {
		content:".";
		display:block;
		clear:both;
		visibility:hidden;
		clear:both; }
	
.header {
	background:url(../images/qsp-headergradient.jpg) top left repeat-x;
	height: 112px;}

	.header .logo {
		float:left;
		border:0;
		margin:20px 0 0 70px;}
		
	.header .logotext {
		float:left;
		border:0;
		margin:35px 0 0 25px; }
		
.primaryNavigation {
	background:url(../images/qsp-navigationgradient.jpg) top left repeat-x;
	height:50px; }
	
	.primaryNavigation ul {
		list-style:none;
		margin:0 0 0 54px;
		padding:15px 0 0 0;
		clear:both; }
		
	.primaryNavigation ul:after {
		content:".";
		display:block;
		visibility:hidden;
		height:0;
		clear:both; }
		
		.primaryNavigation ul li {
			margin:0;
			float:left;
			padding:0; }
			
			.primaryNavigation ul li a {
				color:#fff;
				font-size:1.4em;
				font-weight:bold;
				margin:0 40px 0 20px;
				float:left;
				text-decoration:none; }
				
			.primaryNavigation ul li a:hover {
				color:#068fe0; }
	
.content {
	background:#e8e4d9;
	clear:both;
	position:relative;
	letter-spacing:1px; }
	
	.content .sectionTitle {
		font-size:1.2em;
		font-weight:bold;
		color:#333; }
	
	.content a {
		color:#537d95; }
		
	.content a:hover {
		color:#0b7418; }
	
	.content .contentHeading {
		font-size:1.7em;
		color:#000;
		font-weight:bold;
		padding:0 0 10px 0; }
		
	.content .contentHeading em {
		color:#0b7418 !important;
		font-style:normal; }
		
	.content .lead {
		font-size:1.2em;
		font-weight:normal;
		color:#000;
		padding:0;
		margin:6px 0 4px 0; }
		
	.content .main {
		padding:0 0 10px 0;
		margin:0; }
	
	/*.content .contentControl {
		padding:20px; } */
				
	.content .additional {
		background:#f5f2ed;
		padding:20px;
		border:1px solid #969288;
		margin:40px 0 0 0; }
	
	.content em {
		color:#0b7418;
		font-style:normal; }
		
	.content strong {
		color:#000;
		font-weight:bold; }
		
	.content b {
		color:#000;
		font-weight:bold; }
	
	.content .primaryColumn {
		width:70%;
		float:left; }
		
	.content .secondaryColumn {
		width:25%;
		float:left; }
	
	.content .marketing {
		position:relative;
		float:left;
		width:587px;
		margin:40px 0 0 40px;
		background:url(../images/qsp-bluegradient.jpg) top left repeat-y; }
		
		.content .marketing .photo {
			position:relative;
			top:-20px;
			left:30px; }
			
	.content .body {
		font-size:1.2em;
		font-weight:bold;
		float:left;
		background:#f5f2ed;
		border:1px solid #969288;
		width:585px;
		letter-spacing:1px;
		line-height:1.4em;
		color:#666;
		margin:20px 0 0 40px; }
		
	.content .moreInfo a {
		float:right; }
		
	.content .childContentControl {
		margin:4px 0 10px 0; }
		
		.content .childContentControl ul {
			list-style:none;
			margin:0;
			padding:0; }
			
			.content .childContentControl ul li {
				margin:0;
				padding:10px 0 2px 0;
				border-bottom:1px dashed #666; }
				
			.content .childContentControl ul li .listItemStyle {
				color:#537d95;
				margin:0 0 0 20px; }
				
			.content .childContentControl ul li a {
				text-decoration:none;
				margin:0 0 0 5px;
				font-size:1.2em;
				font-weight:bold; }
				
			.content .childContentControl ul li a:hover {
				color:#0b7418; }
				
.links {
	margin:3em 0 1em 0; }
	
	.links .additional {
		padding:0;
		border:0;
		margin:0; }
		
.secondaryContentTop {
	margin:0 0 10px 0; }
	
.secondaryContentBottom {
	margin:30px 0 0 0; }
				
.mainContent {
	font-size:1.2em;
	font-weight:bold;
	float:left;
	background:#f5f2ed;
	border:1px solid #969288;
	width:585px;
	letter-spacing:1px;
	line-height:1.4em;
	color:#666;
	padding:20px;
	margin:40px 0 0 40px; }
		
.mainContentLayout .additional {
	margin:0; }
	
	.mainContentLayout .additional .childContentControl {
		margin:0; }
		
.locate .mainContent {
	background:#fff;
	padding:0; }
	
	.locate .mainContent .contentHeading {
		margin:20px 0 0 14px; }
		
	.locate .mainContent .contentBody {
		margin:0 0 10px 14px; }
	
	.locate .mainContent .map {
		float:left;
		border:0;
		margin:16px 30px 30px 30px; }
		
	.locate .results {
		margin:20px 0 20px 20px;
		line-height:1.3em;
		width:100%;
		clear:both; }
		
		.locate .results .supportedStates {
			margin:20px 0 0 0;
			font-size:0.8em;
			width:100%; }
			
			.locate .results .supportedStates:after {
				content:".";
				display:block;
				height:0;
				visibility:hidden;
				clear:both; }
		
			.locate .results .supportedStates ul {
				margin:0 0 0 0;
				font-size:1.1em;
				list-style-type:disc;
				padding:0 0 0 20px; }
				
			.locate .results .supportedStates ul.primary {
				float:left;
				width:40%; }
				
			.locate .results .supportedStates ul.secondary {
				float:left;
				clear:right; }
		
		.locate .results .contentHeading {
			font-size:1.2em;
			margin:0 0 6px 0; }
		
.contact .mainContent {
	padding:20px;	
	margin:40px 3em 2em 3em; }
	
	.contact .mainContent textarea {
		width:400px;
		margin:0 0 0 20px;
		height:100px; }
		
	.contact .mainContent .errors {
		color:#cc0000; }
		
		.contact .mainContent .errors ul {
			margin:20px 0 0 0; }
			
			.contact .mainContent .errors ul li {
				margin:4px 0; }
		
	.contact .mainContent .field {
		width:200px; }
		
	.contact .mainContent select {
		margin:0 0 0 20px; }
			
	.contact .mainContent ul {
		list-style:none;
		margin:0;
		padding:0; }
		
		.contact .mainContent ul li {
			margin:8px 0;
			padding:0; }
			
		.contact .mainContent ul li.sectionTitle {
			margin:26px 0 0 0; }
			
		.contact .mainContent ul li.buttons {
			float:left;
			color:#24b52c;
			margin:8px 0 0 70px; }
	
	.contact .mainContent label {
		float:left;
		width:90px;
		margin:0 6px 0 0;
		text-align:right; }
				
.footer {
	background:url(../images/qsp-footergradient.jpg) top left repeat-x;
	height:62px;
	clear:both;
	color:#fff;
	position:relative;
	text-align:center;
	font-size:1.2em;
	padding:20px 0 0 0; }
	
	.footer a {
		color:#fff; }
		
	.footer a:hover {
		color:#068fe0; }
		
	
/* --------------- ADMINISTRATION ---------------- */
/******************************************************/

   
img.icon {
	border:0; }
	
a.icon {
	float:left;
	margin:0 10px 2px 0;
	padding:2px; }
	
a.icon:hover {
	border:1px solid #066cb7;
	margin-bottom:0; }
	
/******************************************************/
	
.login {
	font-size:1.1em;
	letter-spacing:1px;
	padding:0 3em 0 3em; }
	
/******************************************************/

.messageDisplay {
	margin:40px 3em 2em 3em;
	clear:both;
	font-size:1.1em; }
	
	#admin .messageDisplay {
		margin:0 0 2em 0; }
	
	ul.error {
		color:#ff0000;
		font-style:normal;
		font-weight:bold; }
		
	ul.success {
		font-weight:normal;
		font-size:1.1em; }
	
	ul.success em {
		color:#88a43d;
		font-style:normal;
		font-weight:bold; }
	
	ul.informational {}
	
	.messageDisplay ul {
		 margin:0; 
		 list-style:none;
		 padding:0; }

		.messageDisplay ul li {
			margin:0.2em 0; 
			line-height:1.4em;
			padding:0; }
			 
/******************************************************/
			
#admin .content { 
	font-size:1.1em;
	letter-spacing:1px;
	padding:2em 3em 2em 3em; }
	
	#admin em {
		color:#068fe0;
		font-weight:bold; }
	
	#admin .content .spacing {
		padding:2em 3em; }
	
	#admin .content p {
		font-size:1.1em; }
		
	#admin #banner {
		height:36px; }
	
	#admin #marketing {
		height:40px; }

	#admin .title {
		font-size:1.4em;
		font-weight:bold;
		font-family:Verdana, Sans-Serif;
		color:#414141;
		margin:0 0 1em 0;
		letter-spacing:1px; }
	    
	#admin .editor {
		margin:0.4em 0 2em 0;
		clear:both;
		position:relative;
		width:100%; }
		
	#admin .example {
		margin:0.4em 0;
		color:#88a43d; }
		
	#admin .description {
		font-size:1.1em;
		margin:0 0 0.6em 0; }
		
	#admin .instructions {
		font-size:1.1em; 
		font-style:italic;
		border-top:1px solid #ccc;
		margin:2em 0 0 0;
		padding:0.8em 0 0 0; }
		
	#admin .documentBar .button {
		margin:0.2em 0.6em 0 0;
		float:left;
		width:16px; }
		
	#admin .documentBar .label {
		font-size:1.2em;
		margin:0.4em 0 0 0;
		float:left; }
		
	#admin label {
		font-size:1.2em;
		letter-spacing:1px; }
		
	#admin .documentBar {
		margin:0.8em 0 0.8em 0.4em;
		clear:both; }
		
		#admin .documentBar a {
			text-decoration:none;
			color:#066cb7; }
			
		#admin .documentBar a:hover {
			font-weight:bold; }
		
		#admin .documentBar:after {
			content:".";
			clear:both;
			display:block;
			visibility:hidden;
			height:0; }
			
	#admin .tabularView {
		width:100%;
		margin:1em 0 0 0;
		font-size:1.3em;
		color:#333;
		background:#fff;
		border:1px solid #ccc; }
	
		#admin .tabularView th {
			padding:0.4em;
			background:#414141;
			color:#fff;
			border:1px solid #ccc;
			text-align:justify; }
			
		#admin .tabularView tr:hover {
			background:#c2dae8; }
		
		#admin .tabularView tr td {
			padding:0.4em; }
			
			#admin .tabularView .button {
				width:16px; }
	
	#admin .selection {
		margin:0 0 0 1em; }
	
	#admin ul.contentList {
		margin:1em 0;
		padding:0;
		width:100%;
		list-style:none; }
		
		#admin ul.contentList li.contentList {
			border:1px solid #ccc;
			margin:0 0 2em 0;
			float:left;
			width:96%;
			clear:both;
			padding:1em; }
			
		#admin ul.contentList li.contentList:after {
			content:".";
			display:block;
			clear:both;
			height:0;
			visibility:hidden; }
			
			#admin ul.contentList li.contentList ul {
				margin:1em 0;
				font-size:1.2em; }
			
			#admin ul.contentList li.contentList ul li {
				margin:0.4em 0; }
			
		#admin ul.contentList li .title {
			font-size:1.6em;
			color:#88a43d;
			margin:0;
			letter-spacing:1px; }
			
		#admin ul.contentList li .entry {
			font-size:1.1em;
			margin:0.4em 0;
			letter-spacing:1px; }
			
		#admin ul.contentList li .icons {
			float:left;
			clear:both;
			width:100%; }
						
		#admin .windowHandle {
			width:10px;
			height:1.4em;
			background:url(../images/menu_bg.png);
			cursor:move;
			border:outset 1px white;
			font-size:1.2em; }
			
		#admin .callbackStyle {
			border:thin blue inset;	}
			
		#admin .reorderList ul {
			list-style:none;
			width:50%;
			margin:1.6em 0;
			padding:0;
			font-size:1.4em;
			clear:both; }

			#admin .reorderList ul li {
				margin:2px;
				background:#fff;
				color:#333;
				border:1px solid #ccc; }
				
				#admin .reorderList ul li:hover {
					background:#c2dae8; }
					
		#admin .contentReorderList ul {
			list-style:none;
			width:65%;
			margin:1.6em 0;
			padding:0;
			font-size:1.4em;
			clear:both; }

			#admin .contentReorderList ul li {
				margin:2px;
				background:#fff;
				color:#333;
				border:1px solid #ccc; }
				
				#admin .contentReorderList ul li:hover {
					background:#c2dae8; }

		#admin .reorderCue {
			border:dashed 1px black;
			width:100%;
			background:#c2dae8;
			color:#fff;
			height:1.8em; }

		#admin .itemArea {
			margin:0.2em 0 0 0.6em;
			font-size:1em;
			height:1.4em;
			text-align:left; }
			
			#admin .itemArea .name {
				float:left; }
			
			#admin .itemArea .section {
				float:right;
				margin:0 1em 0 0; }

/******************************************************/

ul.form {
	font-size:1.2em;
	list-style:none;
	margin:0;
	padding:0; }
		
	ul.form li.editor,
	ul.form li.editor li {
		clear:none !important;
		margin:0 !important; }
	
	ul.form li {
		margin:0.6em 0;
		clear:both; }
		
	ul.form label {
		margin:0.2em 0;
		display:block; }
		
	ul.form textarea {
		font-size:1.2em; }
		
	ul.form .field {
		border:1px solid #ccc;
		padding:3px;
		width:300px; }
		
	ul.form .activeField {
		border:1px solid #700018;
		padding:3px;
		width:300px;
		background:#f4faf5; }
		
	ul.form .tinyField {
		border:1px solid #ccc;
		padding:3px;
		width:92px; }
		
	ul.form .activeTinyField {
		border:1px solid #700018;
		padding:3px;
		width:92px;
		background:#f4faf5; }
		
	ul.form .shortField {
		border:1px solid #ccc;
		padding:3px;
		width:175px; }
      
	ul.form .activeShortField {
		border:1px solid #700018;
		padding:3px;
		width:175px;
		background:#f4faf5; }
		
	ul.form .longField {
		border:1px solid #ccc;
		padding:3px;
		width:95%; }
      
	ul.form .activeLongField {
		border:1px solid #700018;
		padding:3px;
		width:95%;
		background:#f4faf5; }
		
	ul.form li.rememberMe {
		margin:0 0 0.8em 0;
		float:left;
		clear:both; }
		
		ul.form li.rememberMe input {
			vertical-align: middle;
			margin: 0 0.25em 0 0;
			padding: 0;
			width: auto; }
		
		ul.form li.rememberMe label {
			margin: 0.25em 0;
			vertical-align: middle; }
		
/******************************************************/