/* page divisions */
body {
  margin: 0;
  padding: 0;
  background-color: #FFFFFF;
  color: #000000;
  font-family: Helvetica, Arial, sans-serif;
  border-top: 2px solid #2A4F6F;
}
#header {
  border-top: 1px solid #778899;
  /*border-bottom: 2px solid #778899;*/
  height: 4em;
}
#header .logo {
  float: left;
  margin-left: 7.7em;
  margin-top: 0.5em;
} 
#leftside {
  position: absolute;
  top: 6.7em;
  left: 0.5em;
  width: 6.7em;
}
#leftside ul {
  list-style: none;
  margin-left: 1em;
  padding-left: 0;
  margin-bottom: 1em;
}
#leftside li {
  font-size: 80%;
  border-bottom: 1px solid #B2BCC6;
  margin-bottom: 0.3em;
}
#leftside a:link, #leftside a:visited {
  font-weight: normal; 
  text-decoration: none;
  color: #2A4F6F;
  background-color: transparent;
}
#leftside a:hover {
  color: #778899;
}
#content2 {
  margin-left: 8.5em;
  margin-right: 2em;
}
#content2 h1 {
  margin-bottom: -8px;
}
#content2 h3 {
  margin-bottom: -6px;
}
#content2 ul {
  list-style: disc;
  margin-left: 0.7em;
  padding-left: 0.5em;
}
#content2 li {
  font-size: 75%;
  margin-bottom: 0.1em;
}
#content2 ul.horiz li {
  list-style: none;
  display: inline;
/*  margin-left: 0.7em;*/
  padding-left: 0.3em; 
}
#footer {
  clear: both;
  border-top: 1px dotted #778899;
  text-align: right;	
  height: 1.0em;
}
#footer br {
  clear: both;
} 
/* photolist needs a large bottom margin to suit footer */
#photolist {
  list-style-type: none;
  margin-bottom: 1em;
  width: 450px;
}
#photolist li {
  float: left;
  margin-right: 6px;
  margin-bottom: 10px;
}
#notice {
  /*margin-right: 1em; */
  margin-top: 1.4em;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 4px;
  padding-right: 4px;
  font-size: 90%;
  background-color: #EEEEEE;
}
.photo-left {
  float: left;
  width: 140px;
  margin: 0 5px 5px 0;
  padding: 5px 0;
  text-align: center;
  background: white;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.photo-left img {
  border: none;
}
.photo-left-larger {
  float: left;
  width: 200px;
  margin: 0 5px 5px 0;
  padding: 5px 0;
  text-align: center;
  background: white;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.photo-left-larger img {
  border: none;
}
.colorred {
  color: #FF0000;
}
/* standard properties */
h1 {
  font-size: 120%;
  font-weight: normal;
  line-height: 1.0em;
  color: #006655;
  background-color: #EEEEDD;
  padding-top: 2px;
  padding-bottom: 3px;
  padding-left: 1px;
}
h3 {
  font-size: 100%;
  font-weight: bold;
  line-height: 1.0em;
  color: #006655;
}
h3 .h3link {
  color: #006655;
}
h4 { 
  font-size: 80%;
  font-weight: bold;
  line-height: 0.8em;
  color: #006655;
}
h5 {  
  font-weight: normal;
  font-style: italic;
  font-size: 70%; 
  color: #006655;
}
a  {
  font-weight: bold; 
  color: #003366;
}
a:hover {
  color: #FF6347;
}
p {  
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 80%;
  line-height: 1.3em;
}
li { 
  font-family: Verdana, Arial, Helvetica, sans-serif; ;
  font-size: 100%;
  font-weight: normal;
  color: #000000; 
}
p .smallerlink {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 95%;
  font-weight: normal;
}
p .smalltext {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 85%;
  font-weight: normal;
}
img {
  border: none;
}
.box-right {
    float: right;
    width: 16em;
    margin: 0 0 5px 10px;
    padding: 15px 10px 15px 10px;
    text-align: left;
    background-color: #eff; /*ffd*/
    border-top: 1px solid #ccc; 
    border-right: 3px solid #789;
    border-bottom: 3px solid #789;
    border-left: 1px solid #ccc;
    font-size: 90%;
    overflow: auto;
}
.box-right h4 {
  font-weight: bold;
  font-size: 75%;
  margin-top: 12px;
  margin-bottom: -8px;
  /*background-color: #EEEEDD;*/
  padding: 0 0 2px 2px;
  border-bottom: 1px dotted #AAAAAA;
}
.box-right p {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 70%;
  line-height: 1.1em;
  margin-bottom: -6px;
}
.box-right2 {
    float: right;
    width: 13em;
    margin: 0 0 0px 4px;
    padding: 8px 10px 8px 10px;
    text-align: left;
    background-color: #eff; /*ffd*/
    border-top: 1px solid #ccc; 
    border-right: 3px solid #789;
    border-bottom: 3px solid #789;
    border-left: 1px solid #ccc;
    font-size: 90%;
    overflow: auto;
    clear: both;
}
.box-left {
    float: left;
    width: 6.9em;
    margin-left: 0.5em;
    margin-bottom: 1em;
    padding: 8px 8px 10px 10px;
    text-align: left;
    background-color: #eff; /*ffd*/
    border-top: 1px solid #ccc; 
    border-right: 3px solid #789;
    border-bottom: 3px solid #789;
    border-left: 1px solid #ccc;
    font-size: 80%;
    /*font-weight: bold;*/
    overflow: auto;
    clear: both;
}

h2 {  font-family: Helvetica, Arial, sans-serif; font-size: 16px; line-height: 16px; font-weight: bold; color: #000000}
h6 {  font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold; color: #000000}
td {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000}
th { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000 ; font-weight: bold}
pre {  font-family: "Courier New", Courier, monospace; font-size: 12px}