Code:
<!DOCTYPE html>
<html>
<head>
<title>Tropical Tidbits</title>
<meta name="description" content="Tropical Tidbits - tropical weather and Atlantic hurricane information, analysis, and forecasts" />
<meta name="keywords" content="tropical,tidbit,tidbits,atlantic,hurricane,weather,storm,Levi,Cowan,Levi Cowan,analysis,information,forecast,cyclone,ocean,caribbean,united states,tracking,models,news,depression,honduras,nicaragua,jamaica,cuba,puerto rico,florida,gulf of mexico,radar,satellite,surface,data,loops,maps,current,invest,africa,rain,wind,flooding,storm surge,meteorology,official,links" />
<meta name="author" content="Levi Cowan" />
<style type="text/css">
body {
font-family: arial, sans, sans-serif;
font-size: 10pt;
margin-top: 0;
background-image: url('images/wrapper-dropshadow.jpg');
background-position: center;
background-repeat: repeat-y;
}
#wrapper
{
width: 1024px;
margin: 0 auto;
}
#banner
{
background-image: url('images/banner.jpg');
width: 1024px;
height: 169px;
}
#navbar
{
list-style-type: none;
margin: 0;
padding: 0;
position: relative; left: 200px; top: 110px;
}
#navbar li
{
float: left;
margin: 0;
padding: 0;
margin-left: 5px;
background-color: rgba(0,106,205,0.35);
border-radius: 12px;
}
#navbar a
{
display: block;
padding: 13px 15px;
color: #FFFFFF;
font-size: 14pt
}
#navbar a:link
{ text-decoration: none }
#navbar a:hover
{
background-color: rgba(0,16,97,0.35);
border-radius:12px;
}
#navbar #current-page
{
background-color: rgba(0,16,97,0.35);
}
<!--End Styling of Banner and Navigation-->
#main-section
{
text-align: center;
}
</style> <!-------End Style Sheet------->
</head>
<body>
<div id="wrapper">
<div id="banner">
<ul id="navbar">
<li id="current-page"><a href="index.html">Home</a></li>
<li><a href="storminfo.html">Current Storm Info</a></li>
<li><a href="invest-tracking.html">Invest Tracking</a></li>
<li><a href="analysis.html">Analysis Tools</a></li>
<li><a href="links.html">Links Database</a></li>
</ul>
</div> <!-- end banner -->
<div id="main-section">
This is the home page.
</div>
</div> <!-- end wrapper -->
</body>
</html>