/* 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: 1px solid #3A8CC5;
margin-bottom: 0px;
}

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

#header li {
float: left;
background-image: url("../images/tabs_navitron/left_inactive.gif");
background-repeat: no-repeat;
margin: 0 1px 0 0;
padding: 0 0 0 9px;
/* NB: Last padding value must not be greater than WIDTH of left tab */
list-style: none;
/* Add "list-style: none;" if styling li in main stylesheet */ 
}

#header a {
float: left;
display: block;
background-image: url("../images/tabs_navitron/right_inactive.gif");
background-repeat: no-repeat;
background-position: right top;
padding: 0.2em 0.7em 0.2em 0;
text-decoration: none;
font-weight: bold;
color: #3A8CC5;
}

/* This section for hover effect */ 
#header li:hover {
background-image: url("../images/tabs_navitron/left_hover.gif");
background-repeat: no-repeat;
margin: 0 1px 0 0;
padding: 0 0 0 9px;
/* NB: Last padding value must not be greater than WIDTH of left hover tab */
}

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

#navitron1 #header li.navitron1,
#navitron2 #header li.navitron2,
#navitron3 #header li.navitron3,
#navitron4 #header li.navitron4,
#navitron5 #header li.navitron5,
#navitron6 #header li.navitron6,
#navitron7 #header li.navitron7,
#navitron8 #header li.navitron8 {
background-image: url("../images/tabs_navitron/left_active.gif");
}

#home #header li.home a,
#navitron1 #header li.navitron1 a,
#navitron2 #header li.navitron2 a,
#navitron3 #header li.navitron3 a,
#navitron4 #header li.navitron4 a,
#navitron5 #header li.navitron5 a,
#navitron6 #header li.navitron6 a,
#navitron7 #header li.navitron7 a,
#navitron8 #header li.navitron8 a {
background-image: url("../images/tabs_navitron/right_active.gif");
background-color: transparent;
text-decoration: none;
color:#FFFFFF;
}