Create a simple tab panel

Tab.css

body{    margin: 10px;}#content{    border-left: 1px solid #11a3ff;    border-right: 1px solid #11a3ff;    border-bottom: 1px solid #11a3ff;    padding: 5px;    font-size: 12px;}ul#tabnav{    list-style-type: none;    margin: 0;    padding-left: 0px;    padding-bottom: 23px;    border-bottom: 1px solid #11a3ff;    font: 12px verdana, arial;}ul#tabnav li{    float: left;    height: 22px;    background-color: #a3dbff;    margin: 0px 3px 0px 0px;    border: 1px solid #11a3ff;}ul#tabnav a:link, ul#tabnav a:visited{    display: block;    color: #006eb3;    text-decoration: none;    padding: 5px 10px 3px 10px;}ul#tabnav a:hover{    background-color:  #006eb3;    color: #fff;}body#home li.home, body#dev li.dev, body#design li.design, body#map li.map{    border-bottom: 1px solid #fff;    color: #000;    background-color: #fff;} 

Home.htm

<! Doctype HTML> 
Dev.htm

<! Doctype HTML> 
Design.htm

<! Doctype HTML> 
Map.htm

<! Doctype HTML>