/* Basic Setup */

body {
background-color: #dddddd; /* gray */
color: black;
font-family: Arial, sans-serif;
font-size: 14px;
margin: 0;
padding: 0;
text-align: center;
}


h1 {                           
font-size: 3.2em;     
margin: 0;
padding: 0;
text-align: center;
color: #0e0e0e;
background-color: #dddddd; /* light gray */
} 

h2 {                          
font-size: 1.5em;
text-decoration: underline;
color: #0e0e0e;
background-color: #eeeeee; /* light gray */
text-align: center;
}

h3{                                          
font-size: 1em;
margin: 0;
padding: 5px 0px 0px 0px;
text-decoration: underline;
color: #0e0e0e;
background-color: #eeeeee; /* light gray */
text-align: center;
}

h4 {                                       
font-size: 1.2em;
font-style: italic;
text-decoration: underline;
color: #134e70;
background-color: #eeeeee; /* light gray */
/* text-align: center; */
}

h5{                                           
font-size: 1em;
font-weight: normal;
margin: 0px;
padding: 5px 0px 0px 0px;
color: black;
background-color: #eeeeee; /* light gray */
text-align: center;
}

p {
color: black;
background-color: #eeeeee; /* light gray */
/* margin: 0;
padding: 0; */
font-family: arial, sans-serif;
font-size: 1em;
text-align: left;
}

p.head {                 
color: black;
background-color: #eeeeee; /* light gray */
font-family: arial, sans-serif;
font-size: 1.2em;
font-weight: bold;
text-align: center;
}

p.headL {              
color: black;
background-color: #eeeeee; /* light gray */
font-family: arial, sans-serif;
font-size: 1.3em;
font-weight: bold;
text-align: left;
}

p.tiny {                   
color: black;
background-color: #eeeeee; /* light gray */
font-family: arial, sans-serif;
margin: 0px;
padding: 5px 0px 0px 0px;
font-size: 0.7em;
text-align: center;
}

p.bold {
color: black;
background-color: #eeeeee; /* light gray */
font-weight: bold;
font-family: arial, sans-serif;
font-size: 1em;
text-align: left;
}

p.center{
text-align: center;
padding: 5px;
}

p.center2{
text-align: center;
padding: 5px;
margin: 0;
padding: 0; 
}

p.center3{
text-align: center;
padding: 5px;
margin: 0;
padding: 0; 
font-weight: bold;
}

p.redcenter {
color: red;
background-color: #eeeeee; /* light gray */
text-align: center;
margin: 20px;
padding: 5px;
font-size: 0.8em;
}

/* overall container to center content in viewport */

div#container{
width: 753px;
margin: 0 auto;
text-align: left;
position: relative;
font-size: 1em;
}

/* banner photo */

#bannerphoto {
height: 100px;
margin: 0;
padding: 25px;
background-color: #dddddd;
}

#leftmenu {
position: absolute;
width: 200px;
top: 105px;
left: 0px;
padding: 10px;
background-color: #eeeeee;   /* light gray */
border-bottom:1px solid black;
border-left:1px solid black;
border-right: 1px solid black;
border-top: 1px solid black;
}

#leftmenu h3 {
color: #0e0e0e;
background-color: #eeeeee;   /* light gray */
text-align: center;
}

#leftmenu ul {
color: #0e0e0e;
background-color: #eeeeee;   /* light gray */
}

#leftmenu li {
color: #0e0e0e;  /* dark blue */
background-color: #eeeeee;   /* light gray */
background-position: 0px 3px;
padding-left: 15px;
line-height: 1.3;
font-size: 0.9em;
} 

#leftmenu a:link {
color: blue;
background-color: #eeeeee;   /* light gray */
}

#leftmenu a:visited {
color: purple;
background-color: #eeeeee;   /* light gray */
}

#leftmenu a:hover {
color: #134e70;  /* dark blue */
background-color: #eeeeee;   /* light gray */
}

#leftmenu a:active {
color: red;
background-color: #eeeeee;   /* light gray */
}

#content {
position: absolute; 
width: 501px;
top: 105px;
left: 230px;
margin: 0;
padding:10px;
border-bottom:1px solid black;
border-left:1px solid black;
border-right: 1px solid black;
border-top: 1px solid black;
color: black;
background-color: #eeeeee;  /* light gray */
}

#content li {
color: black;
background-color:  #eeeeee;  /* light gray */
}

#content a:link {
color: blue;
background-color:  #eeeeee;  /* light gray */
}

#content a:visited {
color: purple;
background-color:  #eeeeee;  /* light gray */
}

#content a:hover {
color: #134e70;  /* dark blue */
background-color: #eeeeee;   /* light gray */
}

#content a:active {
color: red;
background-color: #eeeeee;   /* light gray */
}

#footer {
color: #0e0e0e;
background-color: #eeeeee;   /* light gray */
margin: -10px;
border-top: 1px solid black;
border-bottom: 1px solid black;
}

#footer p {
color: 0e0e0e;
background-color: #eeeeee;   /* light gray */
}