/* CSS Document */
/*
body {
font: .8em/1.1em verdana, arial, sans-serif;
background-color: #FFFF00;
color: #000000;
margin: 0 10% 0 10%;
}
*/
#header {
float: left;
width: 100%;
border-bottom: 0px solid #84A7D0;
margin-bottom: 0px;
}

#header ul {
font: 0.9em "trebuchet ms", arial, verdana, sans-serif;
margin: 0;
padding: 1em 0 0 10px;
list-style: none;
}

#header li {
float: left;
background-image: url("../images/tabc_left.gif");
background-repeat: no-repeat;
margin: 0 3px 0 0;
padding: 0 0 0 10px;
}

#header a {
float: left;
display: block;
background-image: url("../images/tabc_right.gif");
background-repeat: no-repeat;
background-position: right top;
padding: 0.2em 10px 0.2em 0;
text-decoration: none;
font-weight: bold;
color: #0950A1;
}

/* This section for hover effect */ 
#header li:hover {
background-image: url("../images/tabc_hover_left.gif");
background-repeat: no-repeat;
margin: 0 3px 0 0;
padding: 0 0 0 10px;
}

#header a:hover {
float: left;
display: block;
background-image: url("../images/tabc_hover_right.gif");
background-repeat: no-repeat;
background-position: right top;
padding: 0.2em 10px 0.2em 0;
text-decoration: none;
color: #FFFFFF;
}
/* End hover effect */ 

#home #header li.home,
#tab1 #header li.tab1,
#tab2 #header li.tab2,
#tab3 #header li.tab3,
#tab4 #header li.tab4 {
background-image: url("../images/tabc_active_left.gif");
}

#home #header li.home a,
#tab1 #header li.tab1 a,
#tab2 #header li.tab2 a,
#tab3 #header li.tab3 a,
#tab4 #header li.tab4 a {
background-image: url("../images/tabc_active_right.gif");
background-color: transparent;
text-decoration: none;
color:#FFFFFF;
}