body, #page, #body {
  background-image :url('Images/background.jpg'); 
  width: 100%;
}

#body {
  max-width: 1280px;
  margin: 0 auto;
}

#histanat, #histanathome {
  width: 95%;
}

#indexbox {
  border-top: 20px solid #40A681;
  max-width: 720px;
  width: 100%;
  margin: 0 auto;
  clear: both;
}


#body div.innerboxright a:link {color: #40A681; text-decoration:none;}
#body div.innerboxright a:visited {color: #003300; text-decoration:none;}
#body div.innerboxright a:hover {color: #40A681; text-decoration:underline;}
#body div.innerboxright a:active {color: #40A681; text-decoration:none;}

#body div.innerboxleft {
  max-width: 422px;
  width: 100%;
  float: left;
}

#body div.innerboxright {
  max-width: 260px;
  width: 100%;
  margin: 0 auto;
  float: left;
}

#body div.innerboxright img.imgright {
  float: right;
  max-width: 220px;
  width: 100%;
}



#navbox {
  border-top: 5px solid #40A681;
  border-right: 5px solid #40A681;
  border-left: 5px solid #40A681;
  max-width: 720px;
  width: 100%;
  margin: 0 auto;
  clear: both;
}


#body div.innernavboxright a:link {color: #40A681; text-decoration:none;}
#body div.innernavboxright a:visited {color: #003300; text-decoration:none;}
#body div.innernavboxright a:hover {color: #40A681; text-decoration:underline;}
#body div.innernavboxright a:active {color: #40A681; text-decoration:none;}

#body div.innernavboxleft {
  max-width: 130px;
  width: 100%;
  float: left;
}

#body div.innernavboxright {
  max-width: 580px;
  width: 100%;
  margin: 0 auto;
  float: left;
}

#body div.innernavboxright img.imgright {
  max-width: 550px;
  width: 100%;
  margin: 0px auto;
}


#indexbox img.img422 {
  max-width: 422px;
  width: 100%;
}

#body #indexbox h2 {
  float: right;
  font-size: 150%;
  font-style: italic;
  padding-bottom: 10px;
  clear: right;
}

#body div.ulbox {
  max-width: 720px;
  background-color: #40A681;
  width: 100%;
  clear:both;
}


#body ul.headbottomnav {
  list-style-type: none;
  margin-left: 5px;
  padding: 5px;
}


#body ul.headbottomnav li {
  display: inline-block;
  *display: inline;
  text-align: center;
  color: #ffffff;
  text-decoration: none;
  font-size: 90%;
}

#body ul.ulbox2 li {
  display: inline-block;
  *display: inline;
  text-align: center;
  color: #40A681;
  text-decoration: none;
  font-weight: bold;
  font-size: 120%;
  max-width: 175px;
  width: 100%;
  text-shadow: -2px 1px #c0b9b1;
}

#body div.ulbox li a.liwhite {color: #ffffff; text-decoration:none;}
#body div.ulbox ul.headbottomnav li a:visited {color: #ffffff; text-decoration:none;}
#body div.ulbox ul.headbottomnav li a:hover {color: #ffffff; text-decoration:underline;}
#body div.ulbox ul.headbottomnav li a:active {color: #ffffff; text-decoration:none;}

#body ul.ulbox2 li a {color: #00a666; text-decoration:none;}
#body ul.ulbox2 li a:visited {color: #40A681; text-decoration:none;}
#body ul.ulbox2 li a:hover {color: #40A681; text-decoration:underline;}
#body ul.ulbox2 li a:active {color: #40A681; text-decoration:none;}


#body img.headimage {
  max-width: 100%;
}

#body img.headimage2 {
  max-width: 100%;
  padding: 100px 0px;
}

#footer-sub {background-image:url('Images/background.jpg'); }

h2 {
  text-align: left;
  font-size: 125%;
  line-height:150%;
  color: #003300;
}

p {font-family:"Verdana", "Arial", "Helvetica", "sans-serif"; }

p.breadcrumbs {font-family:"Verdana", "Arial", "Helvetica", "sans-serif";
  font-size: 90%; text-align: left; }

p.center {text-align:center; }

div.histanatimg {
  width: 100%;
  text-align: center;
  clear: both;
}

div.boximg {
  width:25%;
  float: left;
}

div.boximg img {
  width:100%;
  max-width: 300px;
  height: auto;
}


div.histanatbrowse {
  width: 100%;
  clear: both;
  padding-top: 25px;
}

div.boxbrowse {
  width: 49%;
  float: left;
  padding-right: 10px;
}

div.boxbrowse img {
  width:100%;
  max-width: 150px;
  height: auto;
  float: left;
}

div.boxbrowse img.imgleft {
  margin-right: 10px;
}

/* Responsive Starts Here */
@media  screen and (max-width: 799px) {

div.boximg {
  width:25%;
  float: left;
}

div.boximg img {
  width:95%;
  max-width: 275px;
}

#body img.headimage2 {
  padding-top: 0px;
}

div.histanatbrowse {
  padding-top: 0px;
}
}

.desc p {
  font-weight: bold;
  text-align:center;
}

#histanat a:link {color: #009965;}
#histanat a:visited {color: #003300;}
#histanat a:hover {color: #009965;}
#histanat a:active {color: #009965;}



div.img {
  height:auto;
  width:auto;
  float: left;
  padding: 10px 0px;
}

div.img2 {
  height:auto;
  width:auto;
  float: left;
  text-align:center;
  padding: 10px;
}

div.imgFirst {
  height:auto;
  width:auto;
  margin-left:120px;
  float: left;
  padding: 10px 0px;
}

div.img img { display:inline; }


p.histanat {font-family:"Verdana", "Arial", "Helvetica", "sans-serif";
  font-size: 90%; text-align: center; }


p.right {text-align:right; margin-right:20px;}
p.pindent {padding-left:10px;}
p.pindent10 {text-indent:20px;}
p.p204Right {margin-left:204px;}
p.pquote {padding:0px 60px 0px 40px;}

.clearboth { clear: both; }