/* Vertical Navigation */

#navigation h2 {
	font-size: 10px;
	font-weight: normal;
	background-color: #333;
	border-top: 1px solid #222;
	border-bottom: 1px solid #222;
  margin: 0;
	padding: 4px;
}
	
#navigation ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

* html #navigation ul li, #navigation a {
height: 1%;
}

#navigation a {
	display: block;
	color: #FCF8CF;
	padding: 2px;
	text-decoration: none;
	background-image:url(images/subdiv.gif);
	background-position: bottom;
}

#navigation a:hover {
	color: #222;
	background-color: #F6EA6F;
	background-image: none;
}

/* Horizontal Navigation */

#white ul {
	position:relative;
	float:left;
	width:100%;
	background-color: #333;
  background-image:url(images/subdiv.gif);
  white-space : nowrap;
	padding:0 0 0 0;
	margin:0 0 0 0;
	list-style:none;
	line-height:1em;
}
#white li {
	float:left;
	margin:0;
	padding:0;
}
#white a {
	display:block;
	color:#DDD;
	float : left;
  text-decoration:none;
  font-family : Helvetica, Verdana, Arial, sans-serif;
  font-weight:bold;
	font-size: 13px;
  white-space : nowrap;
  background: transparent;
	margin:0;
	padding:10px 5px 7px 5px;
	border-right:1px solid #000;
}
#white a:hover {
  color: #222;
	background-color:#F6EA6F;
}
#white a:active{
  color: #222;
	background-color:#FFF;
}
#white a.here:link,
#white a.here:visited {
	position:relative;
	z-index:102;
}

/* Links */

a { 
  color : #FCF8CF; 
  text-decoration : none; 
  font-size : 11px; 
  font-weight:normal; 
  font-family : Verdana, Arial, Helvetica, sans-serif;
  }
a:hover { color : #F6EA6F;
  }
a:active { color: #B9F010;
}	
a.side { 
  color : #FCF8CF; 
  text-decoration : none;	
  font-size : 10px;	
  font-weight:normal; 
  font-family : Verdana, Arial, Helvetica, sans-serif;
  }
a:hover.side { color : #F6EA6F;
  }
a:active.side { color: #B9F010;
}

a.footerlink {	
  color : #FCF8CF;	
  text-decoration : none;	
  font-size : 11px;	
  font-weight: normal; 
  font-family : Verdana, Arial, Helvetica, sans-serif;
  }
a:hover.footerlink {	color : #B9F010;
}

/* Top user info stuff */

a.userbutton {
	color: #DDD;
	font-size: 9px;
	padding: 0px 4px;
	margin: 0px 4px;
	background-color: #555;
	border: 1px solid #222;
	text-decoration: none;
}
a:hover.userbutton {
	background-color: #444;
	color: #DDD;
	font-size: 9px;
	padding: 0px 4px;
	margin: 0px 4px;
	border: 1px solid #B9F010;
	text-decoration: none;
	vertical-align: middle;
}
.user-info{
  width: 100%;
  float: left;
  display: inline;
  color : #000;
  text-align:left; 
  padding: 2px 10px 2px 10px;
}
.user-img{
  border: 0px;
  margin-right: 5px;
  margin-left: 5px;
  margin-bottom: -3px;
}
.button2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size : 9px;
  color : #DDD;
  background-color : #555;
  border: 1px solid #222;
}

/* JS Clock */

#clock{
  font-size: 9px;
  font-family : Helvetica, Verdana, Arial, sans-serif;
  color: #FCF8CF;
  background-color: #333;
  text-align: center;
  width: 60px;
  margin-right: 7px;
  margin-left: 5px;
  border-top: 1px solid #222;
  border-left: 1px solid #222;
  border-bottom: 1px solid #939082;
  border-right: 1px solid #939082;
}
.sub-header {
  text-align: left;
  background-color : #333;
  border: 1px solid #000;
  border-bottom: 1px solid #444;
  border-top: 1px solid #444;
}

.white-header {
  background-color: #333;
	background-image:url(images/subdiv.gif); 
} 
.full-header {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #413839;
	text-align: left;
	background-color : transparent;
  padding : 0 0 0 0;
  margin: 0 0 0 0;
}
.borderl {
  width: 40px;
  background-image: url(images/b-left.jpg);
  background-repeat: repeat-y;
  background-position: right;
}
.borderr {
  width: 40px;
  background-image: url(images/b-right.jpg);
  background-position: right;
  background-repeat: repeat-y;
}
img {border: 0px;
}

body {	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
  color: #DDD;
  background-color: #171717;
  padding:0;
	margin: 0;
}
form {margin : 0px;
}
hr {border: none 0; 
	border-top: 1px solid #000;
	border-bottom: 0px;
  width: 100%;
  height: 1px;
	margin: 2px 0 2px 0;
}
hr.side-hr {border: none 0; 
	border-top: 1px solid #000;
	border-bottom: 0px;
	width: 100%;
	height: 1px;
	margin: 2px;
}
td {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
  color : #DDD;
}
pre {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
}
.alt {
	color : #565656;
}
.outer-border {
  border : 0px;   
  border-bottom: 1px solid #222;
  background-color: #333;
} 
.footer {
	text-align: center;
  font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
  font-weight: bold;
  color: #000;
  background-color : #333;
	background-image: url(images/foot-bottom.gif);
	background-repeat: repeat-x;
  background-position: bottom left;
  padding : 10px 10px 20px 10px;
}
.footer-2 {
	text-align: center;
  font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
  font-weight: bold;
  color: #000;
  background-color : #333;
  background-image: url(images/footer.jpg);
	background-repeat: repeat-x;
  background-position: top left;
	padding : 45px 10px 5px 10px;
}
.button {
  font-family: Helvetica, Verdana, Arial, sans-serif;
  font-size : 11px;
  font-weight : bold;
  color : #DDD;
  background-color : #555;
  border-top: 1px solid #939082;
  border-left: 1px solid #939082;
  border-bottom: 1px solid #222;
  border-right: 1px solid #222;
  margin-top: 4px;
  padding: 2px;
}

.bbcode {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	background-color : #555;
	border-top: 1px solid #939082;
  border-left: 1px solid #939082;
  border-bottom: 1px solid #222;
  border-right: 1px solid #222;
	margin-top: 2px;
}

.textbox {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
  color : #DDD;
  background-color : #555;
  border-top: 1px solid #222;
  border-left: 1px solid #222;
  border-bottom: 1px solid #939082;
  border-right: 1px solid #939082;
	margin: 2px 0px;
  }
.textbox:hover, .bbcode:hover, .button:hover, .button2:hover {
  border: 1px solid #FCF8CF;
}
.main-body {
	font-size : 11px;
	color : #DDD;
  background-color: #333;
  padding : 5px 5px 5px 5px;
}
.side-body {
	font-size : 10px;
	color : #DDD;
  background-color: #333;
  background-image: url(images/sbody.gif);
	background-repeat: no-repeat;
  background-position: bottom right;
  padding : 4px 4px 18px 4px;
  border: 1px solid #222;
  border-top: 0px;
}
.side-bodyr {
	font-size : 10px;
	color : #DDD;
  background-color: #333;
  background-image: url(images/sbody.gif);
	background-repeat: no-repeat;
  background-position: bottom left;
  padding : 4px 4px 18px 4px;
  border: 1px solid #222;
  border-top: 0px;
}
.side-bodyx {
	font-size : 10px;
	color : #DDD;
  background-color: #333;
  padding : 4px 4px 2px 4px;
  border: 1px solid #222;
  border-top: 0px;
}
.main-bg {
	color : #DDD;
	background-color: #333;
  padding : 10px 5px 10px 5px;
}
.border {
	border : 1px solid #D7CFC8;
}

.side-left .side-border-right {display: none;}
.side-right .side-border-left {display: none;}

.side-border-left {
	width : 170px;
  color : #DDD;
	background-color: #333;
  padding : 7px 5px 2px 5px;
}
.side-border-right {
	width : 170px;
  color : #DDD;
  background-color: #333;
  padding : 7px 5px 2px 5px;
}

.tablebreak{
  height: 5px;
}

/* News and articles */

.news-capmain {
	font-family : Helvetica, Verdana, Arial, sans-serif;
	font-size : 14px;
	font-weight : bold;
	color : #DDD;
	background-color: #333;
	background-image: url(images/sbody.gif);
	background-repeat: no-repeat;
  background-position: left;  
  border: 1px solid #222;
  padding : 6px 3px 6px 26px;
}

.news-category {
	border: 0;
	margin: 3px;
	float: right;
}

.news-author{
  font-size: 10px;
  color: #888;
  font-weight: normal;
  float: right;
  margin-top: -14px;
  margin-right: 5px;
}
.news-body {
	font-size : 11px;
	color : #DDD;
	background-color : #333;
  padding : 3px 5px 2px 5px;
  border-left: 1px solid #222;
  border-right: 1px solid #222;
}
.news-footer {
	font-size : 11px;
	color : #888;
  background-color: #333;
  background-image: url(images/sbody.gif);
	background-repeat: no-repeat;
  background-position: left;
	border: 1px solid #222;	
  padding : 4px 3px 4px 4px;
}

a.news { 
  color : #FCF8CF; 
  text-decoration : none; 
  font-size : 9px; 
  font-weight:normal; 
  font-family : Verdana, Arial, Helvetica, sans-serif;
  }
a:hover.news { color : #F6EA6F;
  }
a:active.news { color: #B9F010;
}

a.newsbutton {
	color: #DDD;
	font-size: 9px;
  display: block;
	float:left;
	padding: 0px 4px;
	margin: 0px 4px;
	background-color: #555;
	border: 1px solid #222;
	text-decoration: none;
}
a:hover.newsbutton {
	background-color: #444;
	color: #DDD;
	font-size: 9px;
  display: block;
	float:left;
	padding: 0px 4px;
	margin: 0px 4px;
	border: 1px solid #B9F010;
	text-decoration: none;
	vertical-align: middle;
}

a.readmore {
	color: #B9F010;
	font-size: 9px;
  display: block;
	float:left;
	padding: 0px 4px;
	margin: 0px 4px;
	background-color: #555;
	border: 1px solid #222;
	text-decoration: none;
}
a:hover.readmore {
	background-color: #444;
	color: #DDD;
	font-size: 9px;
  display: block;
	float:left;
	padding: 0px 4px;
	margin: 0px 4px;
	border: 1px solid #B9F010;
	text-decoration: none;
	vertical-align: middle;
}

/* .newsbutton {
	color: #bbb;
	font-size: 9px;
  display: block;
	float:right;
	padding: 0px 4px;
	margin: 0px 3px;
	background-color: #555;
	border: 1px solid #222;
	text-decoration: none;
	vertical-align: middle;
} */

/* Labels */

.capmain {
	font-family : Helvetica, Verdana, Arial, sans-serif;
	font-size : 13px;
	font-weight : bold;
	color : #DDD;
  border-bottom: 1px solid #222;
  padding : 4px 2px 6px 5px;
  margin-top: 40px;
}
.scapmain {
	font-family : Helvetica, Verdana, Arial, sans-serif;
	font-size : 11px;
	font-weight : bold;
	color : #DDD;
  border: 1px solid #222;
  background-image:url(images/scap.gif);
	background-repeat: no-repeat;
  background-position: right;
  padding : 6px 2px 8px 4px;
}
.scapmain2 {
	font-family : Helvetica, Verdana, Arial, sans-serif;
	font-size : 11px;
	font-weight : bold;
	color : #DDD;
  text-align: right;
  border: 1px solid #222;
  background-image:url(images/scap.gif);
	background-repeat: no-repeat;
	background-position: left;
  padding : 6px 4px 8px 2px;
}
.scapmain-x {
	font-family : Helvetica, Verdana, Arial, sans-serif;
	font-size : 11px;
	font-weight : bold;
	color : #DDD;
  text-align: right;
  border: 1px solid #222;
  padding : 6px 4px 2px 2px;
}
.scapmain-xx {
	font-family : Helvetica, Verdana, Arial, sans-serif;
	font-size : 11px;
	font-weight : bold;
	color : #DDD;
  text-align: left;
  border: 1px solid #222;
  padding : 6px 4px 2px 4px;
}
.side-label {
	font-family : Helvetica, Verdana, Arial, sans-serif;
  font-size: 11px;
  color : #DDD;
  background-color: #222;
  padding : 2px 4px 2px 2px;
  margin-top: 3px;
  margin-bottom: 3px;
}

/* TBL properties */

.center {
	margin: 0 auto;
}

.tbl-border {
	color : #DDD;
	background-color : #222;
}
.tbl {
	font-size : 11px;
	color : #DDD;
  background-color : #333;
  padding : 2px;
}
.tbl1 {
	font-size : 11px;
	color : #DDD;
  background-color : #333;
  padding : 4px;
}
.tbl2 {
	font-size : 11px;
	color : #DDD;
  background-color : #444;
  padding : 4px;
}
.forum-caption {
	font-family : Helvetica, Verdana, Arial, sans-serif;
  font-size : 12px;
	font-weight : bold;
	color : #DDD;
  background-color :#333;
  background-image:url(images/subdiv.gif);
  background-repeat: repeat-x;
  border-top: 1px solid #444;
  border-bottom: 1px solid #444;
  padding : 10px 4px 2px 5px;
}
.quote {
	font-size : 11px;
	color : #333;
	background-color : #DDD;
	padding : 4px 4px 4px 5px;
	margin : 5px;
	background-image:url(images/quotebg.gif);
  border-top: 1px solid #222;
  border-left: 1px solid #222;
  border-bottom: 1px solid #939082;
  border-right: 1px solid #939082;
}
.poll {
	height : 10px;
  background-color : #E8E8F1;
	border-top: 1px solid #939082;
  border-left: 1px solid #939082;
  border-bottom: 1px solid #222;
  border-right: 1px solid #222;	
}
.comment-name {
	font-weight : bold;
	color : #DDD;
}
.shoutboxname {
	font-weight : bold;
	color : #DDD;
}

.shoutbox {
	font-size : 9px;
  color : #DDD;
}
.shoutboxdate {
	font-size : 9px;
	color : #DDD;
}
.small {
	font-size : 11px;
	font-weight : normal;
}
.small2 {
	font-size : 11px;
	font-weight : normal;
	color : #DDD;
}
.side-small {
	font-size : 10px;
	font-weight : normal;
	color : #DDD;
  padding: 2px;
}

/* Message */

.admin-message {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	background-color: #171717;
	border: 1px solid #FFF;
	padding: 3px 4px 5px 4px;
	margin-bottom: 5px;
}

/* Page Navigation */

.pagenav {
	padding: 4px;
}

.pagenav span {
	color: #DDD;
	background-color: #333;
	border-top: 1px solid #222;
  border-left: 1px solid #222;
  border-bottom: 1px solid #939082;
  border-right: 1px solid #939082;
	padding: 2px 4px 2px 4px;
	margin: 2px;
}

.pagenav a {
	color: #DDD;
	background-color: #333;
	border-top: 1px solid #939082;
  border-left: 1px solid #939082;
  border-bottom: 1px solid #222;
  border-right: 1px solid #222;
	padding: 2px 4px 2px 4px;
	margin: 2px;
	text-decoration: none;
}

.pagenav a:hover {
	color: #333;
	background-color: #FCF8CF;
	margin: 2px;
	text-decoration: none;
}