html { overflow-y: scroll; }
body{
margin:0;
padding:0;
line-height: 1.5em;
font-family:Verdana, Geneva, sans-serif;
font-size:13px;
color:#333;
}

b{font-size: 110%;}
em{color: red; font-weight:bold;}

h1{ font-size:16px; color:#036;}
.howWide{ width:250px; padding:0px 10px 0px 0px; }
  .howWideR{ width:250px; float:right; padding:0px 10px; }
  
#blueWrapper{ width:100%; background-color:#2e5584;}
#ltBlueWrapper{width:100%; background-color:#39F; }
.mainImg{width:100%; height:auto;}
#ltBlueWrapper1{ background-image:url(hp/1.jpg); background-size:cover; width:100%; height:280px; font-size:32px; text-shadow: 1px 2px 3px #fff; }
#ltBlueWrapper2{ background-image:url(hp/2.jpg); background-size:cover; width:100%; height:280px; font-size:32px; text-shadow: 1px 2px 3px #fff;   }
#ltBlueWrapper3{ background-image:url(hp/3.jpg); background-size:cover; width:100%; height:280px; font-size:32px; text-shadow: 1px 2px 3px #fff;   }
#ltBlueWrapper4{ background-image:url(hp/4.jpg); background-size:cover; width:100%; height:280px; font-size:32px; text-shadow: 1px 2px 3px #fff;   }

#ltBlueWrapperCH{width:100%; background-color:#39F; }
#grayWrapper{}
#blackWrapper{}

#maincontainer{ width: 1200px; /*Width of main container*/  margin: 0 auto; /*Center container on page*/}

#topsection{ height: 80px; /*Height of top section*/}
#topsection h1{ margin: 0;padding-top: 15px;}
.tsleft, .tsright{}
#contentwrapper{ float: left;width: 100%;}

#contentcolumn{margin-right: 300px; /*Set right margin to RightColumnWidth*/}

#rightcolumn{float: left;width: 320px; /*Width of right column*/margin-left: -320px; /*Set left margin to -(RightColumnWidth) */background: #EEE;}

#footer{clear: left;width: 100%;background: #39F;color: #333;text-align: center;padding: 4px 0;font-size:10px;}
#footer a{color: #333;}
#footer a:hover{ color:#FFF;}

.innertube{margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/margin-top: 0;}
.innertube a:link {	color: #2E5584;	text-decoration: none;}
.innertube a:visited {	text-decoration: none;	color: #2E5584;}
.innertube a:hover {	text-decoration: underline;	color: #39F;}
.innertube a:active {	text-decoration: none;	color: #39F;}
.navinnertube{	padding-top:15px;margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/margin-top: 0;width:100%;}
table{border:1px solid #003;}
td{border:1px solid #003;}

.rollover a {display:inline-block;text-align:center;/*width: 130px; */padding:12px 10px 12px 10px;font: bold 13px sans-serif;color:#FFFFFF;background-color:#39F;text-decoration: none;}
.rollover a:hover { background-color:#eee;color: #2e5584;}
.rollover a:active {color:#fff;}

#2cols{width:80%;}
.cols2l, .cols2r{ width:48%; display:inline-block; border:0px solid #336699; text-align:center; }
.cols2r{float:right; text-align:center;}

#cols3{width:100%; position:relative; vertical-align:top; display:inline-block; border: 0px solid #069;}
.colLeft,.colCntr, .colR{ width:31%; display:inline-block; margin:5px 10px; border: 0px solid #eee; vertical-align:top;}
.colLeft3,.colCntr3, .colR3{ width:30%; display:inline-block; margin:5px; border: 0px solid #eee; vertical-align:top; text-align:center;}

#cols4{width:100%; position:relative; vertical-align:top; display:inline-block; border: 0px solid #069;}
.c1,.c2,.c3,.c4{width:23%; display:inline-block; margin:0px; vertical-align:top; text-align:center; border-left:5px solid #FFF; border-right:5px solid #FFF; } 
#cols4 h4{}
#cols4 img{ width:100%; height:auto;}
#cols4 a{}
#cols4 a:hover{opacity: 0.4;     filter: alpha(opacity=40); /* For IE8 and earlier */}

.dkblueLeft,.dkblueCtr,.dkblueR{ width:30%; display:inline-block; margin:5px 10px; padding:3px; border:0 solid #ced; color:#eee; vertical-align:top;}
.dkblueLeft{width:40%;}
.dkblueCtr{ width:28%;}
.dkblueR{width:23%;}
.dkblueLeft a{color:#ccc; text-decoration:none;}
.dkblueLeft a:hover{color:#FFF; text-decoration:underline;}
.dkblueCtr a{color:#ccc; text-decoration:none;}
.dkblueCtr a:hover{color:#FFF; text-decoration:underline;}
.dkblueR a{color:#ccc; text-decoration:none;}
.dkblueR a:hover{color:#FFF; text-decoration:underline;}




.imgBorder{ padding:8px; border:1px solid #ccc;}
.imgBorderFloatLeft{padding:8px; margin:4px; border:1px solid #ccc; float:left; clear:both;}
.imgBorderFloatRight{padding:8px; margin:4px;  border:1px solid #ccc; float:right; clear:both;}

#boxHeading{width:100%; border-bottom:dotted 1px #CCC; overflow:auto;}
#boxHeading h2{font-size:16px; color:#ccc;}
#boxHeading h3{ font-size:18px; color:#006699; }
#boxHeading a{color:#ccc; text-decoration:none;}
#boxHeading a:hover{color:#FFF; text-decoration:underline;}

#cols3 p.readmore{display:block; text-align:right; line-height:normal; font-weight:bold;}
#cols3 p.readmore a{padding:8px 15px 10px; color:#FFFFFF; background-color:#2e5584; text-decoration:none;}
#cols3 p.readmore a:hover{padding:8px 15px 10px; color:#2e5584; background-color:#95AD19;}

.sendbtn{padding:8px 15px 10px; color:#FFFFFF; background-color:#2e5584; text-decoration:none;}


ul { list-style-image: url('images/drip.png'); }

.formBack{ background-color:#c0dcf1; padding:10px; color:#333; font-size:16px; width:330px; vertical-align:top; text-align:left;}
#formwidth{width:100%; position:relative; vertical-align:top; display:inline-block;}
.formL,.formR{display:inline-block;}
.formL{width:30%;}
.formR{width:65%;}
#logo{width:340px; height:auto;float:left;}
.pageImg{float:left; width:250px; float:left;}
.imgFloatRight{float:right;}
#ShowContent{display:none; visibility:hidden;}
/* ####### responsive layout CSS ####### */

@media (max-width: 1024px){
	#topsection{ height: 80px; /*Height of top section*/ }
	#maincontainer{	width:1024px; }
	#logo{width:280px; height:auto;}
	#cols3{text-align:center;}
	.colLeft,.colCntr, .colR{text-align:left;border-bottom:0px solid #336699;}
	.dkblueLeft,.dkblueCtr,.dkblueR{width:31%; text-align:left; }
	}

@media (max-width: 840px){ /* responsive layout break point */
#logo{width:350px; height:auto;float:none;}
#topsection{ height: 160px; /*Height of top section*/  display:inline-block;}
 
.tsleft, .tsright{ width:100%;  display:inline-block; text-align:center;}

#maincontainer{	width: 100%;	}	
#contentwrapper{	float: none;	}	
#rightcolumn{	float: none;	width: 100%;	margin-left: 0;	}
	
#contentcolumn{	margin-right: 0;	}
	
.colLeft,.colCntr, .colR{ width:100%; border-bottom:1px solid #336699;}
.colLeft3,.colCntr3, .colR3{ width:100%;}
.cols2l, .cols2r{ width:100%; }
.dkblueLeft,.dkblueCtr,.dkblueR{ width:100%;}
.formL{width:100%;}
.formR{width:100%;}
.c1,.c2,.c3,.c4{width:44%;}	
}
@media(max-width:600px){
	#logo{width:350px; height:auto;float:none;}
#topsection{ height: 190px; /*Height of top section*/  display:inline-block;}
#ShowContent{ display:inline-block; visibility:visible; color:#900; font-size:18px; background-color:#ccc; border:1px dashed #900; padding:10px; margin:8px 0px; text-align:center; line-height:1.2em;}	
.howWide{ width:100%; }
  .howWideR{ width:100%; float:none; padding:0px; }
	}
@media(max-width:400px){
#logo{width:300px; height:auto;float:none;}	
.c1,.c2,.c3,.c4{width:300px;}	
.rollover a{display:inline-block;text-align:center; padding:8px; font:bold 12px sans-serif;color:#FFFFFF;background-color:#39F;text-decoration: none;}
.rollover a:hover { background-color:#eee;color: #2e5584;}
.rollover a:active {color:#fff;}
#cols3{width:100%; position:relative; vertical-align:top; display:inline-block; border: 0px solid #069; margin:0px; padding:0px;}
.dkblueLeft,.dkblueCtr,.dkblueR{ width:90%; padding:0px 10px; 0px 2px;}
.pageImg{float:none; width:280px; height:auto;}	
.imgFloatRight{float:none;}
 .clearfix {    overflow: auto;zoom:1;  }
 .howWide{ width:100%; text-align:center; }
  .howWideR{ width:100%; float:none; text-align:center; padding:0px; }
}