/* Slideshow container */
.slideshow-container {
  max-width: 300px;
  position: relative;
  margin: auto;
}

/* Next & previous buttons */
 .prev {
 
 position: relative;
      

  cursor: pointer;
 /*  position: absolute;*/
  top: 50%;
  width: auto%;
  margin-top: -22px;
  padding: 5px;
  color: white;
  font-weight: bold;
  font-size: 12px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
background-color: rgba(0,0,0,0.8);
}


 .next {

position: relative;
  cursor: pointer;
/*  position: absolute;*/
  top: 50%;
  width: auto%;
  margin-top: -22px;
  padding: 5px;
  color: white;
  font-weight: bold;
  font-size: 12px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
background-color: rgba(0,0,0,0.8);
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;

}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 22px;
  padding: 8px 15px;
  position: absolute;
  bottom: 20px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {

left:8px;
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor:pointer;
  height: 13px;
  width: 13px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

 .active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}






/* large image by moving mouse over it */



.enlarge:hover {
	transform:scale(2,2);
	transform-origin:0 0;
}




/* CSSTerm.com Simple Horizontal DropDown CSS menu */

.drop_menu {
	background:#17202A;
	padding:5;
	margin:0;
	list-style-type:none;
	height:40px;
	width:600px;
	margin-left:auto;
	margin-right:auto;
	
	
	}
.drop_menu li { float:left; }
.drop_menu li a {
	padding:9px 30px;
	display:block;
	color:#fff;
	text-decoration:none;
	font:14px arial, verdana, sans-serif;
}

/* Submenu */
.drop_menu ul {
	position:absolute;
	left:-1200px;
	top:-9999px;
	list-style-type:none;
}
.drop_menu li:hover { position:relative; background:#388222;  }
.drop_menu li:hover ul {
	left:0px;
	top:30px;
	background:#388222;
	padding:0px;
	
}

.drop_menu li:hover ul li a {
	padding:1px;
	display:block;
	width:178px;
	text-indent:15px;
	background-color:#388222;
}
.drop_menu li:hover ul li a:hover { background:#005555;  }

.main-content img { float: left; padding: 0 20px 20px 0; }

/*

.img {

display: block;   
     
     width: 80%;

    float: left;
    margin: auto;

  image-rendering: pixelated;


}

*/


.boxes{
width:50%;
	float:left;
	}
	#mainDiv{
		width:80%;
margin:auto;
	}
	img{
		max-width:100%;
	}


.indented {   padding-left: 50pt;   padding-right: 50pt;width: 1000px;
}

.text-justify {text-align:justify;}

.page-wrap {
width: 960px;
margin: 0 auto;
position: relative;


}h2 {}


#myImg {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

#myImg:hover {opacity: 0.7;}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
}

/* Caption of Modal Image */
#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation */
.modal-content, #caption {    
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)} 
    to {-webkit-transform:scale(1)}
}

@keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
}

/* The Close Button */
.close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.close:hover,
.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .modal-content {
        width: 100%;
    }
}




/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation - Zoom in the Modal */
.modal-content, #caption { 
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)} 
    to {-webkit-transform:scale(1)}
}

@keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
}

/* The Close Button */
.close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.close:hover,
.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .modal-content {
        width: 100%;
    }
}


/** BASIC */
/** image01 (green/blue back ground removed here */
  body {
	margin: 0px;
	padding: 0px;
	/** background: #FFFFFF url(images/business.jpg) repeat-x left top;
	background-size: 100% 50%; */
}

.table1 {
}

.table1 td {
	background: url(images/subpage1_03.gif) repeat left top;
}

/** FORMS */

form {
	margin: 0px;
	padding: 0px;
}

#inputtext1 {
	width: 144px;
	border: 1px solid #FFFFFF;
	border-top-color: #5886A3;
	border-right-color: #ECF1F4; 
	border-left-color: #ECF1F4;
}

#inputsubmit1 {
	width: 46px;
	height: 18px;
	background: url(images/subpage1_02.gif) no-repeat left top;
	border: none;
	font-size: 10px;
	color: #FFFFFF;
}

/** HEADINGS */

h1, h2, h3, h4, h5, h6 {
	margin: 0px;
}

/** TEXTS */

body, th, td, input, textarea, select {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

p, blockquote, ul, ol, dl {
	margin-top: 0px;
	margin-bottom: 1em;
	text-align: justify;
}

.text1 {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}

.text2 {
	color: #FFFFFF;
}

.text3 {
	font-size: 12px;
	color: #FFFFFF;
}

.text4 {
	margin-bottom: 15px;
	padding-left: 21px;
	background: url(images/homepage09.gif) no-repeat left center;*/
	font-size: 18px;
	font-weight: normal;
	color: #2A3338;
}

.text5 {
	font-size: 12px;
	font-weight: bold;
	color: #0072B3;
}

.text6 {
	font-size: 18px;
	font-weight: normal;
	color: #2A3338;
}

.text7 {
	font-size: 24px;
	font-weight: bold;
	color: #62911F;
}

.text8 {
	font-size: 12px;
}

.text9 {
	font-size: 28px;
	font-weight: bold;
	color: #FFFFFF;
}

.text10 {
	font-size: 13px;
}

/** LISTS */

.list1 {
	margin-left: 0px;
	padding-left: 0px;
	list-style: none;
	line-height: 18px;
}

.list1 li {
	padding-left: 13px;
	background: url(images/homepage10.gif) no-repeat left center;
}

/** LINKS */

a {
	color: #75A51E;
	cursor: hand
}

a:hover {
	text-decoration: none;
}

.link1 {
	text-decoration: none;
	font-size: 13px;
	color: #FFFFFF;
}

.link1:hover {
	text-decoration: underline;
}

.link2 {
	color: #FFFFFF;
}

/** STYLES */

.style1 {
	color: #A1A1A1;
}

.style1 a {
	color: #A1A1A1;
}

.style1 a:hover {
}

/** BACKGROUNDS */

.bg1 { background: url(images/subpage1_01.jpg) no-repeat left top:auto; }
.bg2 { background: url(images/homepage06.jpg) no-repeat left top:auto; }
.bg3 { background: url(images/homepage13.jpg);
		background-size: 400px 400px;
    	background-repeat: no-repeat; }
/**.bg3 { background: url(images/homepage13.jpg) no-repeat left bottom; }*/


/** MISC */

.align-justify { text-align: justify; }
.align-right { text-align: right; }

img { border: none; }

.img1 {
	float: left;
	margin: 3px 15px 0px 0px;
}

.img2 {
	float: right;
	margin: 3px 0px 0px 15px;
}

hr { display: none; }

.hr1 {
	height: 1px;
}