/*Basic Setup*/

body {
	background: black;
	margin: 0 0 8px 0;
	font-family: Arial, Helvetica, sans-serif;
	color: white; 
	font-size: 13px;	
	}
	
table td {
	font-family: Arial, Helvetica, sans-serif;
	color: white; 
	font-size: 13px;
	vertical-align: top;
	}	

a:link {
	text-decoration: none;
	color: #99E3FF;}

a:active {
	text-decoration: none;
	color: #99E3FF;
	}

a:visited {
	text-decoration: none;
	color: #99E3FF;
	}

a:hover {
	color: #F0E8A0;
	}

input, select {
	font-size: 11px;
	}
	
.input {
	border: 0px;
	margin: 0 0 2px 0;
	background: #f0e8a0;
	}
	
form {
	margin: 0;
	padding: 0;
	}	

input.login-button {
	border: 0;
	margin: 0 0 2px 0;
	padding: 0;
	font-size: .9em;
	}

/* Logo */

#leftcorner-image {
	position: absolute; top: 0; left: 0; z-index: 1;
	width: 375px; 
	height: 120px;
	}

/* Banner Box */	

div#bannerbox {
	width: 468px;
	position: absolute; right: 3px; top: 2px; z-index: 1;
	padding: 0;
	}

/* Menu Header Bar */

img.Leftcorner_menuBack {
	position: absolute; top: 120px; z-index: 20;
	}

img.menuBarBack {
	position: absolute; top: 3px; left: 4px; z-index: 25;
	}

div.main-header {
	font-size: 12px;
	height: 20px;
	margin-top: 3px;
	border-right: 4px solid black;
	border-left: 25px solid black;
	text-align: right;
	padding: 1px 4px 1px 4px;
	}
	
div.main-header input {
	height: 1.3em;
	font-size: 11px;
	margin-top: 1px;
	width: 40px;
	}

div.flyout-menu {
	/*background: url("http://trekweb.com/images/menuBarBack.gif") no-repeat;*/
	margin: 0;
	padding: 0;
	position: absolute; top: 120px; left: 20px; z-index: 30;
	}

div.account-form {
	height: 20px;
	padding: 0 3px 0 0;
	}

div.account-form input {
	vertical-align: middle;
	}
	
/*Hack for IE*/
* html div.account-form input {
	margin: 0;
	}

/* Column Floats */

div#columns-float {
	width: 57%;
	float: left;
	}

/*Leftside Column*/

div#leftside {
	float: left;
	width: 160px;
	padding: 7px 2px 0 4px;	
	}
	
div#story-leftside {
	float: left;
	width: 160px;
	padding: 7px 2px 0 4px;	
	}	

.side-boxes {
	padding: 0 0 7px 0;
	width: 160px;
	overflow: hidden;
	_zoom:1;
	_position:relative;
	}

div#air-sched {
	text-align: center;
	}

.side-box-backs {
	position: relative;
	padding: 1px 4px 1px 7px;
	font-size: 12px;
	background: #00317b;
	zoom:1;
	}

.side-topics {
	font-size: 11px;
	line-height: 1.2em;
	margin: 0 6px 1px 1px;
	padding: 0 0 1px 0;
	font-weight: normal;
	}

.top5numCom {
	font-size: 11px;
	margin: 0 6px 1px 1px;
	padding: 0 0 1px 0;
	text-align: right;
	}

.side-bits {
	font-size: 11px;
	line-height: 1.2em;
	margin: 0 6px 0 1px;
	padding: 0 0 1px 0;
	}
	
.tribCom {
	background: #042966;
	border-bottom: 1px solid #f0e8a0;
	font-size: 11px;
	text-align: right;
	margin: 0 6px 4px 1px;
	padding: 1px 0 0 0;
	}	

.side-boxes-subtext {font-size: 11px; background: #042966; text-align: 
right; padding: 0; margin: 3px 0 0 0; border-bottom: 1px solid #F0E8A0;}

.side-boxes-subtext-topics {font-size: 10px; background: #042966; text-align: right; padding: 0; 
margin: 3px 0 0 0; border-bottom: 1px solid #F0E8A0; 
}

.side-boxes-subtext-front {	font-size: 11px; background: #042966; text-align: right; padding: 0; 
margin: 3px 0 0 0; border-bottom: 1px solid #F0E8A0; }

.bits-date {
	font-size: 11px;
	color: #F0E8A0;
	font-weight: bold;
	padding: 0;
	margin: 0;
	}

.live-guest {
	font-weight: bold;
	margin: 0;
	padding: 0;
	}


.live-description {
	font-size: 12px;
	margin: 0;
	padding: 0;
	}	

.live-schedule {
	font-style: italic;
	font-size: 12px;
	margin: 0;
	padding: 0;
	}

.stardates {
	font-size: 12px;
	margin: 0;
	padding: 0 0 2px 0;
	}

#copyright {
	color: #aaa;
	}

/* Front Page Columns */

div.features-column {
	padding: 6px 1px 0 3px;
	}

div#news-wrapper {
	text-align: center;
	padding: 6px 0 0 0;
	width: 43%;
	float: right;
	}

div.features-head {
	background: #00317b url("http://trekweb.com/images/featHeadBack.gif") repeat-x;
	margin: 0 auto 0 164px;
	padding: 0;
}

h2.features {
	background: transparent url("http://trekweb.com/images/featHeadLeft.gif") no-repeat;
	margin: 0;
	padding: 0;
	text-align: right;
}

div#news-column {
	padding: 0 2px 0 0;
	border-left: 2px solid black;
	}

div.news-head {
	background: #00317b url("http://trekweb.com/images/newsHeadBack.gif") repeat-x;
	margin: 0 0 0 auto;
	width: 100%;
	padding: 0;
}

h2.news {
	background: transparent url("http://trekweb.com/images/newsHeadLeft.gif") no-repeat;
	margin: 0;
	padding: 0;
	text-align: right;
}

div.cons-head {
	background: #00317b url("http://trekweb.com/images/consHeadBack.gif") repeat-x;
	margin: 0 auto 0 164px;
	padding: 0;
}

h2.cons {
	background: transparent url("http://trekweb.com/images/consHeadLeft.gif") no-repeat;
	margin: 0;
	padding: 0;
	text-align: right;
}

div.links-head {
	background: #00317b url("http://trekweb.com/images/linksHeadBack.gif") repeat-x;
	margin: 0 auto 0 164px;
	padding: 0;
}

h2.links {
	background: transparent url("http://trekweb.com/images/linksHeadLeft.gif") no-repeat;
	margin: 0;
	padding: 0;
	text-align: right;
}

div.story-head {
	background: #00317b url("http://trekweb.com/images/storyFeatHeadTop2.gif") repeat-x;
	margin/**/: 0 auto 0 0px;
	padding: 0;
	text-align: right;
}

span.headline-header-left {
	position: absolute; left: 167px; top: 136px; z-index: 100;
	width: 137px;
	height: 49px;
	margin: 0;
	}
	
/* Hack to move header up a few pixels due to IE's diff box model */
*span.headline-header-left {
	position: absolute; left: 167px; top: 139px; z-index: 100;
	}

h2.storyFeatHeadTop2 {
	background: transparent url("http://trekweb.com/images/storyFeatHeadTop1.gif") no-repeat;
	margin: 0;
	padding: 0;
	text-align: right;
}	

div.storyFeatHeadMiddle {
	background: transparent url("http://trekweb.com/images/storyFeatHeadMiddle.gif");
	margin-left/**/: 0px;
	}

div.storyFeatHeadMiddle2 {
	background: transparent url("http://trekweb.com/images/storyFeatHeadBottom1.gif") repeat-y;
	background-position: left;
	}
	
div.storyFeatHeadMiddle3 {
	background: transparent url("http://trekweb.com/images/storyFeatHeadMiddle2.gif") repeat-y;
	background-position: right;
	margin: 0 auto 0 auto;
	color: #f0e8a0;
	font-size: 13px;
	font-weight: bold;
	padding: 0 20px 0 137px;
	text-align: right;
	min-height: 30px;
	}	
	
div.storyFeatHeadMiddle3 a, div.storyFeatHeadMiddle3 a:visited, div.storyFeatHeadMiddle3 a:active {
	color: #f0e8a0;
	}		
	
div.storyFeatHeadMiddle3 a:hover {
	color: #f0e8a0;
	text-decoration: underline;
	}			
	
div.storyFeatHeadBottom {
	background: #00317b url("http://trekweb.com/images/storyFeatHeadBottom2.gif") repeat-x;
	margin/**/: 0 auto 0 0px;
	padding: 0;
	}
	
h2.storyFeatHeadBottom {
	background: transparent url("http://trekweb.com/images/storyFeatHeadBottom1.gif") no-repeat;
	margin: 0;
	padding: 0;
	text-align: right;	
	}

div.talkback-head {
	background: #00317b url("http://trekweb.com/images/storyFeatHeadBack.gif") repeat-x;
	margin: 0 auto 0 0px;
	padding: 0;
}

h2.talkbackFeat {
	background: transparent url("http://trekweb.com/images/talkbackFeatHeadLeft.gif") no-repeat;
	margin: 0;
	padding: 0;
	text-align: right;
}

h2.talkbackNews {
	background: transparent url("http://trekweb.com/images/talkbackNewsHeadLeft.gif") no-repeat;
	margin: 0;
	padding: 0;
	text-align: right;
}

div.features-leftBar {
	background: #00317b url("http://trekweb.com/images/leftBar.gif") repeat-y;
	margin/**/: 0 auto 0 164px;
	padding: 0;
}

div.story-leftBar {
	background: #00317b url("http://trekweb.com/images/leftBar.gif") repeat-y;
	margin/**/: 0 auto 0 0px;
	/*Hack to please IE 5.2/Mac*/
	padding: 0;
}

div.news-leftBar {
	background: #00317b url("http://trekweb.com/images/leftBar.gif") repeat-y;
	margin: 0 0 0 auto;
	padding: 0;
}

div.rightBar {
	background: transparent url("http://trekweb.com/images/rightBar.gif") repeat-y;
	background-position: right;
	margin: 0 auto 0 auto;
	padding: 0;
}

/* Headlines */

.features-headlines {
	padding: 0 8px 0 8px;
	margin: 0;
	text-align: left;
	}

* html .features-headlines {
	position: relative;
	}

.headline-bars {
	text-align: right;
	font-size: 11px;
	height: 16px;
	margin: 4px 0 8px 0;
	vertical-align: middle;
	padding: 0 2px 0 0;
	}

h3.headlines {
	margin: 0;
	padding: 1px 0 0 1px;
	font-size: 14px;
	font-weight: normal;
	}
	
h3.headlines a, h3.headlines a:active, h3.headlines a:visited {
	color: #fff;
	}

h3.headlines a:hover {
	color: #f0e8a0;
	}

.timestamps {
	color: #F0E8A0;
	font-weight: bold;
	}

/* Story Page Columns */

div#story-leftside-wrapper {
	text-align: center;
	padding: 6px 0 0 0;
	width: 160px;
	float: left;
	border: 1px solid white;
	}	

div.story-column {
	padding: 6px 2px 0 3px;
	margin-left: 164px;
	margin-right: 180px;
	}
	
div.story-rightBar {
	background: transparent url("http://trekweb.com/images/rightBar.gif") repeat-y;
	background-position: right;
	margin: 0;
	padding: 0;
}

div#promenade-column {
	position: absolute; right: 2px; top: 131px;
	width: 176px;
	margin-top: 7px;
	/*overflow: auto;	*/
	}
	
/* Hack to make 160x600 skyscraper scroll in IE*/	
* html div#promenade-column {	
	overflow: auto;	
	position: absolute; right: 2px; top: 133px;
}

/*Hack for position due to different box model in IE*/
/** html div#promenade-column {
	position: absolute; right: 2px; top: 140px;
	}*/

div.promenade-content {
	font-size: 12px;
	padding: 0 7px 0 7px;
	margin: 0;
	text-align: center;
	}	

/* Footers for Main Columns */

div.features-boxesFooter {
	background: #00317b url("http://trekweb.com/images/footBack.gif") repeat-x;
	margin/**/: 0 auto 0 164px;
	padding: 0;
	height: 12px;
}

div.news-boxesFooter {
	background: #00317b url("http://trekweb.com/images/footBack.gif") repeat-x;
	margin: 0 0 5px auto;
	padding: 0;
	height: 12px;
}

div.story-boxesFooter {
	background: #00317b url("http://trekweb.com/images/footBack.gif") repeat-x;
	margin: 0 0 0 0px;
	padding: 0;
}

h2.footer {
	background: transparent url("http://trekweb.com/images/footLeft.gif") no-repeat;
	margin: 0;
	padding: 0;
	text-align: right;
}

/*Story Body*/	

div.body-container {
	padding: 1px 10px 2px 10px;
	margin: 0;
	text-align: left;
	}
div.body-container p{
	*position:relative;
	}
p.posted {
	font-size: 11px;
	padding: 0;
	margin: 0 0 10px 0;
	position: relative;
	/*Pos rel to counteract to IE peekaboo bug*/	
	}	

p.body-text {
	margin: 0;
	padding: 0 3px 0 0;
	*position: relative;
	}

p.body-text {
	*position: relative;
	}
/*Pos rel to counteract IE peekaboo bug, shows to IE only*/

span.posted-entries {
	font-weight: bold;
	margin: 0;
	padding: 0;
	}

div#extrasPanel {
	padding: 0 8px 3px 0;
	float: left;
	}
div#extrasPanel:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
div.bookColumn, ul.extrasColumn {
	position: relative;
	background: #6699CC;
	border: 1px solid black;
	padding: 6px 4px 0 4px;
	font-size: 11px;
	text-align: left;
	z-index: 100;
	margin: 0;
	color: #000;
	}

div.bookColumn {
	width: auto;
	}

.bookColumn ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	}

div.bookColumn a {
	color: #000;
	}
	
ul.extrasColumn a, ul.extrasColumn a:visited, ul.extrasColumn a:active {
	color: #000;
	}

.bookColumn a:hover, .extrasColumn a:hover {
	text-decoration: underline;
	color: #000;
	}	

ul.extrasColumn li {
	margin: 0;
	list-style-type: none;
	padding: 0 0 4px 0;
}	
	
ul.extrasColumn li img {
	border: 0px;
	}	

table.ent-missions {
	width: 300px;
	font-size: 11px;
	}

table#scale {
	width: 250px; padding: 2px; margin: 8px 0 8px 0;
}
td#scale2 {
	text-align: center;
}
table#scale img {border: 0px;}

.topDate {
	color: #f0e8a0;
	font-size: 11px;
	font-weight: bold;
	width: 4.0em;
	vertical-align: top;
	}

td.topHead {
	font-size: 11px;
	padding: 0 0 0 2px;
	}
	
td.topCom {
	font-size: 11px;
	text-align: right;
	padding: 0 3px 0 0;
	}	

.topControl {font-size: 11px; text-align: right; font-weight: bold;}

/* Talkback/BBS */

div.talkback {
	padding: 1px 10px 2px 10px;
	margin: 0;
	text-align: left;
	}

div.talkback span {
	float: left;
	padding: 0 8px 0 3px;
	font-weight: bold;	
	}

div.talkback ul {
	list-style-type: none;
	margin: 0 0 0 15px;
	padding: 0;
	}

div.showThread {
	padding: 1px 0 2px 0;
	margin: 0;
	text-align: left;
	}

div.showThread span {
	float: left;
	padding: 0 8px 0 3px;
	font-weight: bold;	
	}
.showThread .mymessage-header span{display:inline;float:none;font-weight:normal;padding:0;}

div.showThread span.twBBSMsgTxt{
font-weight: normal;
float: none;
padding: 0;
}
div.showThread span.twEditTopicText{
float: none;
padding: 0;
}
div.showThread span.twEditVitals{
font-weight: normal;
float: none;
padding: 0;
}
input.twEditTopicInlineField{
background: #042966;
border: 1px solid #aaa;
font-weight:bold;
color: white;
display: inline;
}


div.showThread ul {
	list-style-type: none;
	margin: 0 0 0 15px;
	padding: 0;
	}

div.control-header {
	background: #042966;
	font-size: 12px;
	color: white;
	padding: 2px 2px 2px 4px; 
	margin: 3px 6px 0 0;
	text-align: right;
	}

h2.mymessage-header {
	background: #042966;
	font-size: 12px;
	color: white;
	padding: 2px 2px 2px 4px; 
	text-align: left;
	font-weight: normal;
	margin: 10px 6px 0 0;	
	}

p.message {
	padding: 0 3px 6px 3px;
	font-size: 12px;
	text-align: left;
	margin: 0;
	}

table.post-buttons td {
	text-align: center;
	padding: 0 2px 0 0;
	font-size: 12px;
	}
	
div.threadedReplies {
	margin: 10px 0 0 30px;
	}	
	
/* Legal Notice */

div#legal-notice-box {
	margin: 6px 137px 0 0;
	border-right: 4px solid black;
	border-left: 4px solid black;
	clear: both;
	}

div.legal-top {
	background: #00317b url("http://trekweb.com/images/legalBoxTopBack.gif") repeat-x;
	margin: 0 0 0 auto;
	padding: 0;
}

h2.legal-top2 {
	background: transparent url("http://trekweb.com/images/legalBoxTopLeft.gif") no-repeat;
	margin: 0;
	padding: 0;
	text-align: right;
}	

p.legal-notice-text {
	font-size: 10px;
	background: #00317b;	
	color: #aaa;
	padding: 0;
	margin: 0 10px 0 8px;;
	}

/*Poll*/

ul.poll {
	list-style-type: none;
	margin: 0;
	padding: 0 0 2px 0;
	width: 100%;
	}

p.poll {
	margin: 0;
	padding: 0 6px 2px 0;
	}
	
ul.poll li {
	margin: 0 5px 0 0;
	}
	
p.poll-front {
	margin: 4px 6px 0 10px;
	padding: 0 0 2px 0;
	font-size: 13px;
	}
	
table.poll-front {
	margin: 3px 6px 2px 10px;
	}	
	
table.poll-front td {
	text-align: left;
	font-size: 11px;
	padding: 0 2px 0 0;
	}
	

/*Convention Listing Month Headers*/


.con-months {font-weight: bold; font-style: italic; padding: 4px 0 2px 0; margin: 0; }

/*Forms*/

table.joinForm {
	width: 80%;
	}

table.joinForm td {
	padding: 0 0 3px 0;
	vertical-align: top;
	}

.post-new {
	padding: 2px 0 2px 0;
	margin: 0;
	font-size: 11px;
	font-weight: bold;
	}

.form-explanations {
	font-size: 11px;
	text-align: left;
	font-weight: normal;
	margin: 0;
	padding: 0;
	}

.form-headers {
	background: #042966;
	color: #f0e8a0;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	padding: 1px 2px 1px 0;
	border-top: 1px solid #f0e8a0;
	}

table.settings {
	}

table.settings td {
	padding: 0 2px 3px 2px;
	font-size: 11px;
	width: 33%;
	}

table.settings .header {
	font-weight: bold;
	}

table.settings select, textarea {
	font-size: 11px;
	background: #f0e8a0;
	border: 0;
	}

table.settings input.input {
	width: 75%;
	}

td.update-status {width: 110px; padding: 1px 2px 0 2px; margin: 0;}

.update-status-boxes {width: 100%; font-size: 11px; background: 
#042966; text-align: right; padding: 0 2px 0 0; margin: 3px 0 0 0; border-top: 1px solid #F0E8A0;}

.acceptable-tags {font-size: 11px; padding: 0; margin: 2.0em 0 0 0;}

#post-buttons {padding: 4px 3px 0 2px;}

input.replyForm {background: #aaa; border-color: 
black; width: 200px;}

textarea.replyForm {background: #aaa; border-color: 
black; width: 100%; max-width: 400px;}

input.replyForm:focus, textarea.replyForm:focus {background: #f0e8a0; 
border-color: black;}





/*Search Results*/



#searchResults {padding: 4px;}

.searchTable {margin-top: 2px;}

.searchTable td {padding: 1px 4px 1px 4px;}

tr.titleBar td {
	font-weight: bold;
	}

tr.records {background: #042966;}

/*Search Form*/

.searchFormInRow input, select {
	background: #f0e8a0;
	}

.searchFormInRow input:focus {border: 2px solid 
red;}

.searchFormCaption {font-size: 11px; color: #aaa; padding: 4px 0 0 0; 
font-weight: bold;}

table.searchFormInRow {
	background: #042966; 
	border: 1px solid #f0e8a0;
	}

.searchFormInRow td {
	padding: 4px;
	}


/*BBS Front*/



div#top {

	font-size: 18px; font-weight: bold; padding: 0 3px 0 3px;

}

div#welcome {

  font-size: 14px; font-weight: normal; padding: 0 3px 0 3px;

}

div.steps {

	text-align: right; padding: 0 3px 0 3px; margin: 12px 0 0 0; 
border-top: 1px solid #f0e8a0;

}

.step-imgs {

	float: left; }

/*BBS*/

table.bbsList td {
	padding: 1px 3px 3px 3px;
	margin: 0;
	font-size: 12px;
	vertical-align: top;
	}

tr.bbsListLabels td {
	font-weight: bold;
	}
	
td.bbsThreadsViews {
	width: 30px;
	}

div.boardButtons { 
	float: left;
	}
	
div.browseList {
	text-align: right;
	font-size: 12px;
	padding: 0;
	margin: 0;
	}
	
.dashControls {text-align: center;}

table.cons td
{
padding: 2px;
font-size: 11px;
}
		ul.cons-side
		{
		list-style-type: none;
		margin: 0;
		padding: 0;
		}
		ul.cons-side li
		{
		margin: 0 4px 2px 0;
		}
		
div.multiPages
{
font-size: 11px;
font-weight: bold;
background: #042966;
margin: 10px 5px 10px 5px;
padding: 2px;
text-align: center;
}

