body {margin:0; padding:0; background:url(images/body.jpg)}
form, div {margin:0; padding:0}

td, tr {font:14px tahoma, arial, helvetica, sans-serif; color:#5885AF; vertical-align:top;
 text-align:right; margin-right:14px;}

td, tr div {font:14px tahoma, arial, helvetica, sans-serif; /*color:#5885AF;*/color:#FFFFFF; vertical-align:top;
 text-align:right;}
 
.end{ color:#5885AF; text-decoration:none; font-size:9px; line-height:14px; vertical-align:bottom; padding-top:auto;}
.end a{ color:#5885AF; text-decoration:underline;}
.end a:hover{ color:#5885AF; text-decoration:none;}

.about1{
color:#FFCC66;
}

.about2{
color:#66CC33;
}

.smt1 , .smt1 a{
color:#FFCC66;
text-decoration:none;
}

.smt1 a:hover{
color:#cc9933;
text-decoration:none;
}

.smt2 , .smt2 a{
color:#66CC33;
text-decoration:none;
}

.smt2 a:hover{
color:#339933;
text-decoration:none;
}


.smt3 , .smt3 a{
color:#5885AF;
text-decoration:none;
}
.smt3 a:hover{
color:#993300;
text-decoration:none;
}

.m1{ background-image:url(images/m1.jpg); background-repeat:no-repeat;}
.m1m{ background-image:url(images/m1m.jpg); background-repeat:no-repeat;}
.m2{ background-image:url(images/m2.jpg); background-repeat:no-repeat;}
.m2m{ background-image:url(images/m2m.jpg); background-repeat:no-repeat;}
.m3{ background-image:url(images/m3.jpg); background-repeat:no-repeat;}
.m3m{ background-image:url(images/m3m.jpg); background-repeat:no-repeat;}
.m4{ background-image:url(images/m4.jpg); background-repeat:no-repeat;}
.m4m{ background-image:url(images/m4m.jpg); background-repeat:no-repeat;}
.m5{ background-image:url(images/m5.jpg); background-repeat:no-repeat;}
.m5m{ background-image:url(images/m5m.jpg); background-repeat:no-repeat;}

.m1f{ background-image:url(images/m1f.jpg); background-repeat:no-repeat;}
.m1mf{ background-image:url(images/m1mf.jpg); background-repeat:no-repeat;}
.m2f{ background-image:url(images/m2f.jpg); background-repeat:no-repeat;}
.m2mf{ background-image:url(images/m2mf.jpg); background-repeat:no-repeat;}
.m3f{ background-image:url(images/m3f.jpg); background-repeat:no-repeat;}
.m3mf{ background-image:url(images/m3mf.jpg); background-repeat:no-repeat;}
.m4f{ background-image:url(images/m4f.jpg); background-repeat:no-repeat;}
.m4mf{ background-image:url(images/m4mf.jpg); background-repeat:no-repeat;}
.m5f{ background-image:url(images/m5f.jpg); background-repeat:no-repeat;}
.m5mf{ background-image:url(images/m5mf.jpg); background-repeat:no-repeat;}
.m6f{ background-image:url(images/m6f.jpg); background-repeat:no-repeat;}
.m6mf{ background-image:url(images/m6mf.jpg); background-repeat:no-repeat;}
.m7f{ background-image:url(images/m7f.jpg); background-repeat:no-repeat;}
.m7mf{ background-image:url(images/m7mf.jpg); background-repeat:no-repeat;}

a{ color:#FD7914; text-decoration:underline;}
a:hover{ color:#FD7914; text-decoration:none;}

.ins td span a{ color:#00FFFF; text-decoration:underline;}
.ins td span a:hover{ color:#00FFFF; text-decoration:none;}

b a{ color:#00FFFF; text-decoration:none; font-size:10px;}
b a:hover{ color:#00FFFF; text-decoration:underline; font-size:10px;}

.deep1 td div{ color:#5885AF; font-size:12px; line-height:18px;}
.deep1 td span a{ color:#3C87CE; font-size:12px; text-decoration:none; text-transform:uppercase; font-weight:bold}
.deep1 td span a:hover{ color:#3C87CE; font-size:12px; text-decoration:underline; text-transform:uppercase; font-weight:bold}

.deep td{ color:#6E9AC4; font-size:11px;}
.deep td strong{ color:#3C87CE; font-weight:bold; text-transform:uppercase}
.deep td span{ color:#5885AF; font-size:9px; line-height:12px;}
.deep td span strong a{ color:#3C87CE; font-size:9px; text-transform:uppercase; text-decoration:none}
.deep td span strong a:hover{ color:#3C87CE; font-size:9px; text-transform:uppercase; text-decoration:underline}


.deep_t td{ color:#5885AF;}
.deep_t td strong{ color:#3C87CE; text-transform:uppercase; font-weight:bold;}
.deep_t td a{ color:#5885AF; text-decoration:underline}
.deep_t td a:hover{ color:#5885AF; text-decoration:none}
/*.deep_t td div a{color:#5885AF; text-decoration:none;}*/
.deep_t td div a:hover{ color:#5885AF; text-decoration:underline}
.deep_t td div b{ color:#5885AF; text-decoration:none; font-size:14px; color:#00FFFF;}
/*.deep_t td div b{ color:#5885AF; text-decoration:underline;  font-size:14px; color:#00FFFF;}*/
.deep_t td b a{ color:#5885AF; text-decoration:none; font-size:10px; color:#00FFFF;}
.deep_t td b a:hover{ color:#5885AF; text-decoration:underline;  font-size:10px; color:#00FFFF;}
//for donjin page
.deep_t  a{color:#5885AF; text-decoration:none;}
.deep_t  a:hover{ color:#5885AF; text-decoration:underline}

.f1{ width:148px; height:19px; border:1px solid #002647; background:#0A3861; padding:1px 0 1px 4px; color:#FFFFFF;}
.f2{ width:550px; height:80px; border:1px solid #002647; background:#0A3861; padding:1px 0 1px 4px; color:#FFFFFF; overflow:auto; margin-right:0;}


.deep2  div{ color:#FFFFFF; font-size:9px; line-height:12px;}

.LstHeader {margin-right:10px; text-align:right; height:auto; color:#FFFFFF;}

.r1 ul { margin:0; padding:0;list-style:none; line-height:16px; }
.r1 li { background:url(images/ch_1.gif) center right no-repeat; margin:0 8px 0 0; padding:0 0px 0 0; }
.r1 li a { color:#00FFFF; text-decoration:none;  background-position:right ; }
.r1 li a:hover { text-decoration:underline; color:#00FFFF; }





//my tests
div.r1.trigger{
margin:5 5 0 0;
}