html, body {
text-align: center;
font-family: Tahoma, Geneva, sans-serif;
font-size: small;
height: 100%;
}
hr {
border: 0;
color: #000;
background-color: #000;
height: 1px;
}
div#splash {
position:absolute;
top:0;
left:0;
right:0;
bottom:0; 
background-color:black;
filter: alpha(opacity=60, style=0);
opacity: 0.6;
z-index:98;
}
div#splash_img {
position:absolute;
top:50%;
left:50%;
height:600px;
margin-top:-300px;
margin-left: -300px;
width: 600px;
z-index:99;
}
a:link {
color: black;
text-decoration: none;
}
a:visited {
color: black;
text-decoration: none;
}
a:hover {
color: red;
text-decoration: none;
}
a:active {
color: red;
text-decoration: none;
}
ul {
text-align: center;
padding: 0;
margin-left: 0;
}
li {
display: inline;
list-style-type: none;
}
div#container {
position:absolute;
left:50%;
margin-left: -400px;
width: 800px;
text-align: left;
}
div#text {
padding: 5px;
background: #B8C6C6; 
}
div#welcome {
display: block;
}
img {
border-style: none;
margin: 0 auto;
}
img.center {
border-style: none;
margin: 0 auto;
display: block;
margin-left: auto;
margin-right: auto
}
#text a:link {
text-decoration: underline;
}
#text a:visited {
text-decoration: underline;
}	
#text a:hover {
text-decoration: underline;
}
.topleft  {float: left;  width:38%; text-align:left;  }
.topright {float: right; width:58%; text-align:right; }
.mainleft  {float: left;  width:28%; text-align:center; }
.mainright {float: right; width:68%; text-align:left; }
.bottomleft {float: left; width:48%; text-align:left }
.bottomright {float: right; width:48%; text-align:right;}
.mainleft img {padding: 15px 0 15px 0;}
b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #B8C6C6}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}
.red {
font-weight: bold;
color: red;
}