body
{ 
background-image: url(s/bg2.png);
background-repeat: repeat-x
} 

A:link {text-decoration: none; color: #2a2a2a;}
A:visited {text-decoration: none; color: #2a2a2a;}
A:active {text-decoration: none; color: #2a2a2a;}
A:hover {text-decoration: underline; color: #474747;}



.text1 {
font-family: "Arial", Helvetica, serif;
font-size: 12px;
font-weight: bold;
color: #000000;
line-height: 14px;
text-align: left}

.text1none {
font-family: "Arial", Helvetica, serif;
font-size: 12px;
font-weight: none;
color: #000000;
line-height: 14px;
text-align: left}

.text1w {
text-align:center;
font-family: "Arial", Helvetica, serif;
font-size: 12px;
font-weight: bold;
color: #ba2121;
line-height: 14px;
text-align: left}

.text1red {
font-family: "Arial", Helvetica, serif;
font-size: 12px;
font-weight: bold;
color: #900202;
line-height: 12px;
text-align: left}

.text1i {
font-family: "Arial", Helvetica, serif;
font-size: 12px;
font-weight: bold;
color: #900202;
line-height: 24px;
text-align: left}

.textlwhite {
font-family: "Arial", Helvetica, serif;
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
line-height: 19px;
text-align: left}

.textlblack {
font-family: "Arial", Helvetica, serif;
font-size: 14px;
font-weight: bold;
color: #000000;
line-height: 14px;
text-align: left}

.textblinds {
font-family: "Arial", Helvetica, serif;
font-size: 12px;
font-weight: bold;
color: #000000;
line-height: 24px;
text-align: left}

.textblindss {
font-family: "Arial", Helvetica, serif;
font-size: 10px;
font-weight: bold;
color: #8b8b8b;
line-height: 22px;
text-align: left}

.textblindsr {
font-family: "Arial", Helvetica, serif;
font-size: 12px;
font-weight: bold;
color: #000000;
line-height: 24px;
text-align: right}

.textblindssr {
font-family: "Arial", Helvetica, serif;
font-size: 10px;
font-weight: bold;
color: #8b8b8b;
line-height: 22px;
text-align: right}



a.rol1lover { display:block; height:175px; width:142px; overflow:hidden; }
a.rol1lover:hover { display:block; text-indent:-142px; }
a.rol2lover { display:block; height:42px; width:143px; overflow:hidden; }
a.rol2lover:hover { display:block; text-indent:-143px; }
a.rol3lover { display:block; height:42px; width:143px; overflow:hidden; }
a.rol3lover:hover { display:block; text-indent:-143px; }
a.rol4lover { display:block; height:42px; width:143px; overflow:hidden; }
a.rol4lover:hover { display:block; text-indent:-143px; }
a.rol5lover { display:block; height:42px; width:143px; overflow:hidden; }
a.rol5lover:hover { display:block; text-indent:-143px; }
a.rol6lover { display:block; height:175px; width:143px; overflow:hidden; }
a.rol6lover:hover { display:block; text-indent:-143px; }
a.rol7lover { display:block; height:50px; width:133px; overflow:hidden; }
a.rol7lover:hover { display:block; text-indent:-133px; }

a.rolplover { display:block; height:27px; width:82px; overflow:hidden; }
a.rolplover:hover { display:block; text-indent:-82px; }
a.rolnlover { display:block; height:26px; width:52px; overflow:hidden; }
a.rolnlover:hover { display:block; text-indent:-52px; }

a.rolblover { display:block; height:26px; width:217px; overflow:hidden; }
a.rolblover:hover { display:block; text-indent:-217px; }

#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: #FFFFFF;
visibility: hidden;
z-index: 100;
font-family: "Arial", Helvetica, serif;
font-size: 12px;
font-weight: bold;
color: #000000;
line-height: 12px;
text-align: center;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

.labelfield{ /*CSS for label field in general*/
color:000000;
font-family: "Arial", Helvetica, serif;
font-size: 12px;
font-weight: bold;
color: #000000;
line-height: 12px;
text-align: left;
}

.datefield{ /*CSS for date field in general*/
color:5b5b5b;
font-size: 10px;
}

#example1 li{ /*CSS specific to demo 1*/
margin-bottom: 8px;
color:000000;
font-family: "Arial", Helvetica, serif;
font-size: 12px;
font-weight: bold;
color: #000000;
line-height: 12px;
text-align: left;
}

a.rolc1lover { display:block; height:134px; width:427px; overflow:hidden; }
a.rolc1lover:hover { display:block; text-indent:-427px; }
a.rolc2lover { display:block; height:30px; width:176px; overflow:hidden; }
a.rolc2lover:hover { display:block; text-indent:-176px; }

.cpanel1 {
font-family: "Arial", Helvetica, serif;
font-size: 14px;
font-weight: bold;
color: #000000;
line-height: 14px;
text-align: left}
.cpanel2 {
font-family: "Arial", Helvetica, serif;
font-size: 8px;
font-weight: bold;
color: #42788e;
line-height: 11px;
text-align: left}
.cpanel3 {
font-family: "Arial", Helvetica, serif;
font-size: 11px;
font-weight: none;
color: #000000;
line-height: 11px;
text-align: left}


.label{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#FFFFFF;
}

a.rolco1lover { display:block; height:33px; width:414px; overflow:hidden; }
a.rolco1lover:hover { display:block; text-indent:-414px; }