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

#midbar {
	background-repeat: no-repeat;
	width: 949px;
	display: block;
	background-color: #090;
	margin: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.qc-thank-you {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-style: italic;
	color: #333;
	padding: 10px;
	height: 300px;
	width: 200px;
}

/* NAVIGATION STYLES END */

.qc-send-button {
	width: 200px;
	color: #FFF;
	padding: 4px;
	font-size: 16px;
	border-radius:10px;
	-moz-border-radius: 10px;
	border: 1px solid #F2F2F2;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	height: 50px;
	background: #090; /* for non-css3 browsers */

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33cc00', endColorstr='#339900'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#33cc00), to(#339900)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #33cc00,  #339900); /* for firefox 3.6+ */
	box-shadow: 0px 2px 4px #000;
	-moz-box-shadow: 0px 2px 4px #000;
	-webkit-box-shadow: 0px 2px 4px #000;
}

.qc-send-button:hover {
	background: #090; /* for non-css3 browsers */

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66ff33', endColorstr='#339933'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#66ff33), to(#339933)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #66ff33,  #339933); /* for firefox 3.6+ */

box-shadow: 0px 2px 2px #000;
				-moz-box-shadow: 0px 2px 2px #000;
				-webkit-box-shadow: 0px 2px 2px #000;
}

.qc-send-button:active {
	color: #FFF;
	background: #090; /* for non-css3 browsers */

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#339933', endColorstr='#66ff33'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#339933), to(#66ff33)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #339933,  #66ff33); /* for firefox 3.6+ */

box-shadow: 0px 0px 0px #000;
				-moz-box-shadow: 0px 0px 0px #000;
				-webkit-box-shadow: 0px 0px 0px #000;
}

.qc-title {
	background: url(../images/sidebar-title-border.png) repeat-x bottom left;
	margin: 0px 0px 13px -4px;
	font-size: 28px;
	text-shadow: 1px 1px 1px #ffffff;
	padding: 0px 0px 15px 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #666;
}

/* HERO BUTTON STYLES BEGIN */


.spacer {
	display: block;
	height: 30px;
	width: 400px;
	clear: right;
	float: right;
}

#message {
	float: right;
	width: 210px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333;
	height: 375px;
}

/* Menu */

#menu {
	width: 925px;
	height: 60px;
	margin: 0 auto;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.thank-you {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-style: italic;
	color: #333;
	padding: 10px;
	height: 300px;
	width: 380px;
}

#menu li {
	display: block;
	float: left;
	width: auto;
	height: 60px;
	padding: 0 0 0 2px;
}

#menu a {
	display: block;
	width: auto;
	height: 36px;
	padding: 20px 20px 0 20px;
	background: none;
	letter-spacing: -1px;
	font: normal 1.6em Georgia, "Times New Roman", Times, serif;
	color: #E1E9E2;
	font-size: 36px;
}

#menu a:hover {
	border-bottom: 4px solid #5A7C50;
	text-decoration: none;
	color: #FFFFFF;
	font-size: 36px;
}

#menu .active a {
	background: #E1E9E2;
	border-bottom: 4px solid #E1E9E2;
	text-decoration: none;
	color: #749865;
	font-size: 36px;
	
}

/* Posts */

#posts {
	float: right;
	width: 690px;
}

#posts .post {
	padding-bottom: 30px;
}

#posts .story {
	padding: 15px 20px 0 20px;
	background: url(../images/img10.gif) repeat-x


}

#posts .meta {
	padding: 5px 0 0 20px;
	background: url(../images/img03.gif) repeat-x;
}

#posts .meta p {
	margin: 0;
	line-height: normal;
	font-size: smaller;
}

#posts ul {
	list-style: url(../images/img12.gif);
}

#posts ul li {
}

/* Links */

#links {
	float: left;
	width: 220px;
}

#links ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#links li ul {
	padding: 15px 20px 30px 20px;
	background: url(../images/img10.gif) repeat-x


}

#links li li {
	padding: 3px 0;
	background: url(../images/img03.gif) repeat-x left bottom;
}

#links li a {
	background: none;
}

#links li i {
	font-size: smaller;
}
.legal {
	margin: 0 auto;
	text-align: right;
	font-size: 12px;
}
.brand {
	margin: -35px auto 0 auto;
	padding: 10px 0 0 35px;
	background: url(../images/img09.gif) no-repeat left top;
	letter-spacing: -1px;
	font-size: 24px;
}

/*Online form Styles*/
/*Forms CSS*/
	.forms input:focus, .forms select:focus{
    background-color: #DCE6DD;
	color:#749865;
}
	.forms fieldset {
		margin-top: 20px;
		padding : 15px;
		border: 1px solid #B5B8C8;
		
	}
	
	.forms legend {
		font-size: 12px;
		color: #15428B;
		font-weight: 900;
	}
	.forms label {
		display:block;
		padding-top:5px;
	}
	
	.forms select, .forms textarea {
		display : block;
		margin-bottom: 5px;
		width: 250px;
			color: #555;
			padding: 4px;
			border: 1px solid #B5B8C8;
			font-size: 14px;
			margin-top: 4px;
			border-radius:4px;
		-moz-border-radius: 4px;
	}
	.forms radio{
		display : block;
		margin-bottom: 5px;
		font-size: 14px;
			margin-top: 4px;
			border-radius:4px;
		-moz-border-radius: 4px;
	}
	
	.forms .text-input {
	width: 200px;
	color: #555;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 14px;
	margin-top: 4px;
	background: #FFF url('/img/form/text-bg.gif') repeat-x;
	border-radius:4px;
	-moz-border-radius: 4px;
		}
		.forms textarea {
	width: 200px;
	height:70px;
	color: #555;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 14px;
	margin-top: 4px;
		}
	
	.forms span.checkbox, .forms .checkbox {
		display: inline;
	}
	
	.forms .submit {
		background: url('../forms/btn_submit.gif') top left no-repeat;
		width:109px;
		height:31px;
		margin: 10px 0 0 0;
		letter-spacing:100000px;
		border:none;
		text-indent:-9999px;
		overflow:hidden;
		float: left;
		text-decoration: none;
		cursor:pointer;
	}
		.forms .submit:hover {background-position:bottom left;}

/*Forms Validation CSS*/
	.formError {
			position:absolute;
			top:300px; left:300px;
			padding-bottom:13px;
			display:block;
			z-index:5000;
		}
			#debugMode{
				background:#000;
				position:fixed;
				width:100%; height:200px;
				top:0; left:0;
				overflow:scroll;
				opacity:0.8;
				display:block;
				padding:10px;
				color:#fff;
				font-size:14px;
				z-index:100000;
			}
		
			.ajaxSubmit{ padding:20px; background:#55ea55;border:1px solid #999;display:none}
			.formError .formErrorContent {
				width:100%; 
				background:#ee0101;
				color:#fff;
				width:150px;
				font-family:tahoma;
				font-size:11px;
				border:2px solid #ddd;
				box-shadow: 0px 0px 6px #000;
				-moz-box-shadow: 0px 0px 6px #000;
				-webkit-box-shadow: 0px 0px 6px #000;
				padding:4px 10px 4px 10px;
				border-radius: 6px;
				-moz-border-radius: 6px;
				-webkit-border-radius: 6px;
			}
			.greenPopup .formErrorContent {background:#33be40;}
			
			.blackPopup .formErrorContent {background:#393939;color:#FFF;}
			
			.formError .formErrorArrow{
				position:absolute;
				bottom:0;left:20px;
				width:15px; height:15px;

				z-index:5001;
			}
			.formError .formErrorArrowBottom{top:0;margin:-6px;}
			
				.formError .formErrorArrow div{
					border-left:2px solid #ddd;
					border-right:2px solid #ddd;
					box-shadow: 0px 2px 3px #444;
					-moz-box-shadow: 0px 2px 3px #444;
					-webkit-box-shadow: 0px 2px 3px #444;
					font-size:0px; height:1px; background:#ee0101;margin:0 auto;line-height:0px; font-size:0px; display:block;
				}
					.formError .formErrorArrowBottom div{
						box-shadow: none;
						-moz-box-shadow: none;
						-webkit-box-shadow: none;
					}
					
				.greenPopup .formErrorArrow div{background:#33be40;}
				.blackPopup .formErrorArrow div{background:#393939;color:#FFF;}

				.formError .formErrorArrow .line10{width:15px;border:none;} 
				.formError .formErrorArrow .line9{width:13px;border:none;} 
				.formError .formErrorArrow .line8{width:11px;} 
				.formError .formErrorArrow .line7{width:9px;} 
				.formError .formErrorArrow .line6{width:7px;} 
				.formError .formErrorArrow .line5{width:5px;} 
				.formError .formErrorArrow .line4{width:3px;} 
				.formError .formErrorArrow .line3{width:1px;
					border-left:2px solid #ddd;
					border-right:2px solid #ddd;
					border-bottom:0px solid #ddd;} 
				.formError .formErrorArrow .line2{width:3px;border:none;background:#ddd;}
				.formError .formErrorArrow .line1{width:1px;border:none;background:#ddd;} 

/*online Form Styles*/

