td {  font-family: Trebuchet MS, Verdana, Helvetica; font-size: 11px; color: #6C76A2}
a:active {color: #6C76A2; text-decoration: none}
a:hover {color: #2F33CA; text-decoration: none}
a:link {color: #6C76A2; text-decoration: none}
a:visited {text-decoration: none}
a.menu { font-family: Verdana; color: #FFFFFF; font-size: 12px}

.istyle {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        color: #6C76A2;
        background-color: #EEF3FF;

        border: 1px solid #BBD1DE;
        font-weight: bold;
}

.istyle1 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        color: #6C76A2;
        background-color: #EEF3FF;
        border: 1px solid #BBD1DE;
        font-weight: normal;
}

.tbold {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-weight: bold;
        color: #6C76A2;

}
.tt{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color:#6C76A2;
background-color:#ffffff;
}
.t1{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color:#6C76A2;
background-color:#EEF3FF;
}
.tnormal {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-weight: normal;
        color: #6C76A2;
}

.tback{
                color: #6C76A2;
                filter:alpha (opacity=100);

}
.tdbold {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-weight: bold;
        color: #ffffff;
 
}

.tdhead {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-weight: bold;
        color: #FFFFFF;
        background: #6C76A2;

}

.tback{
                color: #6C76A2;
                filter:alpha (opacity=100);

}

.tnormalbg{
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-weight: normal;
        color: #6C76A2;
        background: #EEF3FF;
}
.tnormalbg1{
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-weight: normal;
        color: #6C76A2;
        background:#ECF8FD;
}
.titlebold {
        font-family: "Times New Roman", Verdana, Arial, Helvetica, sans-serif;
        font-size: 20px;
        font-weight: bold;
        color: #6C76A2;
}
.titleitalic {
        font-family: "Times New Roman", Verdana, Arial, Helvetica, sans-serif;
        font-size: 35px;
        font-weight: bold;
        font-style: italic;
        color: #6C76A2;
}
.headitalic {
        font-family: "Times New Roman", Verdana, Arial, Helvetica, sans-serif;
        font-size: 15px;
        font-weight: bold;
        font-style: italic;
        color: #6C76A2;
}
.headnormal {
        font-family: "Times New Roman", Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #6C76A2;
}
.terror {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-weight: normal;
        color: #FF0000;
}
A.menu {
	FONT-SIZE: 12px; COLOR: #3652ff; FONT-FAMILY: Verdana
}


.menutrans{  
  BORDER-TOP: black 1px solid;
  BORDER-bottom: black 1px solid;
  BORDER-left: black 1px solid;
  BORDER-right: black 1px solid;
  FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFFFFF, EndColorStr=#6C76A2); 
  LEFT: 0px;  
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal; 
} 



#Menu { 
font-family: Arial, sans-serif; 
border-bottom: 10px solid #A0CEF8; 
} 
#Menu ul { 
text-align: center; /* We are using text-align: center on ul to horizontally align our menu to the page. If you want the menu aligned left or right just change text-align to either left or right */ 
margin: 0 0 5px 0; /* Just some margin to align the blue border below the menu */ 
} 
#Menu li { 
display: inline; /* Menu links are horizontally aligned using display: inline */ 
} 
#Menu li a { 
padding: 7px 0 6px 10px; /* Display: block won't work in this example, instead we are using padding to make the hole tab a clickable link */ 
color: #5d5350; 
text-decoration: none; 
font-weight: bold; 
background: url(/examples/images/tabbed-menu-left.gif) no-repeat left top; /* Rollover effect using "Fast rollovers without preload" concept for the left part of the tab */ 
} 
#Menu li a:hover { 
background: url(/examples/images/tabbed-menu-left.gif) no-repeat left bottom; 
} 
#Menu li a span { 
padding: 7px 10px 6px 0; 
background: url(/examples/images/tabbed-menu-right.gif) no-repeat right top; /* Rollover effect using "Fast rollovers without preload" concept for the right part of the tab */ 
} 
#Menu li a:hover span { 
background: url(/examples/images/tabbed-menu-right.gif) no-repeat right bottom; 
} 



/* Unfortunately, for some reason both IE6 and IE7 needs to be hacked. */ 
.Menu1 li a { 
padding: 0 0 0 10px; 
} 


#navcontainer ul li
{
list-style-type: none;
padding: 0;
margin: 0;
display: block;
float: left;
background: url("http://biphome.spray.se/karl10/images/navBarBg.gif") repeat-x 20px;
font: 10px/20px "Lucida Grande", verdana, sans-serif;
text-align: center;
FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFFFFF, EndColorStr=#6C76A2);

}

#navcontainer a
{

color: #000;
text-decoration: none;
display: block;
width: 70px;
border-top: 1px solid #A8B090;
border-bottom: 1px solid #A8B090;
border-left: 1px solid #A8B090;
}
 #navcontainer a:hover { background:rgb(153,153,204)}