.scrollable {
  /* required settings */
  position:relative;
  overflow:hidden;
  width: 100%; /* 535 px  870px */
  /*height: auto;  /* 200 px 435 px */
  margin: 0px auto 8px auto;
/*  -moz-box-shadow: 6px 6px 12px .5px #222;
  -webkit-box-shadow: 6px 6px 12px .5px #222;
  box-shadow: 5px 5px 5px #000;
*/  
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}

.scrollable .items {
  /* this cannot be too large */
  width:20000em;
  position:absolute;
}

.scrollable .slides img{
  width: 100%;
  height: auto;
  
}
.items div {
  float:left;
}


.navi {
	margin: 1px auto 0 auto;
    width:120px;
    height:20px;
	position: relative;
	z-index: 1;
}
 

/* items inside navigator */
.navi a {
    width:8px;
    height:8px;
    float:left;
    margin:3px;
    display:block;
    font-size:1px;
	background-color: #666666;
}
 
/* mouseover state */
.navi a:hover {
    background-color: #ffffff;
}
 
/* active state (current page state) */
.navi a.active {
    background-color: #000000;
}

.highlight {
	
	font-size: 1.5em;
	color: #0b2f8c;
}

#stay {
	position: absolute;
}
<!-- TemplateBeginEditable name="Styleregion" -->


<!-- TemplateEndEditable -->

<style type="text/css">

#abovebannercont {width:100%; float:left; background-color:#FFFFFF; font-size:90%;}
#abovebannerleft {width:30%; float:left; background-color:#FFFFFF;}
#abovebannerright {width:60%; float:left; background-color:#FFFFFF;}

#abovebannerright a {font-size: 19.2px; padding: 0 3px;}

#bannercont {width:100%; float:left; background-color:#0b2f8c; height: 111px;}
#bannerleft {width:50%; float:left; background-color:#0b2f8c;}
#bannercenter {width:20%; float:left; background-color:#0b2f8c;}
#bannerright {width:30%; float:left; background-color:#0b2f8c;}
.bannerbuttonww {width:80%; float:left;}
.banrightcol1 { width: 100%; float: left; padding-left: 0; margin-left: 0;  background-color:#0b2f8c; }

#navmaincont {max-width: 1114px; width:100%; float:left; background-color:#FFFFFF;}
#navmainleft {max-width: 1114px; width:100%; float:left; background-color:#FFFFFF;}
.navbox {width:18%; 
			background-color:#717171; 
			color:#FFFFFF;  
			float: left; 
			padding-left: 0; 
			margin-left: 
			0; font-weight:bold; 
			 }
.navbox:hover {background-color:#0b2f8c;}
.navboxsmall {width:11%; 
			background-color:#717171; 
			color:#FFFFFF;  
			float: left; 
			padding-left: 0; 
			margin-left: 
			0; font-weight:bold; 
			 }
.navboxsmall:hover {background-color:#0b2f8c;}
.navboxmid {width:15%; 
			background-color:#717171; 
			color:#FFFFFF;  
			float: left; 
			padding-left: 0; 
			margin-left: 
			0; font-weight:bold; 
			 }
.navboxmid:hover {background-color:#0b2f8c;}			 
.navboxsp {width:1%; background-color:FFFFFF; float: left; padding-left: 0; margin-left: 0;}
#navsecondleft {width:100%; float:left; background-color:#FFFFFF;}

#outernav {float:left; width:100%; background-color:#FFFFFF;} 
#navcontainer {width:100%; float:left;   background-color:#FFFFFF; }
.navsp { width: .5%; float: left; padding-left: 0; margin-left: 0; background-color:#FFFFFF; color:000000; }
.navsp2 { width: 1%; float: left; padding-left: 0; margin-left: 0; background-color:#FFFFFF; color:000000; }
#navleft { width: 19%; float: left; padding-left: 0; margin-left: 0; background-color:#0b2f8c; } /*c9c9c9 */
#navleftindent {width:8%; float: left; padding-left: 0; margin-left: 0; background-color:#0b2f8c; }
#navleftin{width:92%; float: left; padding-left: 0; margin-left: 0; background-color:#0b2f8c; }
#navcenter { width: 60%; float: left; padding-left: 0; margin-left: 0; background-color:#FFFFFF; }
#navright { width: 19.5%; float: left; padding-left: 0; margin-left: 0; background-color:#717171; }
.navrighta { width: 3%; float: left; padding-left: 0; margin-left: 0; background-color:#717171; }
.navrightb { width: 94%; float: left; padding-left: 0; margin-left: 0; background-color:#0b2f8c; }
.navrightc { width: 3%; float: left; padding-left: 0; margin-left: 0; background-color:#717171; }

.navbutton {width:75%; float:right; margin-bottom:6px; }
#contentbox{ float:left; width:100%;  background-color:#FFFFFF;}
.coldiv1 { width: 15%; float: left; padding-left: 0; margin-left: 0; list-style-position:inside; background-color:C0C0C0; }
.coldiv1as { width: 8%; float: left; padding-left: 0; margin-left: 0;  }  
.coldiv1a { width: 15%; float: left; padding-left: 0; margin-left: 0;  }
.coldiv1bs { width: 12%; float: left; padding-left: 0; margin-left: 0;  }
.coldiv1b { width: 15%; float: left; padding-left: 0; margin-left: 0;  }
.coldiv1cs { width:12%; float: left; padding-left: 0; margin-left: 0;  }
.coldiv1c { width: 15%; float: left; padding-left: 0; margin-left: 0;  }
.coldiv1s { width: 2%; float: left; padding-left: 0; margin-left: 0; list-style-position:inside }
.coldiv2 { width: 39%; float: left; padding-left: 0; margin-left: 0; list-style-position:inside }
.coldiv2s { width: 2%; float: left; padding-left: 0; margin-left: 0; list-style-position:inside }
.coldiv3 { width: 36%; float: left; padding-left: 0; margin-left: 0; list-style-position:inside }
.divbox {border:2px solid; border-radius:10px; padding-left:8px; padding-right:8px; background-color:#FFFFFF;}
.imginbox {border:2px solid; border-radius:25px; margin-left:13px; } 
#footercont {width:100%;}
.footsp1  { padding-left: 0; margin-left: 0; background-color:0b2f8c;  }
.footdiv  { padding-left: 0; margin-left: 0; list-style-position:inside;  display:table;  }
.footsp2  { width: 8%; float: left; padding-left: 0; margin-left: 0; background-color:0b2f8c; }
.footdiv1 { width: 10%; padding-left: 0; margin-left: 0;  display:table-cell; border:0px solid; border-radius:10px; border-color:0b2f8c; vertical-align: top;}
.footdiv1s { width: 2%;  padding-left: 0; margin-left: 0; list-style-position:inside; display:table-cell; }
.footdiv2 { width: 30%;  padding-left: 0; margin-left: 0; display:table-cell; border:0px solid; border-radius:10px; border-color:0b2f8c;  }
.footdiv2s { width: 2%;  padding-left: 0; margin-left: 0; list-style-position:inside; display:table-cell; }
.footdiv3 { width: 10%;  padding-left: 0; margin-left: 0; display:table-cell; border:0px solid; border-radius:10px; border-color:0b2f8c;  }
.foottwoul { width: 45%; float: left; padding-left: 8%; margin-left: 0; list-style-position:inside; }
.foottwoulx { width: 45%; float: left; padding-left: 2%; margin-left: 0; list-style-position:inside;  }

/* iphone */
@media only screen and  (max-width: 640px) { body {font-size:0.6rem;}
											 #abovebannerleft {display: inline;}  }
/* ipad */
@media only screen and  (min-width: 641px) { body {font-size:0.95rem;}
											 .navbutton {margin-bottom:7px; }
											 #abovebannerleft {display: inline;} }
@media only screen and  (min-width: 960px) { body {font-size:0.95rem;} 
											 .navbutton {margin-bottom:7px; } 
											 #abovebannerleft {display: inline;} 
										   }
/* square screen */
@media only screen and  (min-width:1200px) { body {font-size:1.2rem;} .navbutton {margin-bottom:5px; }
												 #abovebannerleft {display: inline;} }
/*Laptop screens */
@media only screen and  (min-width:1360px) { body {font-size:1.2rem;} .navbutton {margin-bottom:7.5px; } }

/* big screens */
@media (min-width:1442px) { body {font-size:1.3rem;} 
							#LayoutDiv1 { width:75%; margin-left:auto; margin-right:auto; float:none;  }
							.navbutton {margin-bottom:7px; }
							 #abovebannerleft {display: inline;}}