* {
	margin:0;
	padding:0;
}
body  {
	font-family:Arial, Helvetica, sans-serif, 'BenchNine', sans-serif;;
	font-size:13px;
	color:#505a5d;
	background: #FFF url(images/templateBackground.jpg) repeat-x left top;
	text-decoration:none;
}
h1 {
	color:#2f9dea;
	font-size:16px;
	text-align:justify;
}
h2{
	font-weight:bold;
	font-size:15px;
}
h3{
	font-weight:bold;
	font-size:20px;
	color:#3C9397;
	text-align:center;
}
a {
	color:#5caddc;
	text-decoration: none;
}
a:hover {
	color:#5caddc;
}
#container { 
	width: 980px;  
	margin: 0 auto;
	background:#ffffff;
} 

#header { 

}
.headerTop {
}
.logo {
	float:left;
	color:#FF0000;
	font-size:30px;
	padding:5px 0 0 10px;
}
.logo span {
	font-size:18px;
	color:#9aa0ab;
}
.logo img {
	border:0;
	height:80px;
}
.search {
	margin-left:700px;
	padding:35px 20px 0 0;
	height: 50px;
}
.search input {
	height:24px;
}
.si {
	float:left;
	padding-top:10px;
}
.search img {
	border:0;
	padding-top:10px;
}
.mainMenu {
	margin-top:10px;
	background:url(images/menuBackground.jpg) repeat-x left top;
	height:54px;
	text-align:center;
}
.mainMenu ul {
	margin:0;
	padding:13px 0 0 0;
}
.mainMenu li {
	list-style:none;
	display:inline;
	padding:60px;
}
.mainMenu a {
	font-size:18px;
	color:#ffffff;
	text-decoration:none;
}
.mainMenu a:hover {
	font-size:18px;
	color:#107E71;
	text-decoration:none;
}
.mainMenu #active  a {
	font-size:18px;
	color:#107E71;
	text-decoration:none;
}
.headerPic {
	background:url(images/headerBackground.jpg) no-repeat left top;
	height:285px;
	margin-bottom:10px;
}
.headerPic2 {
	background:url(images/headerBackground2.jpg) no-repeat left top;
	height:285px;
	margin-bottom:10px;
}
.headerPic3 {
	background:url(images/headerBackground3.jpg) no-repeat left top;
	height:285px;
	margin-bottom:10px;
}
.headerPic4 {
	background:url(images/headerBackground4.jpg) no-repeat left top;
	height:285px;
	margin-bottom:10px;
}
.pics {
	padding:10px 0 0 10px;
	margin-bottom:0px;
}
.pic1 {
	background:url(images/news.html) no-repeat left top;
	height:46px;
	width:300px;
	color:#ffffff;
	font-size:16px;
	font-weight:bold;
	padding:15px 0 0 0;
}
.pic1 span {
	color:#27418c;
}
.pic1 img {
	border:0;
	float:right;
}
.pic2 {
	width:120px;
	height:46px;
	background:url(images/ban.html) no-repeat left top;
	color:#ffffff;
	font-size:36px;
}
.pic2 span {
	color:#27418c;
}
.pic2 img {
	border:0;
	float:right;
	padding-right:0px;
}
.allContent {
	margin:0 20px;
	text-decoration:none;
}
#sidebar1 {
	float: left; 
	width: 269px;
	height:200px;
	padding:7px; 
}
input {
	border:1px solid #b0b8c7;
}
.loginTitle {
	background:url(images/loginTitle.jpg) no-repeat left top;
	height:46px;
	width:269px;
	color:#ffffff;
	font-size:16px;
	font-weight:bold;
}
.loginTitle .lT {
	padding:10px 0 0 60px;
}
.loginTitle2 {
	background:url(images/loginTitle2.jpg) no-repeat left top;
	height:46px;
	width:269px;
	color:#ffffff;
	font-size:16px;
	font-weight:bold;
}
.loginTitle2 .lT {
	padding:15px 0 0 60px;
}
.loginTitle3 {
	background:url(images/loginTitle3.jpg) no-repeat left top;
	height:46px;
	width:269px;
	color:#ffffff;
	font-size:16px;
	font-weight:bold;
}
.loginTitle3 .lT {
	padding:15px 0 0 60px;
}
#sidebar14 {
	float: left; 
	width: 100%;
	height:500px;
	padding:7px;
	background-color:#FFFFFF; 
}
input {
	border:1px solid #b0b8c7;
}
.loginTitle4 {
	height:500px;
	width:609px;
	color:#ffffff;
	font-size:13px;
}
.loginTitle4 .lT {
	padding:10px 0 0 60px;
}
.loginBody {
	background:#e7eded;
	padding:0 20px;
}
.fr{
	float:left;
}
.ls {
	margin-left:160px;
	padding-top:10px;
}
.ls img {
	border:0;
}
.loginFooter {
	background:url(images/loginBottom.jpg) no-repeat left top;
	height:21px;
	width:269px;
}
#mainContent { 
	margin: 0 0 0 269px;
	padding:0 30px;
	text-align: justify;
	text-decoration:none;
} 
#mainContent2 { 
	margin: 0 0 0 0;
	padding:0 30px;
	padding-top:0;
	text-align: justify;
	text-decoration:none;
} 

.contact-caption{
	background: #3a9dca;
}
.contact-heading h2{
	color: #fff;
	font-size: 90px;
}
.contact-heading h20{
	color: #fff;
	font-size: 50px;
}
.contact-heading h22{
	color: #fff;
	font-size: 50px;
}
.contact-info{
	padding-left: 40px;
}
.contact-info h3{
	padding-left: 0;
	font-size: 30px;
	color: #00A8A1;
	text-transform: uppercase;
	font-weight: bold;
	border-bottom: 1px solid #13849c;
	padding-bottom: 12px;
	margin-bottom: 0;
}
.contact-form h3{
	padding-left: 0;
	font-size: 30px;
	color: #00A8A1;
	text-transform: uppercase;
	font-weight: bold;
	border-bottom: 1px solid #13849c;
	padding-bottom: 12px;
	margin-bottom: 0;
}
.contact-info ul{
	margin: 0;
	padding: 0;
}
.contact-info ul li{
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #505a5d;
}
.contact-info i.fa{
	font-size: 16px;
  	padding-right: 12px;
  	width: 25px;
  	height: 38px;
}
.contact-info ul li span{
	font-weight: bold;
}
.contact-form input{
	width: 100%;
	height: 40px;
	background: #FFFFE2;
	font-size: 13px;
	color: #084a5c;
	font-family: 'Open Sans', sans-serif;
	padding: 12px;
	border:0;
	margin-bottom: 12px;
}
.contact-form textarea{
	font-family: 'Open Sans', sans-serif;
	background: #FFFFE2;
	padding:12px;
	width: 100%;
	height: 100px;
	border:0;
	margin-bottom: 12px;
}
.info-detail{
	border-top: 1px solid #53cde5;
	padding-top: 15px;
}
.form{
	border-top: 1px solid #53cde5;
	padding-top: 15px;
	text-align: right;
}
.contact-form input.submit-btn{
	width: 180px;
	height: 50px;
	float: right;
	font-size: 24px;
	color: #FFF;
	background:url(images/btn-bg.jpg);
	background-repeat: no-repeat;
	padding: 0;
	font-family: 'BenchNine', sans-serif;
	font-weight: bold;
	
}
.contact-form{
	padding-right: 40px;
	padding-left:20px;
}

/*gmap*/
#map{
	height: 830px;
}
.map{
	position: relative;
	overflow: hidden;
}
.contact{
	position: absolute;
	width: 100%;
	height: 730px;
	margin-top: 0px;
	left: 0;
	margin-top: -830px;
	background: rgba(0, 0, 0, 00.12);
}
.contact-caption{
	margin-top: 120px;
	margin-bottom:0px;
}



#footer {
	height:30px;
	text-align:center;
	text-decoration:none;
	padding-top:30px;
	background:url(images/footer.jpg) repeat-x left top;
	margin-top:20px;
} 
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.searchButtoN {
	padding-top:30px;
}
/*------------------------------------*\
	ACCORDION
\*------------------------------------*/
.accordion{
	width:970px;
	overflow:hidden;
	list-style:none;
	margin-bottom:10px;
}
.accordion li{
	float:left;
	width:23%;
	overflow:hidden;
	height:250px;
	-moz-transition:width 0.2s ease-out;
	-webkit-transition:width 0.2s ease-out;
	-o-transition:width 0.2s ease-out;
	transition:width 0.2s ease-out;
}
.accordion li:first-of-type{
	-moz-border-radius:10px 0 0 10px;
	-webkit-border-radius:10px 0 0 10px;
	-o-border-radius:10px 0 0 10px;
	border-radius:10px 0 0 10px;
}
.accordion li:last-of-type{
	-moz-border-radius:0 10px 10px 0;
	-webkit-border-radius:0 10px 10px 0;
	-o-border-radius:0 10px 10px 0;
	border-radius:0 10px 10px 0;
}
.accordion div{
	padding:10px;
}
.accordion:hover li{
	width:10%;
}
.accordion li:hover{
	width:60%;
}
.slide-01	{ background:#E7FFE4; color:#2E5C28; text-shadow:none; }
.slide-02	{ background:#FFFCE5; color:#703704; text-shadow:none; text-align:left; }
.slide-03	{ background:#FFFFCC; color:#FF9900; text-shadow:none; text-align:left; }
.slide-04	{ background:#C2F5FD; color:#0D53A2; text-shadow:none; text-align:left; }