body {

color:#0000ff;
   font-family: Calibri;
	font-size: 12pt;
}

img 
{
float:center;
}

div.container
{
width:100%;
margin:0px;
border:1px solid gray;
line-height:180%;
}
div.header
{
padding:0.5em;
color:red;
background-color:white;
clear:left;
}
div.footer
{
padding:0.5em;
color:black;
font-size: 10pt;
font-family: Calibri;
background-color:white;
border:1px solid gray;
clear:left;
}
div.footer1
{
padding:0.5em;
color:pink;
border:1px solid gray;
text-align:center;
background-color:green;
clear:left;
}
div.header1
{
padding:0.5em;
color:pink;
border:1px solid gray;
text-align:center;
background-color:green;
clear:left;
}
h1.header
{
padding:0;
margin:0;
}
div.left
{
float:left;
width:175px;
text-align:left;
margin:0;
padding:10px;
}
div.right
{
float:right;
width:105px;
margin:0;
padding:1em;
}
div.content
{
margin-left:200px;
border-left:1px solid gray;
margin-right:160px;
border-right:1px solid gray;
text-align:justify;
padding:1em;
}

.bevelmenu{
list-style-type: none;
margin: 1;
padding: 0;
width: 150px;
}

.bevelmenu li a{
display: block;
width: 78%;
padding: 2px 4px;
text-decoration: none;
font-weight: bold;
background-color: #DDFFFF;
border: 2px solid #CCFFFF;
text-decoration:none;
}

.bevelmenu li a:hover{
color: white;
background-color: green;
border-style: outset;
}

html>body .bevelmenu li a:active{ /* Apply mousedown effect (non IE browsers only) */
border-style: inset;
}