/* CSS Document */
<style type="text/css">
body{ background-color:#CCCCCC 
}

body
{ 
   font-size:100%;
	color: black;
	background-color: #CCCCCC;    
}
h1 
{
	font-size:2.5em;
	font-weight:bold;
	color: red;
}
h2
{
	font-size:1.875em;
	text-align: left;
		
}
p 
{
	font-size:1em;
	text-align: justify;
	margin: 10px;
	
}
p.center {font-size:1em; text-align: center; margin: 10px; border = "0"}

a:link {color:#FF0000}    /* unvisited link */
a:visited {color:#00FF00} /* visited link */
a:hover {color:#FF00FF}   /* mouse over link */
a:active {color:#0000FF}  /* selected link */

.container
{
text-align:center;
}
.center
{
   
	margin-left:auto;
	margin-right:auto;
	width: 1300;
	background-color:#FFFFFF;
	text-align:left;
	border:3px outset #FFFFFF;
}
.footer
{
	margin-left:auto;
	margin-right:auto;
	width:100%;
	background-color:#FFFFFF;
	text-align:center;
	border:0px none #FFFFFF;
}
.background
{	
	position: relative;
	top: 0px;
	background-color:#FF0000;
	margin-top: 0;
	margin-bottom: 3;
	text-align: center;
	border: 10px outset #FF0000;
	color: #FFFFFF; 
}

table.banner
{
	table-layout: absolute;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	background-color:#FFFFFF;
	text-align:left;	
	border: 7px outset #FF0000;
	
}
.content
{
	left: auto;
	margin-left: auto;
	margin-right:auto;
	background-color:#FFFFFF;
	text-align:left;	
	border: 4px inset #FFFFFF;
	width: 100%
}

table.MenuBar
{
	table-layout: absolute; 
	margin-left:auto;
	margin-right:auto;
	width:20%;
	background-color:#FFFFFF;
	text-align:left;
	z-index: -1;
}
img.border
{	
	
	width: 100%;  height: 220;
}


.effect
{
	padding-top: 10;
	padiding-bottom: 10;
	margin-top:5;
	margin-bottom:5;
	background-color: red;
	border: 7px inset red;
	color: #FFFFFF;	
}

.left
{
	table-layout: absolute;	
	margin-left: auto;
	margin-right:auto;
	width = 20%;
	background-color:#FFFFFF;
	text-align:left;	
}
	
</style>