html {
 background-image: url(karmabarrabg.png);
 background-repeat: repeat-xy;
 background-attachment: fixed;
 background-position:center;
 width: 100%;

 } 
 
 body {
 margin:0;
 padding:0;
 font-family: 'trebuchet ms', Verdana, Arial, Helvetica, sans-serif; 
 color:#000;
 font-size:100%;
 background: url(karmagridtot.jpg) no-repeat center top ;
 width: 100%;

 } 
 
 
 #frac a:link  {
color:  Black;
font-family:    Arial, Helvetica, sans-serif;
font-size:  10pt;
font-style: normal;
padding-left:   5px;
padding-top:    2px;
text-decoration:    none;
}

#frac a:visited  {
color:  Black;
font-family:    Arial, Helvetica, sans-serif;
font-size:  10pt;
font-style: normal;
padding-left:   5px;
padding-top:    2px;
text-decoration:    none;
}

#frac a:hover  {
color:  #BB0000;
font-family:    Arial, Helvetica, sans-serif;
font-size:  10pt;
font-style: normal;
text-decoration:    none;
}

#frac4 a:link  {
background-repeat:  repeat-y;
color:  Black;
display:    Block;
font-family:    Arial, Helvetica, sans-serif;
font-size:  10pt;
font-style: normal;
padding-left:   5px;
padding-top:    2px;
text-decoration:    none;
}

#frac4 a:visited  {
background-repeat:  repeat-y;
color:  Black;
display:    Block;
font-family:    Arial, Helvetica, sans-serif;
font-size:  10pt;
font-style: normal;
padding-left:   5px;
padding-top:    2px;
text-decoration:    none;
}

#frac4 a:hover  {
color:  #BB0000;
display:    Block;
font-family:    Arial, Helvetica, sans-serif;
font-size:  10pt;
font-style: normal;
text-decoration:    none;
}

#frac5 a:link  {
background-repeat:  repeat-y;
color:  Black;
display:    Block;
font-family:    Arial, Helvetica, sans-serif;
font-size:  10pt;
font-style: normal;
padding-left:   5px;
padding-top:    2px;
text-decoration:    none;
}

#frac5 a:visited  {
background-repeat:  repeat-y;
color:  Black;
display:    Block;
font-family:    Arial, Helvetica, sans-serif;
font-size:  10pt;
font-style: normal;
padding-left:   5px;
padding-top:    2px;
text-decoration:    none;
}

#frac5 a:hover  {
background-repeat:  repeat-y;
color:  #BB0000;
display:    Block;
font-family:    Arial, Helvetica, sans-serif;
font-size:  10pt;
font-style: normal;
text-decoration:    none;
}

#frac6 a:link  {
background-repeat:  repeat-y;
color:  Black;
display:    Block;
font-family:    Arial, Helvetica, sans-serif;
font-size:  10pt;
font-style: normal;
padding-left:   5px;
padding-top:    2px;
text-decoration:    none;
}

#frac6 a:visited  {
background-repeat:  repeat-y;
color:  Black;
display:    Block;
font-family:    Arial, Helvetica, sans-serif;
font-size:  10pt;
font-style: normal;
padding-left:   5px;
padding-top:    2px;
text-decoration:    none;
}

#frac6 a:hover  {
background-repeat:  repeat-y;
color:  #BB0000;
display:    Block;
font-family:    Arial, Helvetica, sans-serif;
font-size:  10pt;
font-style: normal;
text-decoration:    none;
}

#frac7 a:link  {
background-repeat:  repeat-y;
color:  Black;
display:    Block;
font-family:    Arial, Helvetica, sans-serif;
font-size:  10pt;
font-style: normal;
padding-left:   5px;
padding-top:    2px;
text-decoration:    none;
}

#frac7 a:visited  {
background-repeat:  repeat-y;
color:  Black;
display:    Block;
font-family:    Arial, Helvetica, sans-serif;
font-size:  10pt;
font-style: normal;
padding-left:   5px;
padding-top:    2px;
text-decoration:    none;
}

#frac7 a:hover  {
background-repeat:  repeat-y;
color:  #BB0000;
display:    Block;
font-family:    Arial, Helvetica, sans-serif;
font-size:  10pt;
font-style: normal;
text-decoration:    none;
}

#frac8 a:link  {
background-repeat:  repeat-y;
color:  Black;
display:    Block;
font-family:    Arial, Helvetica, sans-serif;
font-size:  10pt;
font-style: normal;
padding-left:   5px;
padding-top:    2px;
text-decoration:    none;
}

#frac8 a:visited  {
background-repeat:  repeat-y;
color:  Black;
display:    Block;
font-family:    Arial, Helvetica, sans-serif;
font-size:  10pt;
font-style: normal;
padding-left:   5px;
padding-top:    2px;
text-decoration:    none;
}

#frac8 a:hover  {
background-repeat:  repeat-y;
color:  #BB0000;
display:    Block;
font-family:    Arial, Helvetica, sans-serif;
font-size:  10pt;
font-style: normal;
text-decoration:    none;
}

#frecce a:link  {
color:  #ba2323;
font-family:    Arial, Helvetica, sans-serif;
font-size:  8pt;
font-style: normal;
margin-left:    5px;
padding-bottom: 1px;
padding-left:   5px;
padding-top:    1px;
text-decoration:    none;
}

#frecce a:visited  {
color:  #ba2323;
font-family:    Arial, Helvetica, sans-serif;
font-size:  8pt;
font-style: normal;
margin-left:    5px;
padding-bottom: 1px;
padding-left:   5px;
padding-top:    1px;
text-decoration:    none;
}

#frecce a:hover  {
color:  Red;
font-family:    Arial, Helvetica, sans-serif;
font-size:  8pt;
font-style: normal;
text-decoration:    none;
}

#nav a:link  {
color:  Black;
display:    Block;
font-family:    Arial, Helvetica, sans-serif;
font-size:  12pt;
font-style: normal;
font-weight:    900;
padding-left:   5px;
padding-top:    6px;
text-decoration:    none;
}

#nav a:visited  {
color:  Black;
display:    Block;
font-family:    Arial, Helvetica, sans-serif;
font-size:  12pt;
font-style: normal;
font-weight:    900;
text-decoration:    none;
}

#nav a:hover  {
color:  #FFE288;
display:    Block;
font-family:    Arial, Helvetica, sans-serif;
font-size:  12pt;
font-style: normal;
font-weight:    900;
text-decoration:    none;
}


#int H1  {
color:  #FFFFFF;
font-family:    Arial, Helvetica, sans-serif;
font-size:  12pt;
font-style: normal;
resizable:  no;
}


#ok H1  {
color:  #000000;
font-family:    Arial, Helvetica, sans-serif;
font-size:  8pt;
font-style: normal;
resizable:  no;
}

#oka H1  {
color:  #d24848;
font-family:    Arial, Helvetica, sans-serif;
font-size:  12pt;
}

#oky  {
color:  #000000;
font-family:    Arial, Helvetica, sans-serif;
font-size:  10pt;
font-style: normal;
resizable:  no;
}

#oky a  {
color:  #000000;
font-family:    Arial, Helvetica, sans-serif;
font-size:  14pt;
font-style: normal;
resizable:  no;
}

#oky li  {
color:  #000000;
font-family:    Arial, Helvetica, sans-serif;
font-size:  12pt;
font-style: normal;
resizable:  no;
}

<!--  BODY, P,  LI, TABLE, TR, TD, TEXTAREA, INPUT, H1, H2, H3, H4, UL  {
color:  #000000;
font-family:    Arial, Helvetica, sans-serif;
font-size:  8pt;
font-style: normal;
}

STRONG a:link  {
color:  #222222;
font-family:    Arial, Helvetica, sans-serif;
font-size:  10pt;
font-style: normal;
text-decoration:    none;
}

STRONG a:visited  {
color:  #222222;
font-family:    Arial, Helvetica, sans-serif;
font-size:  10pt;
font-style: normal;
text-decoration:    none;
}

STRONG a:hover  {
color:  #FFFFCC;
font-family:    Arial, Helvetica, sans-serif;
font-size:  10pt;
font-style: normal;
text-decoration:    none;
}

STRONG a:active  {
color:  #FF0000;
font-family:    Arial, Helvetica, sans-serif;
font-size:  10pt;
font-style: normal;
text-decoration:    none;
}

a:link  {
color:  Black;
font-family:    Arial, Helvetica, sans-serif;
font-size:  10pt;
font-style: normal;
margin-bottom:  0;
margin-left:    0;
margin-right:   0;
margin-top: 0;
padding-bottom: 0;
padding-left:   0;
padding-right:  0;
padding-top:    0;
text-decoration:    none;
vertical-align: middle;
}

a:visited  {
color:  Black;
font-family:    Arial, Helvetica, sans-serif;
font-size:  10pt;
font-style: normal;
margin-bottom:  0;
margin-left:    0;
margin-right:   0;
margin-top: 0;
padding-bottom: 0;
padding-left:   0;
padding-right:  0;
padding-top:    0;
text-decoration:    none;
vertical-align: middle;
}

a:hover  {
color:  Red;
font-family:    Arial, Helvetica, sans-serif;
font-size:  10pt;
font-style: normal;
margin-bottom:  0;
margin-left:    0;
margin-right:   0;
margin-top: 0;
padding-bottom: 0;
padding-left:   0;
padding-right:  0;
padding-top:    0;
text-decoration:    none;
vertical-align: middle;
}

a:active  {
color:  #FF0000;
font-family:    Arial, Helvetica, sans-serif;
font-size:  10pt;
font-style: normal;
text-decoration:    none;
}

form  {
margin-bottom:  0;
}
#frecce1 a:visited  {
    color: #ba2323;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-style: normal;
    margin-left: 7px;
    padding-bottom: 1px;
    padding-left: 7px;
    padding-top: 1px;
    text-decoration: underline;
}

#frecce1 a:hover  {
    color: Red;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-style: normal;
    text-decoration: underline;
}
#frecce1 a:link  {
    color: #ba2323;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-style: normal;
    margin-left: 7px;
    padding-bottom: 1px;
    padding-left: 7px;
    padding-top: 1px;
    text-decoration: underline;
}
#carr
{
    color: Black;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-style: normal;
    text-decoration: none;
}