* {margin: 0; padding: 0;}
body, html{height:5200px;}

body{background:#fff url(../img/bellabwtrb5.png) no-repeat -0.5% 0%; font-family:Arial,Verdana,Sans-serif; font-size:1.0em; color:#000; padding:0}

#header{text-align:left;width:100%; height:45px; font: 175% Georgia,Arial,Verdana,Sans-serif; color:#E6E6FA; font-weight: bold; padding-bottom:6px; padding-top:6px; padding-left:73%; border:1px solid #aaa; margin: 0 0 10px 0; background: url(../img/header1.jpg) repeat; opacity:0.80; filter: alpha(opacity=50);}

#content{position:relative; width:84%; height:100%; margin-top:5px; margin-left:auto !important; margin-right:auto !important; text-align:left}

#wiki li {font-size: 85%; margin-top: -1px; margin-left:40px;font-weight:500;list-style-image:url(../img/li.png);}

#leftcol{position:relative; width:19%; min-height:100%; padding-left:0; padding-right:0; float:left; text-align:left; clear:none; background-color:#F8F8FF; margin-top:0; opacity:0.80; border:1px solid #aaa;}

#leftxt{color:#000; position:absolute; width:99%; height:100%; padding-left:4%; padding-right:1%; float:left; text-align:left; right:auto; top:0; left:0}

#leftxt h3{color:#111; font-size:1.3em;}

.ltxt{font-weight:500; font-size:70%; width:95%; color:#000;}

.lbox{width:80%; border:1px solid #aaa; font-size:70%; font-weight:bold; font-style:italic; margin:15px 6px 0; padding:4px;}

.lbox a{color:#2B60DE; text-decoration:none}

.lbox a:hover{color:lime;}

.sbook {text-align:center;margin-top:20px;}

.lboxi{width:80%; border:1px solid #aaa; font-size:70%; font-weight:bold; color:#333; margin:15px 6px 0; padding:4px;}

.img {text-align:center; margin-top:20px; text-decoration:none;}
.img a{text-decoration:none; text-align:center;}

.alignright {float:right; text-decoration:none;}
.alignright a{text-decoration:none; float:right;}

.alignleft {float:left;}



#main{font-size:80%; position:relative; width:61%; height:100%; margin-bottom:5px; float:left; padding-left:1% !important; padding-right:1% !important; background-color:#F8F8FF; border-top:1px solid #777; border-bottom:1px solid #555;}

h1{font:140% Georgia,Arial,Verdana,Sans-serif; line-height:1.4em; color:#000; margin:.25em 0 0; padding:5px 0 2px}

h2{font:120% Georgia,Arial,Verdana,Sans-serif; color:#555; margin:.75em 0 .5em}

h3{font:130% Georgia,Arial,Verdana,Sans-serif; letter-spacing:.0.5em; font-weight:600; color:#555; margin:0.5em 0 0.5em}

#content img{border:0px;}

#content blockquote{margin:1em 20px}

#content blockquote p{margin:.75em 0}

#content p{line-height:1.2em}

#footer{width:83%; height: 33px; clear:both; font:60% Georgia,Arial,Verdana,Sans-serif; letter-spacing:.1em; color:#000; border:1px solid #aaa; text-align:center; margin: auto; padding-top: 10px; background: url(../img/footerbg.jpg) repeat;}

#footer a{color: navy; text-decoration:none;}

#footer a:hover{color:#347C17;text-decoration:underline;}

#footer a:visited{color:navy;}

.rtxtw{background: red; border:1px solid #aaa; font-size:85%; font-weight: bold; color:white; margin:15px 17px 0px; padding:3px !important}

.rtxt{background: #f4f4fd; border:1px solid #ddd; font-size:85%; color:#7F525D; margin:15px 17px 0px; padding:3px !important}

.rtxt a{font-size:100%; color:#2B60DE; text-decoration:none;}

.rtxt a:hover{font-size:100%; color:lime; text-decoration:none;}

.rtxt a:visited{font-size:100%; color:#2B60DE; text-decoration:none;}

.rtxtt{border-left:3px solid #ff0000; font-size:95%; color:#ff0000; margin:20px 17px 0px; padding:3px !important}

.rtxtt a{font-size:100%; color:#0ff; text-decoration:none;}

.rtxtt a:hover{font-size:100%; color:#fff; text-decoration:none;}

.rtxtt a:visited{font-size:100%; color:#0ff; text-decoration:none;}

.rtxtr{background:#fff url(../img/rrlogo2.jpg) no-repeat; border:1px solid #ddd; font-size:85%; color:#555; margin:30px 2px 0px; padding:2px !important}

.rtxtr a{font-size:70%; font-weight:700; color:#b50101; text-decoration:none;}

.rtxtr a:hover{font-size:70%; color:#ccc; text-decoration:none;}

.rtxtr a:visited{font-size:70%; color:#b50101; text-decoration:none;}


.links{border:1px solid #444; font-size:75%; color:#aaa; margin:6px 7px 0; padding:3px !important}

.links a{color: #0ff; text-decoration:none;}

.links a:hover{color: #8a88a2; text-decoration:none;}

.alien{border:1px solid #aaa; text-align:center; font-size:70%; color:#555; margin:4px 10px 3px; padding:2px !important}

.alien1{border:1px solid #aaa; text-align:center; font-size:70%; color:red; margin:4px 10px 3px; padding:2px !important}

.brand{border:1px solid #aaa; font-size:75%; background-color:orange; color:#000; margin:6px 2px 0; padding:3px !important}

.brand a{color: blue; text-decoration:none;}

.brand a:hover{color: #8a88a2; text-decoration:none;}


#rightcol{position:relative; width:15%; min-height:100%; float:left; padding-left:1%; padding-right:1%; border:1px solid #aaa; background:#F8F8FF; font-size:100%}

#rightcol h3{font-size:130%; text-align:center; color:#777}
#rightcol h2{font-size:70%; text-align:center; color:#777}

#distro
{
font-size:90%;
display:block;
margin:0;
padding: 0;
text-align: center;
}

#distro2
{
font-size:95%;
display:block;
margin:0;
padding: 0;
text-align: center;
}

#distro3
{
font-size:95%;
display:block;
margin:0;
padding: 0;
text-align: center;
}

ul#distro1
{
font-size:95%;
text-align: left;
list-style: none;
padding: 0;
margin: 0;
width: 94%;
}

ul#distro2
{
text-align: left;
list-style: none;
padding: 0;
margin: 0;
width: 94%;
}

ul#distro1 li
{
display: block;
margin: 0;
padding: 0;
}

ul#distro2 li
{
display: block;
margin: 0;
padding: 0;
}

ul#distro1 li a
{
font-size: 80%;
display: block;
width: 100%;
margin:0;
padding: 3px 0 3px 6px;
border-width: 1px 0px 1px 0px;
border-color: #E6E6FA #E6E6FA #eee #E6E6FA;
border-style: solid;
color: #444;
text-decoration: none;
background: #E6E6FA;
}

ul#distro2 li a
{
font-size: 80%;
display: block;
width: 100%;
margin:0;
padding: 3px 0 3px 6px;
border-width: 0px;
#border-color: #777 #555 #666 #777;
border-style: solid;
color: #444;
text-decoration: none;
background: #E6E6FA;
}

ul#distro1 li#active a
{
font-size: 80%;
display: block;
width: 100%;
margin:0;
padding: 3px 0 3px 4px;
background: #E6E6FA;
color: #ededed;
}

ul#distro2 li#active a
{
font-size: 80%;
display: block;
width: 100%;
margin:0;
padding: 3px 0 3px 4px;
background: #E6E6FA;
color: #ededed;
}

ul#distro1 li a:hover, ul#distro li#active a:hover
{
font-size: 80%;
display: block;
width: 100%;
margin:0;
color: #347C17;
text-decoration: underline;
background: #ddd;
#border-color: #777 #555 #666 #777;
}

ul#distro2 li a:hover, ul#distro li#active a:hover
{
font-size: 80%;
display: block;
width: 100%;
margin:0;
color: #347C17;
text-decoration: underline;
background: #ddd;
#border-color: #777 #555 #666 #777;
}

.mbox{display:block; margin-left:0 !important; margin-right:0 !important;}
.mbox *{display:block; height:1px; overflow:hidden; background:#bbb;}

.mbox1{border-right:1px solid #343241; padding-right:1px; margin-right:3px; border-left:1px solid #343241; padding-left:1px; margin-left:3px; background:#E6E6FA}
.mbox2{border-right:1px solid #1f1f22; border-left:1px solid #1f1f22; padding:0px 1px; background:#4c4965; margin:0px 1px}
.mbox3{border-right:1px solid #4c4965; border-left:1px solid #4c4965; margin:0px 1px}
.mbox6{border-right:1px solid #4c4965; border-left:1px solid #4c4965; margin:0px 1px}
.mbox4{border-right:1px solid #343241; border-left:1px solid #343241}
.mbox5{border-right:1px solid #484660; border-left:1px solid #484660}
.mbox_cont2{padding:0 7px; background:#E6E6FA; color:#444; font-size:85%}
.mbox_cont2 a{color:#2B60DE; text-decoration:none}
.mbox_cont2 a:hover{color:#347C17; text-decoration:underline;}
.mbox_cont3{padding:0 7px; background:#E6E6FA; color:#444; font-size:85%}
.mbox_contw7{padding:0 7px; background:red; color:white; font-size:85%}
.mbox_cont4{padding:0 7px; background:#cfcff5; color:#444; font-size:85%}
.mbox_cont3 a{color:#2B60DE; text-decoration:none}
.mbox_cont3 a:hover{color:#347C17; text-decoration:underline;}
.mbox_cont4 a{color:#2B60DE; text-decoration:none}
.mbox_cont4 a:hover{color:#347C17; text-decoration:underline;}
.mbox_cont1{padding:0 7px 4px 7px; background:#E6E6FA; color:#444; font-size:1.2em; font-weight:normal}

.spacer{margin-bottom:1px; margin-top:25px;}
.spacer2{background:#fff; margin-bottom:1px; margin-top:1px}

a.screen, a.screen:visited {
color:#2B60DE; 
position:relative; 
z-index:1;
}
a.screen b {
position:absolute;
visibility:hidden; /* hide the image */
width:300px; /* give it a width */
height:0; /* no height to solve an Opera bug that 
             makes it selectable when hidden */
border:1px solid #000; /* add a border */
left:0; /* position:the image */
top:30px;
}
a.screen:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.screen:hover b {
visibility:visible; /* make the image visible */
height:225px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.screen:hover b img {
border:0; /* remove the link border */
}