@charset "utf-8";
/* CSS Document */


body, html {font-size:14px;color:black;font-family: AdelleSans-Regular; font-weight: normal; height: 100%}
* {margin:0px; padding:0px;}
h1, h2, h3, h4 {font-family: Adelle-Bold; display: block;  font-weight: normal; padding-bottom: 5px;}
input:focus{ outline:none; }
a {text-decoration: none; color:#1e87d0;}
a:hover  {text-decoration: underline;}
p {display: block; line-height: 20px;}
em {font-style: normal;}

h1 {font-size: 30px;position: relative; background: url('../images/title-plus-icon.png') no-repeat left; left:-74px; padding:15px 0px 20px 73px;margin-top: -90px;
padding-top: 90px;
background-position: 0px 96px;}
h2 {font-size: 19px; color: #ff6600;padding-bottom: 10px;}
h3 {font-size: 17px;padding-bottom: 5px;}
h4 {font-size: 14px;font-family: AdelleSans-Bold; }

.headerMain {background:#1a1a1a;left:0px;z-index:99;position: fixed;top:0px; width:100%; height: 80px;}
.left-scroll-menu {float: left;cursor: pointer;border-right: 1px solid #333;background: #1a1a1a;width: 24px;padding: 30px 27px;height: 19px;}
.left-scroll-menu span {background: #6a6a6a;border-radius: 10px;height: 4px;float: left;width: 23px; margin-bottom: 3px;}
.logos {border-right:1px solid #ccc; float: right; padding:17px 2px 19px 19px; display:inline-block;background: white;}
.logos img {height: 40px; 
padding-right: 20px;}
.logos img:first-child {margin-right: 10px;}
.logos img:last-child {margin-right: 0px; }
.r8-bdr { border-right: 1px #ccc solid;}
.body-wrap {background:white;width: 100%; margin-top: 56px; height: 100%; }
.img-banner {width:100%; /*height: calc(100% - 300px);*/ height:483px; color:white;font-family: Adelle-Bold; text-align: center;}
.img-banner span {display:inherit; text-shadow: 0px 5px 5px #5C5C5C;font-weight:normal;font-size:58px; width:395px; margin:0px auto; text-align: center;  padding-top:50px;}
.img-banner h5 {text-shadow: 0px 5px 5px #5C5C5C;padding-bottom: 52px;width:100%;font-size:25px;  margin:0px auto; text-align: center; }
.img-banner a {font-weight:normal;font-family: AdelleSans-Bold;display:inline-block;margin-top:100px;background: #ff6600; color:white; font-size: 17px;padding: 13px 30px 11px 30px; text-transform: uppercase; border:#d13e00 4px solid;}
.img-banner a:hover {text-decoration: none;}
.img-banner h3 {text-shadow: 0px 3px 3px #5C5C5C;font-size:40px; padding-top:200px; padding-left:50px;}
.farmers-bg {background: url('../images/farmers-photo.jpg') no-repeat center; background-size: cover;}
.leaf-bg   {background: url('../images/leaf-photo.jpg') no-repeat center; background-size: cover;}
.container {display:table; width:100%;border-top: #1a1a1a 29px solid;}
.colm60, .colm50, .colm30, .colm20 {display: table-cell; }
.colm20 {background: url('../images/dotted-bg.jpg');position: relative;width:15%; min-width: 130px;}
.colm30 {width:30%;min-width: 200px; background:white; padding:30px; position: relative;top: -28px;}
.colm60 {position: relative;width:65%; padding:20px 30px 0px 60px; border-left:1px solid #ccc;}
.colm60 img {width:80%;}
.colm50 {width:50%;}
.colm15-white {width:15%; min-width: 150px; position: relative;}
.container p {padding-bottom: 15px;}
.container div:first-child {padding-right: 30px;}
hr {padding: 7px 0px;outline: 0px;border: 0px;border-bottom: 1px solid grey;display: block;margin-bottom: 25px;}
.list-view {margin:0px; padding:0px; list-style: none; margin-top: 15px;}
.list-view li {border-bottom:1px solid #ccc; margin-bottom: 15px;}
.list-view p {}
.list-view img {float:right; padding-left: 15px;}
.list-cont {}
/*.pull-down-menu span {background: #f9f9f9; padding: 22px 15px; font-weight: bold; border:1px #ccc solid;border-left:0px; border-top:0px; width:200px; float:left;}
*/
.pull-down-menu span {background: #f9f9f9; padding: 22px 15px; font-weight: bold; border:1px #ccc solid;border-left:0px; border-top:0px; width:230px; display: block;}
.pull-down-menu {height: 333px; display: block; width:333px; display: inline-block; }
.pull-down-list {margin:0px; padding:0px; list-style: none; display: none;  }
.pull-down-list li {display: block; border-bottom:1px solid #ccc; width:261px;background: #f9f9f9;}
.pull-down-list li a {display:block;  padding: 22px 15px; font-weight: bold;}

.cont-list {margin:0px; padding:0px; margin-left: 13px;}

.footer {display:table;width:96%; background:#262626;padding:2%; color:white;}
.footer span {display: table-cell; font-size:11px; color:#808080;}
.footer span:first-child {text-align: left;}
.footer span:last-child {text-align: right;}
/*-margin top-*/
.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;} 
.mt20 {margin-top: 20px;}
.mt25 {margin-top: 25px;}

/*-margin bottom-*/
.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb25 {margin-bottom: 25px;}

/*-padding top-*/
.pt5 {padding-top: 5px;}
.pt10 {padding-top: 10px;}
.pt15 {padding-top: 15px;}
.pt20 {padding-top: 20px;}
.pt25 {padding-top: 25px;}

/*-padding bottom -*/
.pb5 {padding-bottom: 5px;}
.pb10 {padding-bottom: 10px;}
.pb15 {padding-bottom: 15px;}
.pb20 {padding-bottom: 20px;}
.pb25 {padding-bottom: 25px;}
 
.p0 {padding:0px !important;}
.ft-bold {font-weight: 700;}

/*-float left-*/
.fl-lt {float: left;}
.fl-rt {float: right}
.pos-rlt {position: relative;}
.txt-r8 {text-align: right;}

.clear:after {content: ""; display: block; height: 1px; margin-bottom: -1px; clear: both;}
.no-bdr {border:0px !important;}

/*-chapter previous and next -*/
.bottom-links {display:table; width:100%; margin-bottom: -4px; font-family: Adelle-Bold;}
.bottom-next-prev, .bottom-home {display: table-cell; }
.bottom-home {vertical-align: middle;background: #1a1a1a;position: relative;width:15%; min-width: 130px;}
.bottom-next-prev {background: #666666;position: relative;width: 100%;}
.bottom-next-prev img {width:80%;}
.bottom-right {background: #666666;width: 15%;min-width: 150px;position: relative;padding: 30px;}
.bottom-links p {padding-bottom: 15px;}
.bottom-links div:first-child {padding-right: 30px;}

.bottom-home a {padding-left: 15px; color: white; text-decoration: none;}
.bottom-home a:hover {color:#ff6600;}
.bottom-home img {margin-bottom: -3px; position: relative; padding-right:10px;}

.bottom-next-prev img {width:12px;}
.bottom-next-prev ul {margin:0px auto; padding:0px; list-style: none;}
.bottom-next-prev li {width:250px; color:white;}
.bottom-next-prev li span {display: block;}
.make-left {float: left; text-align: left;}
.bottom-next-prev li a {display: block; padding:10px 10px; color:white;}
.bottom-next-prev li a:hover {text-decoration: none; background: #ff6600;}
.make-left img {float: left;padding: 9px 15px 0px 15px;}
.make-right {float: right; text-align: right;}
.make-right img {float: right;padding: 9px 15px 0px 15px;}


/*.chapter-btm-links {display: table; width: 100%;}
.btm-home {position: relative;width: 15%;min-width: 161px; background: #1a1a1a; display: table-cell;}
.ch-nex-prev {background: #666666; display: table-cell; width:60%;}
*/

@media screen and (min-width:1500px) {

 .img-banner {height: calc(100% - 364px);}
}

/*-CSS menus-*/
#cssmenu {
  line-height: 15px;
  text-align: left;
  width: 340px;
  float: left;
  border-right: 1px solid #333;
  font-family: Adelle-Bold;
}
#cssmenu ul li a:hover {background:#ff6600;}
#cssmenu > ul {
  width: auto;
  list-style-type: none;
  padding: 0;
  margin: 0;
  position: relative;
  background: #ffffff;
}
#cssmenu > ul li#responsive-tab {
  display: none;
  /* Hide for large screens */

}
#cssmenu > ul li {
  display: inline-block;
  display: inline;
  zoom: 1;
  background: #1a1a1a;
  border-bottom: 1px solid #333;
  width:340px;
}
#cssmenu > ul li.right {
  float: right;
}
#cssmenu > ul li.has-sub {
  position: relative;
}
#cssmenu > ul li.has-sub:hover ul {
  display: inline-block;
}
#cssmenu > ul li.has-sub ul {
  display: none;
  width: 304px;
  position: relative;
  margin: 0;
  padding: 0;
  list-style-type: none;
  background: #ffffff;
  border: 1px solid #333;
  border-bottom: 3px solid #333;
  border-top: 0 none;
}
#cssmenu > ul li.has-sub ul li {
  display: block;
}
#cssmenu > ul li.has-sub > a {

}

#cssmenu > ul li.has-sub > a.active,
#cssmenu > ul li.has-sub > a:hover {

}
#cssmenu > ul li a {
  display: block;
  padding: 24px 24px 24px 24px;
  text-decoration: none;
  color: white;
  border-bottom: 1px #9; 
}
#cssmenu > ul li a.active,ccc solid;
  background: #f9f9f
#cssmenu > ul li a:hover {
  color: black;
}
.mm-menu {margin-top:80px;}
/*-add new menus-*/
.new-menu {
  position: absolute !important;
  left: 340px;
  width: 340px;
  top: 0px;
  border-left: 1px solid #333;
  border-right: 1px solid #333;
}
.right-img-menu {
  background:#1a1a1a url('../images/menu-arrow.png') no-repeat right !important;
  border-bottom: 1px solid #333;
  padding: 31px 33px !important;
}



#following-disaster, #all-started, #the-model, #trad-disaster, #starting-out, #key-factors, #staffing-positions {
 margin-top: -90px;
  padding-top: 90px;
/*  margin-top: -9px;
  padding-top: 20px;*/
}

.selected {background:#ff6600;color:white;}



/*--page navigation icon--*/
#totopscroller {
position: fixed;
right: 30px;
bottom: 30px;
width: 43px;
}
#totopscroller div {
width: 49px;
height: 43px;
position: relative;
}
#totopscroller a {
display: none;
background: url('totopicons.png');
width: 49px;
height: 43px;
display: block;
text-decoration: none;
border: medium none;
margin: 0 0 -1px;
border: 1px solid #949494;
}
.totopscroller-top {
background-position: 0 0 !important;
}
.totopscroller-lnk {
background-position: 0 -43px !important;
}
.totopscroller-prev {
background-position: 0 -129px !important;
position: absolute;
top: 0;
left: 0;
}
.totopscroller-bottom {
background-position: 0 -86px !important;
position: absolute;
top: 0;
left: 0;
}