#top {  margin-bottom: 1px;  padding-top: 10px; border-bottom: 1px solid #84A6C9;}

.tabs { height: 30px;  clear: both; }

.tabs2, .tabs3 { height: 30px; background: #00aeef; color: #fff; clear: both; }
.tabs2 + .tabs2 { border-top: 1px solid #4cc6f3; }
.tabs2 + .tabs3 { border-top: 1px solid #4cc6f3; }
.tabs3 + .tabs3 { border-top: 1px solid #4cc6f3; }


.tablist { list-style: none; text-transform: uppercase; }
.tablist li { height: 30px; float: left; padding: 0 10px; }
.tablist a, .tablist a:visited { padding: 5px; display: block; color: #333; font-weight: bold; font-size: 0.86em; }
.tablist a:hover { text-decoration: underline; color: #333;  font-weight: normal; text-transform: uppercase;}
.tablist .current a, .tablist .current a:hover { color: #0079a7; }

.tabs2 .tablist a, .tabs2 .tablist a:visited  { color: #fff;}
.tabs2 .tablist .current a, .tabs2 .tablist .current a:hover {background-color: #4cc6f3;} 

.tabs3 .tablist a, .tabs3 .tablist a:visited  { color: #fff;}
.tabs3 .tablist .current a, .tabs3 .tablist .current a:hover {background-color: #4cc6f3;} 

.tabs .tablist a { font-size: 1em; text-transform: uppercase;  }
.tabs .tablist .current a { background: #00aeef; border-radius: 5px; color: #fff; }
.tabs .tablist .current a:hover { text-decoration: none; }