<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Free CSS Navigation Menu Designs 2 at codefans.net</title>
<style type="text/css">
body {
margin:0;
padding:0;
font: bold 11px/1.5em Verdana;
}
h2 {
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
color: #000;
margin: 0px;
padding: 0px 0px 0px 15px;
}
img {
border: none;
}
/*- Menu Tabs 1--------------------------- */
#tabs1 {
float:left;
width:100%;
background:#F4F7FB;
font-size:93%;
line-height:normal;
border-bottom:1px solid #BCD2E6;
}
#tabs1 ul {
margin:0;
padding:10px 10px 0 50px;
list-style:none;
}
#tabs1 li {
display:inline;
margin:0;
padding:0;
}
#tabs1 a {
float:left;
background:url("images/tableft1.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabs1 a span {
float:left;
display:block;
background:url("images/tabright1.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#627EB7;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs1 a span {float:none;}
/* End IE5-Mac hack */
#tabs a:hover span {
color:#627EB7;
}
#tabs1 a:hover {
background-position:0% -42px;
}
#tabs1 a:hover span {
background-position:100% -42px;
}
/*- Menu Tabs 2--------------------------- */
#tabs2 {
float:left;
width:100%;
font-size:93%;
line-height:normal;
border-bottom:1px solid #84776B;
}
#tabs2 ul {
margin:0;
padding:10px 10px 0 50px;
list-style:none;
}
#tabs2 li {
display:inline;
margin:0;
padding:0;
}
#tabs2 a {
float:left;
background:url("images/tableft2.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabs2 a span {
float:left;
display:block;
background:url("images/tabright2.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#84776B;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs2 a span {float:none;}
/* End IE5-Mac hack */
#tabs2 a:hover span {
color:#74675B;
}
#tabs2 a:hover {
background-position:0% -42px;
}
#tabs2 a:hover span {
background-position:100% -42px;
}
/*- Menu Tabs 3--------------------------- */
#tabs3 {
float:left;
width:100%;
background:#E4E6EB;
font-size:93%;
line-height:normal;
}
#tabs3 ul {
margin:0;
padding:10px 10px 0 50px;
list-style:none;
}
#tabs3 li {
display:inline;
margin:0;
padding:0;
}
#tabs3 a {
float:left;
background:url("images/tableft3.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabs3 a span {
float:left;
display:block;
background:url("images/tabright3.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs3 a span {float:none;}
/* End IE5-Mac hack */
#tabs3 a:hover span {
color:#FFF;
}
#tabs3 a:hover {
background-position:0% -42px;
}
#tabs3 a:hover span {
background-position:100% -42px;
}
/*- Menu Tabs 4--------------------------- */
#tabs4 {
float:left;
width:100%;
font-size:93%;
line-height:normal;
border-bottom:1px solid #6B78A9;
}
#tabs4 ul {
margin:0;
padding:10px 10px 0 50px;
list-style:none;
}
#tabs4 li {
display:inline;
margin:0;
padding:0;
}
#tabs4 a {
float:left;
background:url("images/tableft4.gif") no-repeat left top;
margin:0;
padding:0 0 0 7px;
text-decoration:none;
}
#tabs4 a span {
float:left;
display:block;
background:url("images/tabright4.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#6B78A9;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs4 a span {float:none;}
/* End IE5-Mac hack */
#tabs4 a:hover span {
color:#6B78A9;
}
#tabs4 a:hover {
background-position:0% -42px;
}
#tabs4 a:hover span {
background-position:100% -42px;
}
/*- Menu Tabs 5--------------------------- */
#tabs5 {
float:left;
width:100%;
background:#E3ECF3;
font-size:93%;
line-height:normal;
}
#tabs5 ul {
margin:0;
padding:10px 10px 0 50px;
list-style:none;
}
#tabs5 li {
display:inline;
margin:0;
padding:0;
}
#tabs5 a {
float:left;
background:url("images/tableft5.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabs5 a span {
float:left;
display:block;
background:url("images/tabright5.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs5 a span {float:none;}
/* End IE5-Mac hack */
#tabs5 a:hover span {
color:#FFF;
}
#tabs5 a:hover {
background-position:0% -42px;
}
#tabs5 a:hover span {
background-position:100% -42px;
}
/*- Menu Tabs 6--------------------------- */
#tabs6 {
float:left;
width:100%;
background:#efefef;
font-size:93%;
line-height:normal;
border-bottom:1px solid #666;
}
#tabs6 ul {
margin:0;
padding:10px 10px 0 50px;
list-style:none;
}
#tabs6 li {
display:inline;
margin:0;
padding:0;
}
#tabs6 a {
float:left;
background:url("images/tableft6.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabs6 a span {
float:left;
display:block;
background:url("images/tabright6.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs6 a span {float:none;}
/* End IE5-Mac hack */
#tabs6 a:hover span {
color:#FFF;
}
#tabs6 a:hover {
background-position:0% -42px;
}
#tabs6 a:hover span {
background-position:100% -42px;
}
/*- Menu Tabs 7--------------------------- */
#tabs7 {
float:left;
width:100%;
background:#D4DAE7;
font-size:93%;
line-height:normal;
border-bottom:1px solid #333B66;
}
#tabs7 ul {
margin:0;
padding:10px 10px 0 50px;
list-style:none;
}
#tabs7 li {
display:inline;
margin:0;
padding:0;
}
#tabs7 a {
float:left;
background:url("images/tableft7.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabs7 a span {
float:left;
display:block;
background:url("images/tabright7.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#999;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs7 a span {float:none;}
/* End IE5-Mac hack */
#tabs7 a:hover span {
color:#ECB546;