body {
font: 95%/1.6 arial, helvetica, sans-serif;
color: #ffffff;
background-color: #000000;
padding: 0;
margin: 0;
min-width:  600px;
}

/* Universal stuff */
a { color: #ffffff }
a:hover { text-decoration: none }
a:visited { color: #ffffff}

a img { border: 0;}

b {font-size: 100%;}

.date {font-weight:bold; color:#000000;font-size:16px;}

.center {text-align: center;}

.menubox
{
 		border: 2px solid rgb(176,196,222);
		margin: 5px;	
}
.depthbox
{
border: 5px solid;
border-color: #666 #333 #333 #666;
}
.depthbox:hover
{
border-color: #333 #666 #666 #333;
}

h1 {
color:rgb(176,196,222);
font-size:22px;
font-weight:bold;
text-align: center;
}

h2 {
color:rgb(176,196,222);
font-size:18px;
font-weight:bold;
}

.post1 {
background-color:#1a2f2f;
border-top:1px solid #ffffff;
border-bottom:1px solid #ffffff;
margin-left:-30px;
margin-right:-30px;
padding-left:30px;
padding-right:30px;
}

/* Header stuff */
#header {
background: url(mainbanner.jpg) bottom left repeat-x;
text-transform: none;
z-index: 1;
height: 160px;
}

#header * {
padding: 0;
border: 0;
margin: 0;
}

p #blah {
position: absolute;
border: 0;
font-size: 0px;
color: #000000;
}

#blah {
z-index: 3;
right: 0;
height: 180px;
width: 375px;
background: url(officialnew.png) right no-repeat;
}

#header div {
background: left no-repeat;
height: 180px;
width: 100%;
position: absolute;
z-index: 2;
top: 0px;
left: 0px;
}

.jojo #header {
background-image: url(mainbanner.jpg) ;
}


/* Menu Tabs */
#tabs {
float:left;
width:100%;
background:#000000;
font-size:100%;
line-height:normal;
min-width: 600px;
}

* html #tabs {/* Hack to set minimum width for IE browsers */
width:expression(document.body.clientWidth > 750? "100%" :"750px");}

#tabs ul {
margin:0;
padding:10px 10px 0 10px;
list-style:none;
}

#tabs li {
display:inline;
margin:0;
padding:0;
}

#tabs a {
float:right;
background:url("tableft.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
font-weight:bold;
}

#tabs a span {
float:right;
display:block;
background:url("tabright.gif") no-repeat right top;
padding:5px 12px 4px 6px;
color:#666;
}

#tabs #current a {
float:right;
background:url("tableft_current.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
font-weight:bold;
border-bottom: 1px solid #ffffff;
}

#tabs #current a span {
float:right;
display:block;
background:url("tabright_current.gif") no-repeat right top;
padding:5px 12px 4px 6px;
color:#ffffff;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
/* End IE5-Mac hack */
#tabs a:hover span {
color:#000;
}

.nocurrent #tabs a{
border-bottom: 1px solid #000000;
}

#tabs a:hover {
background-position:0% -42px;
border-bottom: 1px solid #4b75a9;
}

#tabs a:hover span {
background-position:100% -42px;
}

#tabs #current a span {float:none;}
#tabs #current a:hover span {
color:#ffffff;
}
    
/* Main Content */

#container {
margin: 0;
background-color: #657b96;
padding-left: 150px;
padding-right: 50px;
position: relative;
overflow: hidden;
}

#container .column {
float: left;
padding-bottom: 20000px;   
margin-bottom: -20000px;
}

#topstripe{
clear: both;
height: 35px;
width: 100%;
background: #657b96;
}

#contentcolumn{
background: #657b96;
padding-top: 1em;
padding: 10px 20px;
width: 100%;
}

#leftcolumn{
position: relative;
width: 130px;          
padding: 0 10px;
margin-left: -100%;
background: #657b96;
left: -190px;
}

/*** IE6 Fix***/

* html #leftcolumn {
  left: 10px; 
  float: left;
}
*html>body #leftcolumn {
margin-left: -120%;

}
* html #vertmenu {
  margin-right: -10px;
	         
}  

 
#rightcolumn {
position: relative
width: 130px;   
padding: 0 10px;       
margin-right: -190px;  
}

#footer{
clear: both;
position: relative;
width: 100%;
height: 50px;
background: black;
color: #e0ffff;
text-align: center;
padding: 4px 0;
padding-top: 1em;
font-size:10px;
}

#footer a{
color: #4b75a9;
}

.innertube{
margin-left: 10px; 
margin-top: 0;
}


#vertmenu {
font-family: Verdana, Arial, Helvetica, sans-serif;
width: 150px;
padding-top: 0px;
margin-left: -10px;
margin-top: 40px;
background-color:#677d98;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
}


#vertmenu .on {
background-color: #677d98;
font-weight: bold;
}

#vertmenu .sub {
background-color: #677d98;
text-indent: 20px;
}

#vertmenu .subon {
background-color: #677d98;
font-weight: bold;
#text-indent: 20px;
}

#vertmenu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
#vertmenu li {
margin: 0px;
padding: 0px;
}

#vertmenu li a {
font-size: 90%;
display: block;
border-bottom: 1px solid #000000;
border-top: 1px solid #000000;
padding: 4px 0px 2px 4px;
text-decoration: none;
color: #000000;
width:146px;
}

#vertmenu li a:hover, #vertmenu li a:focus {
color: #000000;
background-color: #dddddd;
font-weight: bold;
width: 146px;
}	

#vertmenu li.on a:hover, #vertmenu li.on a:focus {
color: #000000;
background-color: #677d98;
font-weight: bold;
}	

#vertmenu li.sub a {
color: #000000;
font-size: 80%;
border-top:1px solid #333333;
border-bottom:1px solid #333333;
}

#vertmenu li.sub a:hover, #vertmenu li.on a:focus {
color: #000000;
background-color: #677d98;
font-weight: bold;
width: 146px;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
}

#vertmenu li.subon a {
color: #dddddd;
font-size: 80%;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
}

#vertmenu li.subon a:hover, #vertmenu li.on a:focus {
color: #dddddd;
background-color: #677d98;
font-weight: bold;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
}


* html #vertmenu li a:hover {
border-right: 0px;
}
* html #vertmenu li a:focus {
border-right: 0px;
}
* html #vertmenu li.sub a:hover {
border-right: 0px;
}
* html #vertmenu li.on a:focus {
border-right: 0px;
}