/*Cleaning and Resetting the Background*/
* {
margin:0px;
padding:0px;}
#top-section {
height: 0px; }
#search-controls {
display:none;}
#globalWrapper {
background: #FFF;
padding:0px;}
#p-logo {
height:1px; overflow:hidden; display:none;}
#content {
border: 0px;
width: 70%;}
#catlinks {
display:none;}
.firstHeading {
display: none;}
h1, h2, h3, h4, h5, h6 {
border-bottom: 0px;}
p {
margin-bottom: 0px;}
.banner {display: block; width: 1000px; margin: auto; position: static;}
/* Thanks to Matthew Mombrea for the following code!! Link: http://www.itworld.com/development/354027/how-build-drop-down-menu-css-and-html"*/
#main-nav {width: 850px;height: 50px;background: #C3C3E5; margin:auto; margin-top: 0px; border-radius: 20px}
#main-nav .subnav {
display: none;
position: absolute;
top: 67px;
left: 0px;
width: 100%;
list-style-type: none;
background: #fff;
margin: 0;
border:solid 1px #eeeeee;
z-index:5;
padding:0;
}
#main-nav .subnav li {
display: block;
border-bottom: solid 1px #eeeeee;
margin:0;
}
#main-nav .subnav li a {
color: #333;
height:18px;
padding:10px 0;
font-size:13px;
}
#main-nav .subnav li a:hover {
background:#f9f9f9;
}
#nav-primary {
list-style-type: none;
margin: 0;
float: left;
padding:0;
}
#nav-primary li {
float: left;
position: relative;
}
#nav-primary li a {
float: left;
color: #000;
text-align: center;
font-size: 14px;
height: 48px;
padding-top: 19px;
line-height: 16px;
width: 164px;
text-decoration:none;
}
#nav-primary li a:hover {
text-decoration:none;
}
#nav-primary li:hover .subnav {
display: block;
}
Please do not panic!! I just took last year's team as format as a starting point!