trying to make the bottom

by Cosette Girardot

HTML

<div class="bottom">
    <div id="bottomleft">
        <a href="">Dining

CSS

/* GENERAL CONTROLS FOR THE BOTTOM HALF OF THE PAGE REGARDING FORMAT*/
.bottom {
	background-color: #FFF;
	height: 95%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 3px;
	top: 439px;
	padding-bottom:75px;
	position: relative;
	width: 851px;
}
#bottomleft {
	width: 70%;
	height: 95%;
	margin-top: 2%;
	margin-left:10px;
	float:left
	position: relative;
}
#bottomcenter {
	width: 830px;
	height: 530px;
	margin-left:10px;
	margin-top: 10px;
	position: absolute;
}
#bottomright {
	width: 560px;
	height: 550px;
	margin-top: 2%;
	position: absolute;	
}
a.bottom:link {
	text-decoration:none;
	color:#808080;
	font-family:"Courier New", Courier, monospace;
}
a.bottom:visited {
	text-decoration:none;
	color:#808080;
	font-family:"Courier New", Courier, monospace;
}
a.bottom:hover {
text-decoration:none;
	color:#808080;
	font-family:"Courier New", Courier, monospace;
}
a.bottom:active {
	text-decoration:none;
	color:#808080;
	font-family:"Courier New", Courier, monospace;
} 





/* THIS IS A SUBGROUP OF THE PREVIOUS SET OF STYLES: THE FOLLOWING ARE REGARDING THE GREY BAR LOCATED IN THE BOTTOM HALF OF THE PAGE */
.info{
	background-color:#999999;
	height: 96.5%;
	width: 259px;
	z-index: 3;
	position: absolute;
	top: 0px;
	float: right;
}	
.style2info {
	position: relative;
	background-color:#999999;
	height:96.5%;
	width:259px;
	float:left;
	left:auto;
}
#about{
	background-color:#999999;
	height: 50%;
	margin-bottom:1%;
	width: 100%;
	z-index:4;
}
iframe {
	margin-left:auto;
	margin-right:auto;
}
#links{
	height: auto;
	position: absolute;
	width: 100%;
	z-index: 4;
	top: 50%;
	margin-left:1%;
	margin-right: 4%;
	margin-top: 4%;
	left: 4%;
	right: auto;
}