body {margin: 0 auto; padding: 0px; font-family:  bonniefont, arial; font-size: 16pt; color: white;}
h1 { color: #ffffff; font-size: 16pt; font-family: bonniefont, arial;}
h2 { background-color: gray; color: white; font-size: 14pt;}
h3 { color: white; }
hr { color: aqua; }
table {border-collapse: collapse;}
td { padding-right: 15px;}
th {background-color: silver; border-style: 2px solid black;}
p.dropcap:first-letter  {margin-right:2px;margin-top:2px;float:left;color:white;background:cadetblue;border:2px solid black;font-size:25px;line-height:35px;padding-top:2px;padding-right:2px;font-family:times;}
p { color: white; }
ul {
  list-style-type: none;
  padding:10;
  margin:10;
}


#mastheadregion { height: 126px; width: 981px; background-color: 6d6565; }

#masthead { height: 200px; 
  background-repeat: no-repeat;
 
  margin-top: 20px;
 background-image:url("../images/masthead.png");
  }

#wholepage { margin: 0 auto; padding: 20px; width: 981px; background-color: gray;}

#sidebar { background-color: #6d6565; height: 650px; width: 160px; }
#sidebar ul  { list-style: none; margin-left: 8px; padding-left: 0px;}
#sidebar ul li {margin-left: 3px;}
#sidebar a   { color: #ffffff; text-decoration: none; }
.groupname {background-color: rgb(240,238,238); color: rgb(192,2,2); margin-top: 10px; margin-left: 0px;}
.subgroupname {background-color: rgb(240,238,238); color: rgb(192,2,2); margin-top: 10px; margin-left: 10px;}
.grouptitle {font-weight: bold; color: black;}
#sidebar a:hover {background-color:yellow;}
#sidebar a:hover {background-color: yellow;}

#content { float: left; padding-left: 10px; width: 830px; height: 650px; overflow: auto; padding-bottom: 0px;}

#footer {clear: both; margin: 0 auto; }
#footer ul {list-style: none; margin-top: 0px; }
#footer ul li { border-left: 2px solid black; display: inline; padding-left: 10px;  }
#footer a {color: white; text-decoration: none;}
#footer a:hover {background-color: none;}


a:link {color: #ffffff; font-size: 16pt; font-family: bonniefont, arial;}      /* unvisited link */
a:visited {color: #ffffff; font-size: 16pt; font-family: bonniefont, arial;}  /* visited link */
a:hover {color: #ffffff; font-size: 16pt; font-family: bonniefont, arial;}  /* mouse over link */
a:active {color: #ffffff; font-size: 16pt; font-family: bonniefont, arial;}  /* selected link */ 


@font-face {
    font-family: bonniefont;
    src: url(eurostile.ttf);
}