h1
{
font-family:arial, sans-serif;
color:black;
/*font-size:2.5em;*/
text-align:center;
/*line-height:0px;*/
}


h2
{
font-family:arial, sans-serif;
text-align:center;
}


h3
{
font-family:arial, sans-serif;
text-align:center;
}


h5
{
font-family:arial, sans-serif;
text-align:center;
}

hr 
{
style="width: 100%; height: 2px;"
}


body
{
margin: 30px;
font-family:arial, sans-serif;
color:black;
background-color:White;
}

p
{
margin: 30px;
font-family:arial, sans-serif;
color:black;
}

div.container
{
position:relative;
top:100px;
width:100%;
padding:0px;
border:0px ;
margin-left: auto;
margin-right: auto;
text-align:center;
background-color:lime;
}

div.body_left
{
position:static;
width:245px; 
top:0px;left:10px;
padding:0px;
border-left:10px solid fuchsia;
border-right:10px solid fuchsia;
margin:10px;
text-align:left;
font-family:arial, sans-serif;
font-size:0.8em;
background-color:gray;
}

div.body_right
{
/* background-image:url('background.jpg');
background-repeat:no-repeat; */
position:absolute;
width:65%;
top:5px;left:280px;
padding:10px;
border:5px solid gray;
margin:5px;
margin-right: auto;
text-align:center;
font-family:arial, sans-serif;
font-size:0.8em;
background-color:white;
}

div.header
{
position:static; 
width:100%;
padding:0px;
border:0px solid gray;
margin-left: auto;
margin-right: auto;
text-align:center;
background-color:aqua;
}

div.fixed_header
{
position:fixed; 
width:100%;
padding:0px;
border:0px solid gray;
margin-left: auto;
margin-right: auto;
text-align:center;
background-color:aqua;
}

div.menubar
{
position:relative;
width:90%;
padding:10px;
border:0px solid gray;
margin-left: auto;
margin-right: auto;
	text-align:left;
background-color:yellow;
}


div.menu_underlay
{
width:770px;
padding:0px;
border:0px;
margin-left: auto;
margin-right: auto;
	text-align:left;
background-color:green;
}


div.footer
{
position:relative;
width:90%;
padding:2px;
border:0px solid gray;
margin-left: auto;
margin-right: auto;
text-align:center;
color:yellow;
background-color:blue;
}


p.maincontent
{
color:navy
font-family:arial, sans-serif;
font-size:1.3em;
}

p.smallcontent
{
font-family:arial, sans-serif;
font-size:1.0em;
}


img 
{
border:0px;
}

/* Links */

a
{
color:Navy; text-decoration:none;
}

a.maincontent
{
color:red;
}

a:hover
{
color:blue;text-decoration:underline;

}

p.contentblock
{
display: inline;
width:200px;
padding:10px;
border:1px solid gray;
margin:10px;
text-align:left;
background-color:olive;
}

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

li.menubar
{
font-family:arial, sans-serif;
font-size:1.6em;
}

li.maincontent
{
font-family:arial, sans-serif;
font-size:0.85em;
}

a.menubar:link,a.menubar:visited
{
display:block;
width:75%;
font-family:arial, sans-serif;
font-size:0.9em;

color:black;
background-color:purple;
text-align:center;
padding:4px;
text-decoration:none;

}

a.menubar_active:link,a.menubar_active:visited
{
display:block;
width:80%;
font-family:arial, sans-serif;
font-size:0.9em;
font-weight:bold;
color:black;
background-color:#a68877;
text-align:center;
padding:4px;
text-decoration:none;
}

a.menubar:hover,a.menubar:active
{
color:black;
font-weight:bold;
background-color:navy; 
}

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

li.footer
{
float:left;
display:block;
width:142px;
font-family:arial, sans-serif;
font-size:0.7em;
color:gray;
text-align:center;
padding:4px;
text-decoration:none;
}
a.footer:link,a.footer:visited
{
display:block;
width:142px;
font-family:arial, sans-serif;

color:gray;
text-align:center;
padding:4px;
text-decoration:none;

}

input.maincontent
{
font-family:arial, sans-serif;
font-size:1.3em;
}

td
{
font-family:arial, sans-serif;
font-size:1.3em;
}

/* fixed headers and footers */


/* ie only styles */
/* commented backslash hack v2 \*/ 
* html body{height:100%;} 
/* end hack */ 

* html body {
  margin:70px 0 60px 0;
  padding: 0;
 overflow:hidden;
 }
  
* html #top {
  position: absolute;
  left: 0;
  top: 0;
  width:100%;
  padding: 0;
  height: 60px;
  border: 5px dashed red;}
 
* html .content {
  padding:0 10px;
  border: 5px solid green;
  overflow:auto;
  height:100%;
}
 
* html #bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  width:100%;
  height: 30px;
  border: 5px solid purple;
}

/* mozilla styles below */

html>body {
  margin: 0;
  padding: 0;
  height: 100%;}
 
html>body #top {
  position: fixed;
  left: 0;
  top: 0;
  right: 0px;
  padding: 0;
  height: 50px;
  border: 5px dashed red;}
 
html>body .content {
  position: fixed;
  top: 70px;
  right:0px;
  left:0px;
  bottom:35px;
  padding:0;
  border: 5px solid green;
overflow:auto;
}
 
html>body #bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0px;
  height: 30px;
  border: 5px dashed purple;}

 #top, #bottom{background:#ffffcc}