body {

    background-color: rgb(220,220,220);
    color: rgb(88, 77, 77);

    font-family: 'Helvetica', 'Arial', sans-serif;
    font-size: 15px}



p {line-height:150%}

h1 {
    color: rgb(88, 77, 77);

    font-family: 'Helvetica', 'Arial', sans-serif;

    font-size: 21px;
}

a:link {
  color: blue 
  text-decoration: none;}

a:hover {
  color: blue 
  text-decoration: none;}

a:visited {
  color: blue 
  text-decoration: none;}

a:active {
  color: blue 
  text-decoration: none;}

object {

   border: 1px solid #DCDCDC;
	padding: 5px;
}

/* ######### CSS for top level tabs ######### */

.tabsmenuclass ul{
overflow: hidden;
width: auto;
margin: 0;
padding: 0;
list-style-type: none;
}

.tabsmenuclass li{
float: left;
}

.tabsmenuclass a{
display: block;
padding: 10px 20px;
background: #FFFFFF;
color: black;
margin-right: 1px;
text-decoration: none;
font: bold 25px Helvetica;
}

.tabsmenuclass a:hover, .tabsmenuclass a.selected{
background: #000000;
color: white;
}

/* ######### CSS for sub menu container below  #DCDCDC######### */

.tabsmenucontentclass{
clear: left;
background: rgb(180, 180, 180);
width: 100%;
height: 24px;
padding: 5px;
border: 1px
text-decoration: none;
font: 17px Helvetica;
color: white;

}

.tabsmenucontentclass ul{
margin: 0;
padding: 0;
list-style-type: none;
color: white;
}

.tabsmenucontentclass li{
float: left;
margin-right: 1em;
color: white;
}

.tabsmenucontentclass a:link{
background: rgb(180, 180, 180);
color: white;
text-decoration: none;
}

.tabsmenucontentclass a:hover{
background: rgb(180, 180, 180);
color: white;
text-decoration: underline;
}

.tabsmenucontentclass a.selected{
background: rgb(180, 180, 180);
color: white;
text-decoration: underline;
}

.tabsmenucontentclass a:visited{
background: rgb(180, 180, 180);
color: white;
text-decoration: none;
}