CSS

* {margin: 0; padding: 0;}
html, body {
	font-family: Sans, Sans-serif, Verdana; 
	color: black; 
	background-color: white;
	min-height: 100%;
	}
	  
header { 
	height: 80px; 
	padding: 3px 0; 
	background-color:#DC0707; 
	border-bottom: white; 
	border-bottom: 2px solid black;
	}
	
.wrapper{
	width: 800px; 
	margin: 0 auto;
	position: relative;
	height: 100%;
	}
	
.wrapper h1 { 
	color: white; 
	margin-top: 10px; 
	margin-left: 57px;
	font-family: Consolas;
	}
	
.wrapper b { 
	color: white; 
	display: block; 
	margin-top: 6px; 
	font-family: Consolas; 
	font-size: 14px;
	}	

.menu {
	float: right;
	margin-top: -73px;
	}
	
.menu li {}
	
.menu ul {
	list-style-type: none; 
	text-align: center;
	height: 88px;
	}
	
.menu ul li {
	display: inline; 
	float: left;
	}
	
.menu ul li a {
	display: block;
	margin-top: 20px;
	padding: 14px;
	width: 50px;
	}
	
.menu ul li:hover{
	background-color: black;
	height: 88px;
	}
	 
#content {min-height: 100%; font-size: 14px; width: 775px; margin-left: auto; margin-right: auto; overflow:auto; padding-bottom: 52px;}
#content a:link{color: black;}
#content a:visited{color: black;}
#content a:hover{color: black;}
#content a:active{color: black;}
.footer{position: relative; margin-top: -52px; bottom: 0; height: 52px; width: 100%; background-color:#DC0707; border-top: 2px solid black;}
.footer p{margin-left: 30px; color: white; margin-top: 16px;}
.fp {width: 800px; margin: 0 auto;}

a:link {color: white; text-decoration: none;}
a:visited {color: white; text-decoration: none;}
a:hover {color: white; text-decoration: none;}
a:active {color: white; text-decoration: none;}

.allwindows {width: 100%;}
.allwindows h3 {
  width: 100%;
  background-color: black;
  color: black;
}
#window1, #window2, #window3 {
  background-color: black;
  color: black; 
  width: 15%;
  text-align: center;
}

.clearfix{clear:both;}