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

body{ padding:0; margin:0; font-family:Arial, Helvetica, sans-serif;  font-size:14px; color:#333;}

a, a:link{text-decoration: underline;color: #06F;}
	a:visited {text-decoration: none;color: #03F;}
		a:active, a.hover{text-decoration: none; color: #F00;}


.clearfix{ clear:both;}

h1 {font-size:2em; font-weight: normal; font-family:Arial, Helvetica, sans-serif;  text-transform:uppercase; color: #777;}
	h2 {font-size:1.6em; font-weight: normal;  color: #777;}
		h3 {font-size:1.4em; font-weight:normal;   color: #777;}
			h4 {font-size:1.2em; font-weight: normal; color: #777;}

#Container{ margin:0 auto; width:1000px; background:#FFF;}

	/*=============
	AREA ON TOP OF WEBSITE
		=========================*/	

#TopArea{ width:100%; margin:0 auto; padding:20px 0;}
	.Logo{ float:left; width:25%;margin-right:20px; padding:10px 20px;}
	.Contacts{ float:right; width:20%; border-left:1px solid #999; padding-left:30px; color:#AAA; text-align:right; padding:20px;}

/*=============
	MAIN MENU AREA  OF WEBSITE
		=========================*/	
#TopMenu{ width:98%; background:#017EC1 url(../bcg/nav.png); padding:10px; margin:0 auto;  }
/* CSSTerm.com Simple Horizontal DropDown CSS menu */

#TopMenu ul {list-style: none;padding:0;margin: 0px;}
	#TopMenu ul li {display: block;position: relative;float:left;border-right: 1px solid #FFF;}
		#TopMenu li ul {display: none;}
			#TopMenu ul li a {display: block; padding:5px 15px;text-decoration: none; white-space: nowrap;color: #FFF;  text-transform:uppercase;}
				#TopMenu ul li a:hover {color: #6FF;}
			#TopMenu li:hover ul {display: block; z-index:1000; position: absolute; }
		#TopMenu li:hover li {float: none; border:none;}
	#TopMenu li:hover a { background:#017EC1 url(../bcg/nav.png); color:#FFF; border:none;}
#TopMenu li:hover li a:hover { color: #6FF;}

#IntroArea{ width:90%; padding:50px 50px 0 50px; background: url(../images/header.jpg) no-repeat; height:250px; margin:0 auto; }

#IntroArea2{ width:96%; padding:20px; background: #017EC1 url(../bcg/nav.png); margin: 0 auto; color: #FFF; }

#IntroArea3{ width:96%; padding:5px 20px; background: #B00; margin: 0 auto; font-size:1.3em;color: #FFF;  }
	#IntroArea3  a, #IntroArea3  a:link{color: #AAA; }
		#IntroArea3  a:active, #IntroArea3  a.hover{color: #000; }

.Box{ float:left; width:27%; margin:0 10px; padding:20px; text-align:justify; border-right:1px solid #777; }
		.Box h3 {font-size:1.4em; font-weight:normal; border-bottom:1px solid #FFF; padding-bottom:10px; color: #FFF; }

.Box ul li{ margin-left:-20px; list-style:url(../graphics/postbullets.png); text-align:left;}



#IntroArea3{ width:96%; padding:20px; margin:0 auto;}
	#IntroArea3 h1 {font-size:2em; font-weight:normal; border-bottom:1px solid #777; padding-bottom:10px; color:#777; }

#TextArea{ width:100%; padding:20px 0; margin:0 auto;}

	#TextArea p{ text-align:justify;}
	#TextArea ul li{ margin-left:-20px; list-style:url(../graphics/postbullets.png); text-align:left; padding:10px 0;}

.Examples{ width:30%; float:left; margin:0 25px 20px 0; font-style:italic; color:#09F; text-align:center; font-size:0.9em;}
	.Examples img{width:100%; margin-bottom:20px;}

/**************************
			CONTACT US PAGE
			*****************************************/		
 
	.contactform {width:60%;float:left; padding:0; margin:0 50px 0 auto;}
		.contactform.field {display: block; margin:10px 0;}
			.contactform label {display: block; width:45%; padding:5px 10px; float:left; margin-right:10px; font-weight:bold; }
				.contactform .input{   padding: 5px;  border: 1px solid #FF8517; float:right;width:40%;   }
					/**/.button,	.button a{ background: #6CF; color:#000; text-decoration:none; padding:10px 30px; font-size:1.5em; border:none;}
						.button:hover,	.button a:hover{ background: #39F; color:#011D48; }
	
	.GoogleMap2{ width:30%; float:right; text-align:left; margin:-20px 0 0 0; background:#EEE; padding:20px;}
		.GoogleMap2 iframe{ width:100%;}
		
		
/******************************************************
			THE ADMINISTRATOR AREA
******************************************************/
	
	#Adminform {width:800px;   padding:10px 20px 10px 0; overflow:auto; margin:20px auto 20px 0; }
	#Adminform .field {display: block; color: #0174BC; margin:10px 0; width:90%; padding:10px; }
		#Adminform label {display: block; text-align:left; color:#2D3C48;   width:90%; padding:5px 0; }
			#Adminform .input{   padding: 5px; display:block; border: 1px solid #0174BC; background:#FFF;    width:90%;   }

			.button,	.button a{background:#0174BC; border:none;font-weight:bold;color:#FFF;text-decoration:none; padding:10px;  }
				.button:hover,	.button a:hover{background:#2D3C48;}

					.error{ color:#FFF; width:500px; float:left;  padding: 10px; -moz-border-radius:0.3em; background: #F00 ; margin:0 10px;}
					.error p, .successful p { width:100%;}
							.successful{ color:#000; width:500px; float:left;  padding: 10px; -moz-border-radius:0.3em; background: #9C0; margin:0 20px;}	
							.Results{ background:#E6FFE6; color:#000; width:90%; padding: 20px; border:1px dashed #F00;}								
										
.rounded {width:600px;   padding:10px 20px 10px 0; overflow:auto; margin:20px auto 20px 0; }
	.rounded .field {display: block; color: #0174BC; margin:10px 0; width:100%; padding:10px; }
		.rounded label {display: block; text-align:left;   width:90%; padding:5px 0; }
			.rounded .input{   padding: 5px; display:block; border: 1px solid #0174BC; background:#FFF;    width:90%;   }

/*THE BOXES FOR ADMIN SECTION IMAGES*/
.admin-box{ float:left; margin:20px 10px; text-align:center; width:100px;}
	.admin-box img{ width:100%; margin:10px 0; border:none; }

			.buttonL a{margin:0 20px; background:#0174BC; width:10%; float: right; font-weight:bold;color:#FFF;text-decoration:none; padding:10px;}
				.buttonL a:hover{background:#2D3C48;}					
/******************************************************
			END THE ADMINISTRATOR AREA
******************************************************/

#Footer{ width:100%;background: #017EC1 url(../bcg/footer.png); padding:20px 0;}
	.Footer{ width:1000px; margin:0 auto; font-size:0.9em; color:#FFF; text-align:center;}
	
.Footer a, .Footer a:link, .Footer a:visited{text-decoration: underline;color: #CCC;}
	 {text-decoration: none;color: #03F;}
		.Footer a:hover, .Footer a.hover{text-decoration: none; color: #6FF;}