body {

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

 
h1
{
    color:#0000ff;
	text-align: left;
	font-family: algerian;
	font-size: 36pt;
	text-decoration: none;
	font-weight: bold;
	margin: 0;
	padding: 0;

}

h2
{
    color:#0000ff;
	text-align: center;
	font-family: algerian;
	font-size: 36pt;
	font-weight: bold;
	margin: 0;
	padding: 0;

}
  h3
{
	color:#0000ff;
	text-align: justify;
	font-family: calibri;
	font-size: 14pt;
	font-weight: bold;
	margin: 0;
	padding: 0;

}
  h4
{
    color:#0000ff;
   font-family: calibri;
	font-size: 12pt;
	margin: 0;
	padding: 0;

}
  h5
{
    color:#0000ff;
   font-family: calibri;
	font-size: 8pt;
	margin: 0;
	padding: 0;

}
  h6
{
    color:#000000;
   font-family: calibri;
	font-size: 10pt;
	margin: 0;
	padding: 0;

}

div.container
{
width:100%;
margin:0px;
border:1px solid gray;
line-height:150%;
}
div.header
{
padding:2.3em;

background-color:#CCFFFF;
clear:left;
}
div.footer
{
padding:0.5em;
color:black;
background-color:#CCFFFF;
clear:left;
}
h1.header
{
padding:0;
margin:0;
}
div.left
{
float:left;
width:100px;
margin:0;
padding:1em;
}


div.content
{
margin-left:150px;

border-left:1px solid gray;
border-right:1px solid gray;
padding:1em;
}

div.bottom
{
margin-left:150px;

border-left:1px solid gray;
border-right:1px solid gray;
padding:1em;
}

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

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

.bevelmenu li a:hover{
color: black;
background-color: #FFE271;
border-style: outset;
}

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