body {
  background-color:#99CCFF;
  width: 90%;
  margin: auto;
  font-family: "Times New Roman", Times, serif;
  text-align: left;
}
  h1 {
    font-size: 13pt;
    color: #FFFF00;
  text-align: center;
  font-weight: bold;
}
h2 {
 font-family: Book Antiqua;
  color: #660099;
  font-size: medium
}
h3 {
margin-left: 15%;
margin-right:15% ;
  font-size: medium;
  color: #FF0000;
  text-align:centre ;
}
h4 {
width: 90%;
margin: auto;
font-size: 14px;
color: #FF0000;
text-align:centre;
}

em {
font-weight: bolder;
}
embar {
font-weight: bolder;
text-align: center;
font-family:Courier New ;
}

}


#logo {
clear:both ;
float: none;
text-align: center;
  }
#navbar {
clear:both ;
width:95% ;
padding-top: 1%;
margin: auto;
float:none ;
text-align: center;
}
#welcome {
  float:left ;
  font-family:Arial Rounded MT Bold ;
  padding-top: 1%;
  font-size: 14pt;
}
#photographs {
  clear: both;
  width:45% ;
float: left;
padding-bottom: 3%;
padding-top:2% ;
padding-left: 2%;
}

#photographs1 {
  clear: both;
  width:45% ;
float: left;
padding-bottom: 3%;
padding-top:2% ;
padding-left: 2%;
}
 #photographs2 {
  clear: both;
  width:45% ;
float: left;
padding-bottom: 3%;
padding-top:2% ;
padding-left: 2%;
}
#photographs3 {
  clear: both;
  width:45% ;
float: left;
padding-bottom: 3%;
padding-top:2% ;
padding-left: 2%;
}
#photographs4 {
  clear: both;
  width:45% ;
float: left;
padding-bottom: 3%;
padding-top:2% ;
padding-left: 2%;
}
#photographs5 {
  clear: both;
  width:45% ;
float: left;
padding-bottom: 3%;
padding-top:2% ;
padding-left: 2%;
}

#statext {
clear: both;
margin: auto;
 width: 45%;
 padding-top:2% ;
  float: right;
  font-family: Arial;
  text-align: left;
  font-size: 12pt;
  }
#statext1 {
clear: both;
 width: 45%;
 margin: auto;
 padding-top:5% ;
 float: right;
  font-family: Arial;
  text-align: left;
  font-size: 12pt;
}
 #statext2 {
clear: both;
 width: 45%;
 margin: auto;
padding-top:5% ;
 float: right;
  font-family: Arial;
  text-align: left;
  font-size: 12pt;
}
 #statext3 {
clear: both;
 width: 45%;
 margin: auto;
padding-top:5% ;
 float: right;
  font-family: Arial;
  text-align: left;
  font-size: 12pt;
}
  #statext4 {
clear: both;
  width: 45%;
margin: auto;
 padding-top:5% ;
 float: right;
  font-family: Arial;
  text-align: left;
  font-size: 12pt;
}
#textbook {
clear: both;
  width: 90%;
margin: auto;
 padding-top:2% ;
 float: left;
  text-align: left;
  font-size: 13pt;
  font-family: "Courier New", Courier, monospace;
  font-weight: bold;
}

#header {
 text-align:left;
 margin:auto ;
 clear: both; }

#footer {
text-align:left;
margin:auto ;
clear: both;
}
#bottomphoto {
clear: both;
float: none;
padding: 1%;
text-align: center;
border: thick;
border-color: #808080;
margin:auto ;
width:90% ;
 }
 #bottomphotobar {
clear: both;
float: none;
padding: 2%;
text-align: center;
border: thick;
border-color: #808080;
margin:auto ;
width:90% ;
 }
#contactinfo{
width: 90%;
 font-size: smaller;
 text-align: center;
  clear: both;
  font-weight:bold ;
  float: none;
}
  #bookcontactinfo{
  clear: both;
  width: 90%;
 text-align: center;
  clear: both;
  font-weight:bold ;
  float: none;
  font-size: 12pt;

}






