body {
	margin: 0px;
	padding: 0px;
	color: #3a3430;
	font-family: Helvetica, "Trebuchet MS", Arial, sans-serif;
	font-size: 13px;
	line-height:1.5em; 
	background-color: #e1e1e1;
	
}

a, a:link, a:visited {
	color: #2d607f;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

p { margin: 10px; padding: 0 0 0px 0; }
img { border: none; }

h1 { font-size: 40px; font-weight: bold; margin: 0 0 30px 0; padding: 5px 0; color: #000; }
h2 { font-size: 28px; font-weight: normal; line-height: 28px; margin: 0 0 30px 0; padding: 0; color: #000; }
h3 { font-size: 21px; margin: 0 0 20px 0; padding: 0; padding: 0; color: #000; }
h4 { font-size: 18px; font-weight: normal; margin: 0 0 20px 0; padding: 0; color: #000; }
h5 { font-size: 16px; margin: 0 0 10px 0; padding: 0; color: #333; }
h6 { font-size: 14px; margin: 0 0 5px 0; padding: 0;}

.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }
.cleaner_h10 { clear: both; width:100%; height: 10px; }
.cleaner_h20 { clear: both; width:100%; height: 20px; }

.cleaner_h40 { clear: both; width:100%; height: 40px; }
.cleaner_h50 { clear: both; width:100%; height: 50px; }
.cleaner_h60 { clear: both; width:100%; height: 60px; }

.margin_r30 { margin-right: 30px; }
.margin_b20 { margin-bottom: 20px; }

.vertical_divider { background: url(images/tooplate_vertical_divider.jpg) repeat-y right;  }
.horizon_divider {  background: url(images/tooplate_hor_divider.jpg) repeat-x bottom; }

.float_l {
	float: left;
}

.float_r {
	float: right;
}

.image_wrapper {
	
	padding: 10px;
	
}


.fl_img {
	float: left;
	margin: 3px 30px 15px 0;
}
.fr_img {
	float: right;
	margin: 3px 15 15px 15px;
}

#tooplate_header_wrapper {

	background: #f3f3f3;
	height: 151px;
}

#tooplate_header {
	/*width: 990px;*/
	height: 151px;
	padding: 0;
	margin: 0 auto;
	background: url(images/tooplate_header.jpg) center;
}




#tooplate_header  #site_title {
	/*float: left;
  
	width: 890px;
	padding: 0 0 0 0;*/
	display: flex;
    justify-content: center;
}

#tooplate_header  #site_title h1 {
	margin: 0;
	padding: 0;
    padding:25px 0 0 20px;

}

#tooplate_header  #site_title h1 a {
	margin: 0px;
	padding: 0px;
	font-size: 34px;
	color: #000;
	font-weight: normal;
	text-decoration: none;
}

#tooplate_header  #site_title h1 a span {
	display: block;
	margin-top: 5px;
    margin-bottom:10px;
	margin-left: 0px;
	font-size: 23px;
	font-family: Arial, Helvetica, sans-serif;
}
/*****************/
#tooplate_header  #site_title1 {
	float: left;
  
	width: 890px;
	padding: 15px 0 0 20px;
}

#tooplate_header  #site_title1 h1 {
	margin: 0;
	padding: 0;
    padding:17px 0 0 20px;

}

#tooplate_header  #site_title1 h1 a {
	margin: 0px;
	padding: 0px;
	font-size: 34px;
	color: #000;
	font-weight: normal;
	text-decoration: none;
}

#tooplate_header  #site_title1 h1 a span {
	display: block;
	margin-top: 5px;
    margin-bottom:10px;
	margin-left: 0px;
	font-size: 23px;
	font-family: Arial, Helvetica, sans-serif;
}
/*************/
/********/


#tooplate_middle_wrapper1 {
	width: 100%;
	background: url(images/tooplate_banner.jpg) repeat-x;
	height: 280px;
}

#tooplate_middle_wrapper2 {
	width: 100%;
	height: 280px;
	background: url(images/tooplate_banner_wrapper1.png) no-repeat top center;
}

#tooplate_middle {
	width: 900px;
	height: 220px;
	padding: 30px 45px;
	margin: 0 auto;
	color: #c5dcea;
	font-size: 20px;
	background: url(images/tooplate_banner_wrapper1.png) center top no-repeat;
}

#tooplate_middle h1 {
	color: #fff;
	font-size: 50px;
	letter-spacing: 3px;
	text-shadow: 1px 1px 1px #555;
	font-weight: normal;
	padding: 50px 0 0 0;
}

#tooplate_middle h1 span {
	font-size: 30px;
	color: #fec821;
	margin-left: 30px;
}

#tooplate_middle  p {
	line-height: 24px;
	margin-bottom: 20px;
}

#tooplate_middle a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

#tooplate_middle a span {
	color: #fec821;
}

#tooplate_middle a:hover {
	color: #fec821;
}

/* main */

#tooplate_main {
	clear: both;
	width: 900px;
	padding: 45px;
	margin: 0 auto;
}

#tooplate_content {
	float: right;
	width: 900px;
}

#tooplate_content2 {
	float: right;
	width:700px;
    
	
    
}



#tooplate_footer_wrapper {


  position:  relative;
	
	width: 100%;
/*	border-top: 1px solid #fff;*/
	padding-top: 1px;
	background: #008c9a; 

}

#tooplate_footer {
	
	width: 900px;
	margin: 0 auto;
	padding: 20px 35px;
	text-align: center;
	color: #333333;
}

#tooplate_footer a {
	color: #fff;
}

}

.ControlInput {
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(#c5c1c0, 0%) inset;
  color: #6d6665;
  margin: 0.8em 0;
  border: 1px solid #c5c1c0;
  padding: 0.6em 0.6em;
  transition: box-shadow 300ms ease-out;
   

}

.Control-requirements {
  // display: none;
  background: red;
  border-top: none;
  margin: -14px 0 15px;
  max-height: 0;
  overflow: hidden;
  transition: all 200ms ease;
  padding: 0 9px;
}

.Form-submit {
  border: 1px solid #008c9a;
  background-color: #008c9a;
font-size:23px;
   text-align: center;
  color: #fff;

  width: 100%;
  max-width: 100%;

  opacity: 0.7;
  
}
    
/*******************/
#Section {
background-color: ;

}

legend{
font-weight: bold;
 font-size: 17px;
    color: #444;
    width: 225 px;
}

.Section-input{
 width: 290px;
 height: 20px;    
}
.Section1-input{
 width: 30px;
 height: 20px;    
}

.Section-label{
  display: inline-block;
    width: 150px;
    padding: 5px 0px 15px 10px;    
}



.Section-submit {
    text-align: right;
  border: 1px solid #008c9a;
  background-color: #008c9a;
float: left;
    margin-left: 500px;
  color: #fff;
    font-size: 17px;
 text-align: center;

 width: 120px;
  opacity: 0.7;
    float: left;
  

}

.Section-submit:hover {
	background-color:black;
      opacity: 0.7;
}
/*************/
#tableINPUT{
 width:100%;
    
}
.tableINPUT-input{
  width:200%;  
    
}

#container{
    width:735px;
    height:50px;
    overflow-y:hidden;
    overflow-x:scroll;
}
#container1{
    width:735px;
      height:auto;
    overflow-y:hidden;
    overflow-x:scroll;
}
#container3{
    width:950px;
    height:auto;
    overflow-y:hidden;
    overflow-x:scroll;
}



/********************/
#tooplate_sidebar {
	float:left;	
	padding:80px 0px 0px ;
    width:300px;
    font-size: 10px;
}



#content {
	float: right;
    margin-right: 188px;
	width: 800px;

	padding: 0px 0px 0px 0px;
  
}



.scroll {
    height:580px;
    width:980px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
     
}

.scrollContainer div.panel {
    height: 640px;
    width:800px;
	overflow: hidden;
    
}

ul.navigation li {
    display: inline;
    margin: 0;
	padding: 0;
    
}

ul.navigation a {
	display: block;
	height: 47px;
	padding: 12px 0 0 20px;
	color:#3a3430 ;
	font-size: 18px;
	font-weight: 400;
    text-decoration: none;
	
}


ul.navigation a:hover, ul.navigation a.selected {
	color: #008c9a;
	 
}

ul.navigation a:focus {
  outline: none;
}

.scrollButtons {
    position: absolute;
    top: 300px;
    cursor: pointer;
  
}

.scrollButtons.left {
    left: 0
}

.scrollButtons.right {
    right: 0
}

.hide {
    display: none;
    
}
/***********************/
h6{
font-size: 13px;

}
h6:hover {
color: #008c9a;

}
h3{
text-shadow: 2px 2px 4px #787878;
text-indent: -20px;
    }


/* end of footer */


	 
	





.tit {
    text-align: center;
    transform: scaleX(0);
    transform-origin: center;
    animation: showTitle 1s ease forwards;
}

@keyframes showTitle {
    from {
        transform: scaleX(0);
        opacity: 0;
    }
    to {
        transform: scaleX(1);
        opacity: 1;
    }
}

.imagemoh {
    position: relative;
    opacity: 0;
    animation: moveLeft 1s ease-in-out forwards;
    animation-delay: 1s; 
}
@keyframes moveLeft {
    from {
        transform: translateX(300px);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

.imagecr {
    position: relative;
    opacity: 0;
    animation: moveRight 1s ease-in-out forwards;
    animation-delay: 1s; 
}
@keyframes moveRight {
    from {
        transform: translateX(-300px);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

	
	
 footer{
    position: relative;
    opacity: 0;
    animation: movedownF 2s ease-in-out forwards;
    animation-delay: 3s;
}
@keyframes movedownF {
    from {
        transform: translateY(-300px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}