@charset "utf-8";
/* CSS Document From 1160px */
@font-face {
    font-family: 'Calibri';
    src: url('../../fonts/Calibri.eot');
    src: url('../../fonts/Calibri.eot') format('embedded-opentype'),
         url('../../fonts/Calibri.woff2') format('woff2'),
         url('../../fonts/Calibri.woff') format('woff'),
         url('../../fonts/Calibri.ttf') format('truetype'),
         url('../../fonts/Calibri.svg#Calibri') format('svg');
}
p  {
	padding: 1.5px;
	margin: 1px;
}
#wrapper  {
	position: relative;
	display: block;
	width: 90%;
	height: auto;
	margin-left: 5%;
	margin-right: 5%;
	margin-bottom: 2%;
	font-family: Calibri;
	background-image: url(../../images/contact.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100%;
	float: left;
	z-index: 1;
}
#wrapper #main  {
	display: block;
	width: 100%;
	height: auto;
	float: left;
}
#wrapper #main #mainLeft  {
	display: none;
}
#wrapper #main #mainRight {
	display: block;
	width: 64.5%;
	height: 100%;
	font-size: 11px;
	color: #454545;
	background-color: rgba(255,255,255,0.50);
	line-height: 12px;
	text-align: left;
	margin-top: 27%;
	margin-bottom: 12%;
	padding: 0 0.5% 1% 5%;
	float: left;
	clear: right;
	z-index: 6;
}
#wrapper #main #mainRight p.head  {
	color: #454545;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
}
#wrapper #main #mainRight p.subHead  {
	color: #454545;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
}
#wrapper #main #mainRight p a  {
	color: #0058C0;
	font-weight: bold;
	text-decoration: underline;
}
#wrapper #main #mainRight p a:hover  {
	color: #003E88;
	text-decoration: none;
}
#wrapper #main #contactHolder #mailForm   {
	display: block;
	width: 90%;
	height: auto;
	margin: 4.5% 4% 4% 4%;
	padding: 2% 3% 4% 3%;
	background-color: #F1F1F1;
	float: left;
}
#wrapper #main #contactHolder #mailForm aside.formRow article.NameLegend, 
#wrapper #main #contactHolder #mailForm aside.messageRow article.NameLegend   {
	display: block;
	width: 99%;
	height: auto;
	padding: 1% 0 1% 1%;
	color: #5E5E5E;
	font-size: 10px;
	text-align: left;
	float: left;	
} 
#wrapper #main #contactHolder #mailForm aside.formRow input, 
#wrapper #main #contactHolder #mailForm aside.formRow input.required, 
#wrapper #main #contactHolder #mailForm aside.formRow input.required email  {
	display: block;
	width: 99%;
	height: auto;
	padding: 1% 0 1% 1%;
	color: #5E5E5E;
	font-size: 10px;
	text-align: left;
	border: none;
	border-bottom: 1px solid #9F9F9F;
	outline: none;
	float: left;
}
#wrapper #main #contactHolder #mailForm aside.formRow input[type="text"]:focus {
	display: block;
	width: 99%;
	height: auto;
	padding: 1% 0 1% 1%;
	font-size: 10px;
	text-align: left;
	outline: none;
	float: left;	
}
#wrapper #main #contactHolder #mailForm aside.messageRow   {
	display: block;
	width: 99%;
	height: auto;
	padding: 2% 0 2% 0;
	margin-bottom: 2.5%;
	font-size: 10px;
	clear: left;	
}
#wrapper #main #contactHolder #mailForm aside.messageRow #Message   {
	display: block;
	width: 99%;
	min-height: 90px;
	padding: 0.5% 0 0.5% 1%;
	outline: none;
	border: none;
	border-bottom: 1px solid #9F9F9F;
	margin-bottom: 2.5%;
	color: #5E5E5E;
	font-size: 10px;
	clear: left;
}
#wrapper #main #contactHolder #mailForm #submitForm   {
	display: block;
	width: 16%;
	height: auto;
	margin-left: 1%;
	padding: .5% 1% .5% 1%;
	background-color: rgba(114,171,203,0.15);
	border-width: thin;
	cursor: pointer;
	font-size: 10px;
	float: left;
	clear: left;
}
#wrapper #main #contactHolder #mailForm #submitForm:hover   {
	display: block;
	width: 16%;
	height: auto;
	margin-left: 1%;
	padding: .5% 1% .5% 1%;
	background-color: rgba(114,171,203,0.65);
	color: #404040;
	font-size: 10px;
	float: left;
	clear: left;	
}
#wrapper #main #contactHolder #mailForm aside.formRow article.NameLegend span.redStar, 
#wrapper #main #contactHolder #mailForm aside.messageRow article.NameLegend span.redStar	{
	color: #D30003;
}
#wrapper #main #contactHolder #mailForm #errorNotice, 
#wrapper #main #contactHolder #mailForm #errorNotice2   {
	display: none;
	height: 40px;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#CE0000;
	text-align: center;
	margin-bottom: 15px;
	clear: both;
}
#wrapper #main #contactHolder #mailForm aside.messageRow #Message.wrong, 
#wrapper #main #contactHolder #mailForm aside.formRow input.wrong  {
	background-color: rgba(114,171,203,0.65);
	color: #F00;
}
#wrapper #botSpace  {
	display: block;
	width: 100%;
	height: 120px;
	padding-bottom: 5px;
	clear: both;
}

@media (max-width:790px) {

#wrapper #main #mainLeft  {
	display: none;
}
#wrapper #main  {
	display: block;
	width: 100%;
	height: auto;
}
#wrapper #main #mainRight {
	display: block;
	width: 64.5%;
	height: 100%;
	font-size: 1.5vw;
	color: #454545;
	background-color: rgba(255,255,255,0.50);
	line-height: 11px;
	text-align: left;
	margin-top: 27%;
	margin-bottom: 12%;
	padding: 0 0.5% 1% 5%;
	float: left;
	clear: right;
	z-index: 6;
}
#wrapper #main #mainRight p.head  {
	color: #454545;
	font-weight: bold;
	font-size: 1.5vw;
	text-align: center;
}
#wrapper #main #mainRight p.subHead  {
	color: #454545;
	font-weight: bold;
	font-size: 1.5vw;
	text-align: center;
}
#wrapper #main #mainRight p a  {
	color: #0058C0;
	font-weight: bold;
	text-decoration: underline;
}
#wrapper #main #mainRight p a:hover  {
	color: #003E88;
	text-decoration: none;
}

#wrapper #main #botSpace  {
	display: block;
	width: 100%;
	height: 110px;
	padding-bottom: 5px;
	clear: both;
}

}
@media (max-width:670px) {
#wrapper #main #mainLeft  {
	display: none;
}
#wrapper #mainRight p  {
	line-height: 10px;
}
#wrapper #mainRight p.head  {
	color: #454545;
	font-weight: bold;
	font-size: 1.5vw;
	text-align: center;
}
#wrapper #main #mainRight p.subHead  {
	color: #454545;
	font-weight: bold;
	font-size: 1.5vw;
	text-align: center;
}
#wrapper #main #mainRight p a  {
	color: #0058C0;
	font-weight: bold;
	text-decoration: underline;
}
#wrapper #main #mainRight p a:hover  {
	color: #003E88;
	text-decoration: none;
}

#wrapper #main #botSpace  {
	display: block;
	width: 100%;
	height: 80px;
	padding-bottom: 5px;
	clear: both;
}

}
@media (max-width:570px) {
	
#wrapper #main #botSpace  {
	display: block;
	width: 100%;
	height: 60px;
	padding-bottom: 5px;
	clear: both;
}	
	
}