* {
font-family:"Arial Rounded MT Bold","Helvetica","sans-serif";
font-style:normal;
}

a {color: #008;}
a:hover {color: #909;}

blockquote {
font: 80%;
margin-left: 30px;
padding-left: 5px;
}

body {
background-color:#363;
color: #050;
font: 100.01%;
}

h1 {
color: #909;
font: bold 120% ;
text-align: center;
}

h2 {
color: #050;
font-size: 100%;
padding-bottom: 2px;
text-align: justify;
}

h3 {
border: 0;
color: #009;
font: bold 90%;
padding-bottom: 2px;
}

h5 {
text-shadow: -2px 0 #0f0, 0 2px #060,
      2px 0 #060, 0 -2px #0f0;
border: 0;
color: #ccc;
font-size: 300%;
margin: 0px;
padding-bottom: 2px;
}



p, li, td {
font: 100% ;
color: black;
}

p.countertext{
background-color:#7b3;
color:#ff0;
font-family: "Terminal";
font-size: 11px;
margin-bottom: 4px;
text-align: center;

}
p.center{text-align: center;}



p.centerbox{
background-color:#fff;
border-color:#040;
}











#pfc_notloading img {display:none;}

#wrapper {
width: 65%;
background-image: url(../img/bg/bg7.jpg);
border: 1px solid #666600;
text-align: left;
margin-left: auto;
margin-right: auto;
min-height:800px;
}

#leftcontent {
background-color: white;
border: 1px solid #666600;
float: left;
width: 40%;
min-height:400px;
margin-top: 10px;
margin-left: 10px;
margin-right: 5px;
}

#content {
position: relative;
width: 96%;
border: 1px solid #33ff33;
min-height:190%;
float: right;
right:1px;
padding: 5px;
margin: -12px 5px 0px 0px;
background-color: white;
text-align: left;
}

#content embed{
float:right;
margin-right:10px;
}

#bigcontent {
position: fixed;
width: 96%;
border: 1px dotted #00ff00;
min-height:400px;
float: right;
right:1px;
padding: 5px;
margin: 0px 5px 0px 0px;
background-color: white;
text-align: left;
}



#chatContents{height:300px; width:200px;}

#leftbox input{
width:90%;
}
#messagebox {
background-image: url(../img/bg/bg8.jpg);
border: 1px dashed #ff0000;
width: 16%;
max-height:35%;
min-height:35%;
padding: 2px;
color: #cfc;
background-color: red;
font-size: 90%;
text-align: center;
left: 10px;
top:10px;
position:fixed;
float:left;
}

#leftbox {
background-image: url(../img/bg/bg7.jpg);
border: 1px dotted #00ff00;
width: 14%;
padding-top: 5px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
background-color: red;
text-align: center;
left: 10px;
bottom:10px;
position:fixed;
float:left;
}

#rightbox {
background-image: url(../img/bg/bg7.jpg);
border: 1px dotted #00ff00;
width: 14%;
max-height:95%;
min-height:95%;
padding-top: 5px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
background-color: red;
text-align: center;
right: 10px;
bottom:10px;
position:fixed;
float:right;
}



#sidebar {
background-color: white;
position:fixed;
float: right;
width: 20%;
margin-top: 10px;
margin-left: 10px;
margin-right: 10px;
}



#rightbar {
background-color: white;
position:fixed;
width: 160%;
margin-top: 10px;
margin-left: 10px;
padding-right: 1px;
}



#sidebar a {
color: #06c;
text-decoration: none;
}

#sidebar a:hover {
color: #147;
text-decoration: underline;
}

#masthead {
word-wrap: break-word;
background: #880088 url(../img/bg/old.jpg);
height: 20%;
border: 0;
margin: 0;
padding: 0;
text-align: center;
color: transparent;
font-style: normal;
}


/*
#masthead-text
{
text-align: center;
padding-top: 0px;
padding-bottom: 2px;
margin-bottom: 0px;
}

.masthead-title
{

font-size: 100%;
letter-spacing: 2px;
}


.masthead-subtitle
{
padding-top: 0px;
font-size: 140%;
letter-spacing: 1px;
text-align: center;
color:  white;
border: none;
padding: 0;
margin: 0;
}
*/




#clearer {
clear: both;
height: 0;
}

#footer
{
background: #cc00cc;
text-align: center;
height:10%;
width:100%;
}

#persistentfooter
{
position:fixed;
float:bottom;
text-align: center;
height:15%;
width:64%;
bottom: 20px;
}





#web2bar img
{
text-align: center;
border: 0px;
}

#web2bar td
{
text-align: center;
border: 0px;
}



#web2bar
{
border: 0px;
background: #ff00ff;
text-align: center;
font-size: .7em;
color:#fff;
}
#credits2
{
clear: both;
background: #363;
color: #fff;
font-size: 11px;
padding: 0px;
text-align: center;
min-height:40px;
}
#credits
{
clear: both;
background: #880088;
color: #fff;
font-size: 11px;
padding: 5px;
text-align: center;
margin-bottom: 0px;
}

#credits a
{
text-align: center;
color : White;
font-weight : normal;
text-decoration : underline;
}

#credits a:hover
{
color : Yellow;
}









#loginbar1 {
background-color:#fff;
color: #000;
}
#loginbar_lv1 a{
color: #000;
float: right;
}
#loginbar_lv1 a:hover{color:#808;}

#loginbar_lv2 {
background-color:#fff;
color: #000;
}

#loginbar_lv2 a{
color: #000;
float: right;
}
#loginbar_lv2 a:hover{color:#808;}

#loginbar_lv3 {	background-image:url('../img/bgA.jpg');}



#navbar{
position:relative;
bottom: 0px;}



ul#tabnav { /* general settings */
text-align: left; /* set to left, right or center */

font: bold 11px verdana, arial, sans-serif; /* set font as desired */
border-bottom: 1px solid #6c6; /* set border COLOR as desired */
list-style-type: none;

padding: 3px 3px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { /* do not change */
display: inline;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4 { /* settings for selected tab */
border-bottom: 0px solid #fff; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a { /* settings for selected tab link */
background-color: #fff; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
padding: 3px 3%; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #6c6; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #0fc; /* set unselected tab background color as desired */
color: #666; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
background: #f3f; /* set desired hover color */
}