html {
  height: 100%;
  margin-bottom: 1px;
}
body {
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #000000;
	color: #cccccc;
}
/* Tables should show empty cells. */
table
{
	empty-cells: show;
}
/** template layout stuff **/
#page_bg {
	height: 100%; 
	padding: 0;
	margin-bottom: 1px;
	background-color: #000000;
}
#bg-l {
	background: #000 url(images/bg-l.png) 0 0 repeat-x;
}
#bg-r {
	background: #000 url(images/bg-r.png) 100% 0 repeat-x;
}
/* header */
#top {
	width: 664px;
	height: 47px;
	padding: 16px 0 0 0;
	float: left;
	text-align: right;
	background: #232833 url(images/top_bg.png) 0 0 no-repeat;
}
.top_menu {
	margin: 0;
	padding: 0;
	height: 31px;
	width: auto;
	text-align: right;
}
#top-r {
	margin: 0;
	padding: 15px 0 24px 0;
	background: #232833 url(images/top_bg-r.png) 100% 0 no-repeat;
}
/* IE HACK */
html>body #top-r {
	padding: 15px 0 0 0;
	height: 48px;
}
/* END IE HACK */
#top-r input {
	padding: 2px;
	background: #000 url(images/input_top.png) 0 0 repeat-y;
	color: #ddd;
	border-top: 1px solid #000;
	border-right: 1px solid #444;
	border-bottom: 1px solid #444;
	border-left: 1px solid #000;
}
/* top navigation */
.toptab_back a, .toptab_back a:visited {
	text-decoration: none;
	float: right;
	display: block;
	height: 30px;
	padding: 0 10px;
	line-height: 30px;
	font-size: 11px;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
  	font-weight: bold;
	text-transform: uppercase;	
	background: blue url(images/menu_bg.png) repeat-x top;
	color: #292929;
}
.toptab_back a:hover {
	text-decoration: none;
	color: #ffffff;
}
.toptab_active_back a, .toptab_active_back a:visited {
	text-decoration: none;
	float: right;
	display: block;
	height: 30px;
	padding: 0 10px;
	line-height: 30px;
	font-size: 11px;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
  	font-weight: bold;
	text-transform: uppercase;	
	background: blue url(images/menu_bg.png) repeat-x top;
	color: #ffffff;
}
.toptab_active_back a:hover {
	text-decoration: none;
	color: #000;
}
.maintab_active_back a {
}
td.toptab_back, td.toptab_active_back {
}
.seperator_top {
	float: right;
	margin: 0;
	padding: 0;
	padding-left: 3px;
	height: 30px;
	background: blue url(images/menu_div.png) repeat-x top;
}
.toptab_back #quicklinks a, .toptab_back #quicklinks a:visited{
	background-image: none;
	background-color: transparent; 
	font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif;
	color: #5377a0;
	line-height: 20px;
	height: 20px;
	padding: 0 5px;
	float: none;
	text-transform: none;
}
.toptab_back #quicklinks a:hover {
	color: #ffffff;
}
.menu_end_l {
	float: right;
	margin: 0;
	padding: 0;
	padding-left: 2px;
	height: 30px;
	background: blue url(images/menu_end_l.png) repeat-x top;
}
/* main navigation */
#main_menu_l {
	margin: 0;
	padding: 0;
	width: 275px;
	height: 68px;
	display: block;
	float: left;
	background: #000 url(images/main_menu_l.png) 0 0 no-repeat;
}
#main_menu_top {
	margin: 0 0 0 275px;
	padding: 0;
	line-height: 16px;
	background: #000 url(images/main_menu_top.png) no-repeat;
}
/* END IE HACK */
#main_menu {
	margin: 0 0 0 275px;
	padding: 0;
	background: blue url(images/menu_bg.png) 0 0 repeat-x;
}
/* IE HACK */
html>body #main_menu {
	padding: 0;
	height: 30px;
}
/* END IE HACK */
#main_menu_bot {
	margin: 0 0 0 275px;
	line-height: 52px;
	background: #000 url(images/main_menu_botie.png) 0 0 repeat-x;
}
/* IE HACK */
html>body #main_menu_bot {
	line-height: 22px;
	background: #000 url(images/main_menu_bot.png) 0 0 repeat-x;
}
/* END IE HACK */
.maintab_back a, .maintab_back a:visited {
	text-decoration: none;
	float: left;
	display: block;
	line-height: 30px;
	padding: 0 10px;
	line-height: 30px;
	font-size: 11px;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
  	font-weight: bold;
	text-transform: uppercase;	
	background: blue url(images/menu_bg.png) repeat-x top;
	color: #292929;
}
.maintab_back a:hover {
	text-decoration: none;
	color: #ffffff;
}
.maintab_active_back a, .maintab_active_back a:visited {
	text-decoration: none;
	float: left;
	display: block;
	line-height: 30px;
	padding: 0 10px;
	line-height: 30px;
	font-size: 11px;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
  	font-weight: bold;
	text-transform: uppercase;	
	background: blue url(images/menu_bg.png) repeat-x top;
	color: #ffffff;
}
.maintab_active_back a:hover {
	text-decoration: none;
	color: #000;
}
.maintab_active_back a {
}
td.maintab_back, td.maintab_active_back {
}
.seperator {
	float: left;
	margin: 0;
	padding: 0;
	padding-left: 3px;
	height: 30px;
	background: blue url(images/menu_div.png) repeat-x top;
}
#trooper {
	margin: 0;
	padding: 0;
	width: 243px;
	height: 113px;
	float: left;
	background: #232833 url(images/trooper.png) 0 0 no-repeat;
}
/* LOGO */
#logo-bg {
	margin: 0 0 0 243px;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	line-height: 113px;
	font-weight: bold;
	color: #999;
	background: url(images/logo_bg.png) 0 0 repeat-x;
}
#logo-bg  a {
	color: #5377a0;
}
#logo {
	margin: 0 0 0 243px;
	padding: 113px 0 0 0;
	font-family: "courier new", "times new roman", monospace;
	font-size: 36px;
	font-weight: bold;
	background: url(images/logo.png) 0 0 no-repeat;
}
/* IE HACK */
html>body #logo {
	padding: 0;
	height: 113px;
}
/* END IE HACK */
#content {
	text-align: left;
	color: #cccccc;
	background: #000000 url(images/content_bg.png) 0 0 repeat-x;
}
p {
  margin-top: 0;
  margin-bottom: 5px;
}
/* No image should have a border when linked */
a img{
border: 0;
}
/* A quote, perhaps from another post. */
.quote
{
	color: #f0f0ff;
	background-color: #223;
	border: 1px solid #5377a0;
	border-left: 4px solid #5377a0;
	margin: 1px;
	padding: 5px;
	font-size: x-small;
	line-height: 1.4em;
}

/* A code block - maybe even PHP ;). */
.code
{
	color: #f0f0ff;
	background-color: #000;
	font-family: "courier new", "times new roman", monospace;
	font-size: x-small;
	line-height: 1.3em;
	/* Put a nice border around it. */
	border: 1px solid #5377a0;
	border-left: 4px solid #5377a0;
	margin: 1px auto 1px auto;
	padding: 1px;
	width: 99%;
	/* Don't wrap its contents, and show scrollbars. */
	white-space: nowrap;
	overflow: auto;
	/* Stop after about 24 lines, and just show a scrollbar. */
	max-height: 24em;
}

/* The "Quote:" and "Code:" header parts... */
.quoteheader, .codeheader
{
	color: #ddd;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
	font-size: x-small;
	line-height: 1.6em;
}
/* Generally, those [?] icons.  This makes your cursor a help icon. */
.help
{
	cursor: help;
}
/* The main post box - this makes it as wide as possible. */
.editor
{
	width: 96%;
}
/* Highlighted text - such as search results. */
.highlight {
	background-color: yellow;
	font-weight: bold;
	color: black;
}
/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg, tr.windowbg td {
	padding: 5px;
	background: #000 url(images/winbg.png) 0 0 repeat-x;
	border-top: 1px solid #515151;
	border-right: 1px solid #0b0b0b;
	border-bottom: 1px solid #0b0b0b;
	border-left: 1px solid #515151;
}
.windowbg2,tr.windowbg2 td {
	padding: 5px;
	background: #000 url(images/winbg.png) 0 0 repeat-x;
	border-top: 1px solid #515151;
	border-right: 1px solid #0b0b0b;
	border-bottom: 1px solid #0b0b0b;
	border-left: 1px solid #515151;
}
.windowbg3,tr.windowbg3 td {
	padding: 5px;
	background: #000 url(images/winbg.png) 0 0 repeat-x;
	border-top: 1px solid #515151;
	border-right: 1px solid #0b0b0b;
	border-bottom: 1px solid #0b0b0b;
	border-left: 1px solid #515151;
}
/* the today container in calendar */
.calendar_today {
	background: #212121;
	border-top: 1px solid #515151;
	border-right: 1px solid #0b0b0b;
	border-bottom: 1px solid #0b0b0b;
	border-left: 1px solid #515151;
}
/* These are used primarily for titles, but also for headers (the row that says what everything in the table is.) */
table.nopad .titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td, tr td.titlebg {
	font-size: 100%;
	font-weight: bold;
	padding: 4px;
}
.titlebg, .titlebg a:link, .titlebg a:visited {
}
.titlebg a:hover {
}
/* same as titlebg, but used where bold text is not needed */
.titlebg2 a:link, .titlebg2 a:visited {
}
.titlebg2 a:hover {
}
.titlebg, .titlebg2 {
	background: #000 url(images/title_bg.png) 0 0 repeat-x;
}
/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor {
  
}
/* This is used on tables that should just have a border around them. */
.tborder {
  
}
.catbg, .catbg2, .catbg3 {
	font-weight: bold;
	background: #101010 url(images/cat_bg.png) 0 0 repeat-x;
	border-top: 1px solid #515151;
	border-right: 1px solid #0b0b0b;
	border-bottom: 1px solid #0b0b0b;
	border-left: 1px solid #515151;
}
/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
.smalltext {
	font-size: x-small;
	font-family: verdana, sans-serif;
}
.middletext {
  line-height: 18px;
  text-indent: 10px;
}
.normaltext {
	font-size: small;
}
.largetext {
	font-size: large;
}
/* Posts and personal messages displayed throughout the forum. */
.post, .personalmessage {
	width: 100%;
	overflow: auto;
	line-height: 1.3em;
}
/* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */
.signature {
	width: 100%;
	overflow: auto;
	padding-bottom: 3px;
	line-height: 1.3em;
}
/* Sometimes there will be an error when you post */
.error {
color: red;
}
#news {
	height: 80px;
	padding-top: 15px;
	overflow: hidden;
	margin-left: 485px;
	margin-bottom: 10px;
	margin-right: 0px;
	color: #999;
}
td.smalltext {
	font-weight: normal;
}
/* footer (smf copyright) */
#footer {
	margin: 0;
	padding: 20px 0;
	height: 40px;
	color: #444;
	text-align: center;
	background: #000 url(images/winbg.png) 0 0 repeat-x;
	border-top: 1px solid #515151;
	border-right: 1px solid #0b0b0b;
	border-bottom: 1px solid #0b0b0b;
	border-left: 1px solid #515151;
}
/* linktree intro */
.breadcrumb {
	margin:0px 0px 10px 5px;
	font-size:0.9em;
	text-decoration:none;
}
.pathway {
	font-weight: bold;
}
fieldset {
	border: 0;
	padding: 5px 0;
}
/*** fonts ***/
body {
		line-height: 125%;
		font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif;
		color: #4444444;
		font-size: 11px;
}
a {
	color: #5377a0;
}
a:hover {
	color: #ffffff;
}
#inset a {
	font-size: 110%;
}
/* font family */
#nav,
span.pathway,
#inset {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
a:link,
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
/* headings */
h1 {
	padding-bottom: 5px;
}
h2 {
   padding-bottom: 5px;
}
h3 { 
   padding-bottom: 0px;
}
h4 {
	 padding-bottom: 5px;
}
.small {
	font-weight: bold;
	color: #999;
}
.clr {
	margin: 0;
	padding: 0;
	clear: both;
}
#verificiation_image {
	margin: 0 0 5px 0;
	background-color: #ffffff;
}
input, select, .editor {
	background: #353535;
	color: #ddd;
	border-top: 1px solid #000;
	border-right: 1px solid #444;
	border-bottom: 1px solid #444;
	border-left: 1px solid #000;
}
input {
	padding: 2px;
}
/* The AJAX notifier */
#ajax_in_progress {
	background: #32CD32;
	color: white;
	text-align: center;
	font-weight: bold;
	font-size: 18pt;
	padding: 3px;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
}