P.blocktext {
background-color: white;
margin-left : auto;
margin-right : auto;
width : 80%;
}
.button {
display : inline-block;
outline : none;
cursor : pointer;
text-align : center;
text-decoration : none;
font : 14px/100% Arial, Helvetica, sans-serif;
padding : 0.35em 0.5em 0.35em;
text-shadow : 0 1px 1px rgba(0, 0, 0, 0.3);
border-radius : 0.5em;
box-shadow : 0 1px 2px rgba(0, 0, 0, 0.2);
}
.button:hover {
text-decoration : none;
}
.button:active {
position : relative;
top : 1px;
}
p {
font-family : Arial, Helvetica, sans-serif;
margin-left : 2%;
padding-right : 2%;
font-size : 14px;
}
.blk {
font-family : Arial, Helvetica, sans-serif;
margin-left : 2%;
padding-right : 2%;
font-size : 14px;
font-weight: bold;
}
.blkitlalic {
font-family : Arial, Helvetica, sans-serif;    font-style: italic;
margin-left : 2%;
padding-right : 2%;
font-size : 14px;
font-weight: bold;

}
.itlalic {
font-family : Arial, Helvetica, sans-serif;    font-style: italic;
margin-left : 2%;
padding-right : 2%;
font-size : 14px;
}
#banner {
clear : left;
float : left;
width : 95%;
margin-left : 2%;
overflow : hidden;
font-size : 14px;
background-color : #330000;
}
#banner h1 {
font-family : Arial, Helvetica, sans-serif;
margin-left : 2%;
padding-right : 0.5%;
font-size : 32px;
color : #ff9933;
text-align : center;
}
h2 {
font-family : Arial, Helvetica, sans-serif;
margin-left : 2%;
padding-right : 0.5%;
font-size : 26px;
color : brown;
text-align : center;
background-color : #ffffff;
}
#content .h2 {
font-family : Arial, Helvetica, sans-serif;
margin-left : 2%;
padding-right : 0.5%;
font-size : 20px;
color : blue;
text-align : center;
}
h3 {
font-family : Arial, Helvetica, sans-serif;
margin-left : 2%;
padding-right : 0.5%;
font-size : 20px;
color : brown;
text-align : center;
background-color : #ffffff;
}
h4 {
font-family : Arial, Helvetica, sans-serif;
margin-left : 2%;
padding-right : 0.5%;
font-size : 14px;
color : brown;
text-align : center;
background-color : #ffffff;
}
img.floatleft {
float : left;
margin-top : 0.2em;
margin-bottom : 0.2em;
margin-right : 1em;
border : none;
}
body {
max-width : 900px;
backgroundimg : images/landscapes/rainy-day-Image2-22-002.jpg;
/*background-color : #ffffff;*/
margin-left : auto;
margin-right : auto;
}
.image100 {
width : 92%;
max-width : 500px;
}
.image101 {
width : 92%;
max-width : 300px;
}
IMG.displayed {
display : block;
margin-left : auto;
margin-right : auto;
}
IMG.displayed1 {
display : block;
margin-left : auto;
margin-right : auto;
padding : 5%;
border : #000000 solid 1px;
}
img.displayed2 {
display : block;
margin-left : auto;
margin-right : auto;
padding : 5%;
border : #000000 solid 1px;
border-radius : 8px;
}
img.displayed2a {
display : block;
max-width : 300px;
margin-left : auto;
margin-right : auto;
padding : 10px;
border : #000000 solid 1px;
border-radius : 8px;
}
img.displayed2small {
display : block;
 max-width : 200px;
margin-left : auto;
margin-right : auto;
padding : 10px;
border : #000000 solid 1px;
border-radius : 8px;
}
img.displayed2big {
display : block;
max-width : 400px;
max-width : 380px;
margin-left : auto;
margin-right : auto;
padding : 10px;
border : #000000 solid 1px;
border-radius : 8px;
}
P.blocktext {
margin-left : auto;
margin-right : auto;
width : 80%;
}
.image80 {
width : 90%;
max-width : 550px;
border : #000000 solid 1px;
}
img.floatright {
float : right;
margin-top : 10px;
margin-bottom : 10px;
margin-left : 10px;
margin-right : 10px;
border : none;
}
img.floatright1 {
float : right;
margin-top : 10px;
margin-bottom : 10px;
margin-left : 10px;
margin-right : 10px;
border : none;
padding : 5%;
border : #000000 solid 1px;
border-radius : 8px;
 }
img.floatrightper {
float : right;
max-width : 50%;
margin-top : 5px;
margin-bottom : 5px;
border : none;
}
img.floatleft {
float : left;
margin-top : 10px;
margin-bottom : 10px;
margin-left : 10px;
margin-right : 10px;
border : none;
}
#content {
border : #435ccc solid 1px;
width : 99%;
height : auto;
text-align : justify;
/*background : #ffffee;*/
padding : 10px;
}
#content .image90 {
width : 90%;
max-width : 400px;
margin-left : auto;
margin-right : auto;
}
   .image70 {
  width : 100%;
  height : 100%;
  max-width : 400px;
  margin-left :  15%;
  margin-right : auto;
  padding : 10px;
  border : #000000 solid 2px;
  border-radius : 8px;
  }
#content .image75 {
padding-right : 5%;
padding-left : 5%;
width : 90%;
max-width : 300px;
min-width : 280px;
margin-left : auto;
margin-right : auto;
}
.image60a {
float : left;
width : 46%;
max-width : 450px;
min-width : 180px;
border : #000000 solid 1px;
}
.image60b {
float : right;
width : 46%;
max-width : 450px;
min-width : 180px;
border : #000000 solid 1px;
}
#content .image100 {
padding-right : 5%;
width : 90%;
max-width : 600px;
/* min-width : 280px; */
margin-left : auto;
margin-right : auto;
}
#content .image80 {
width : 90%;
max-width : 550px;
border : #000000 solid 1px;
}
.card {
width : 80%;
height : 100px;
position : relative;
display : inline-block;
margin : 10px;
}
.card .img-top {
display : none;
position : absolute;
top : 0;
left : 0;
z-index : 99;
}
.card:hover .img-top {
display : inline;
}
* {
box-sizing : border-box;
}
.header {
border : red solid 1px;
padding : 15px;
}
.leftcol {
width : 80%;
float : left;
padding : 5px;
}
.rightcol {
width : 20%;
float : right;
padding : 5px;
}
.image80 {
max-width : 550px;
border : #000000 solid 1px;
}
.image90 {
width : 70%;
max-width : 550px;
margin-left : auto;
margin-right : auto;
padding : 22px;
border : #000000 solid 2px;
border-radius : 8px;
}
.return {
width : 80%;
height : 100px;
position : relative;
display : inline-block;
margin : 10px;
}
.return .img-top {
display : none;
position : absolute;
max-width : 350px;
top : 0;
left : 0;
z-index : 99;
}
.return:hover .img-top {
display : inline;
}
.box-shadow{
  width : 100%;
  max-width : 400px;
  margin-left : auto;
  margin-right : auto;
  padding : 10px;
  border : #000000 solid 2px;
  border-radius : 8px;
  box-shadow: 10px 10px 5px #888888;
  }
  #top-content {
border : #435ccc solid 1px;
width : 95%;
height : auto;
text-align : justify;
background : #ffffee;
padding : 10px;
}
#top-mid-content {
border : #435ccc solid 1px;
width : 95%;
height : 150px;
text-align : justify;
padding : 10px;
}
  #content {
border : #435ccc solid 1px;
width : 95%;
height : auto;
text-align : justify;
background : #ffffee;
padding : 10px;
}
#mid-content {
border : #435ccc solid 1px;
width : 95%;
height : 200px;
text-align : justify;
padding : 10px;
}
#lower-content {
border : #435ccc solid 1px;
width : 95%;
height : auto;
text-align : justify;
background : #ffffee;
padding : 10px;
}