/*	
	======================================================================

	public/layout.css

	======================================================================
*/


/* ----------------------------------------------------
   body
   ---------------------------------------------------- */

	body {
	
		padding: 0 0 20px 0;
		border: 0px;
	
		text-align: center; 
		margin: 0px auto;
	
		background-repeat: repeat-both;
		background-color: #000;
	}
	
	body, html {
	
		height: 100%;
	}


/* ----------------------------------------------------
   wrappers
   ---------------------------------------------------- */

	#outerWrapper {
	
		margin-top: 20px;
	}

	#innerWrapper {
	
		position: relative;
		margin: 0px auto;
		width: 837px;
		z-index: 1;
		padding: 0;
		border: 0;
		text-align: left;
	}
	
	#contentBackground {
		
		text-align: left;
		background-repeat: repeat-y;
		z-index: 30;
	}


/* ----------------------------------------------------
   logo
   ---------------------------------------------------- */

	#logoDiv {
	
		position: absolute;
		top: 2px;
		left: 41px;
	}
	
/* ----------------------------------------------------
   body column
   ---------------------------------------------------- */

	#mainBodyColumn {
	
		float: left;

		width: 500px;

		padding-top: 35px;
		padding-left: 72px;
		padding-right: 30px;
		padding-bottom: 0px;

		margin: 0px;
	}


	#hiddenText {
	
		display: none;
	}
	

/* ----------------------------------------------------
   left navigation
   ---------------------------------------------------- */

	#leftNav {
	
		position: absolute;
		top: 140px;
		right: 808px;
		width: 50px;
/*		border: 1px solid red; */
		text-align: right;
	}
	
	.left_tab	{

		float: right;	
		margin-bottom: 7px;
		padding: 10px 6px 10px 3px;
		border-radius: 8px 0 0 8px;
		writing-mode: vertical-lr;
/*		border: 1px solid green; */
	}
	 
	 .left_tab_unselected {
	 
		color: white;
		background-color: #475A16;
		cursor: pointer;
	 }

	.left_tab_selected { 
	
		background-color: white;
		color: #475A16;
	 }
	
	.left_tab_unselected:hover  { background-color: #669933; }
	.left_tab_unselected:active { background-color:   black; }
	
	
/* ----------------------------------------------------
   ads
   ---------------------------------------------------- */

	.advertisementRightNav {

		float: right;

		width: 200px;

		margin-top: 0px;
		margin-left: 0px;
		margin-right: -15px;
		margin-bottom: 15px;
	}
	
	.advertisementStoryTop {

		width: 498px;

		margin-top: 10px;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 10px;
	}
	
/* ----------------------------------------------------
   right nav
   ---------------------------------------------------- */

	#rightNav {

		float: right;

		width: 177px;

		padding-top: 10px;
		padding-left: 0px;
		padding-right: 27px;
		padding-bottom: 0px;

		margin: 0px;
	}
	
	.rightNavSection {
	
		padding-bottom: 20px;
	}
	
	.rightNavSection_last {
	
		padding-bottom: 0px;
	}
	
	.rightNavSectionImage {
	
	}
	
	.rightNavIndented {
	
		padding-left: 25px;
		font-size: 9pt;
		color: #FFF;
	}
	
	.socialNetworkingLabel {
	
		width: 120px;
		float: left;
		text-align: right;
		margin-right: 5px;
	}

	.socialNetworkingIcon {
	
		width: 45px;
		float: right;
		text-align: left;
	}
	
	#WhatIsSciFiLong {
	
		display: none;
	}


/* ----------------------------------------------------
   bottom nav
   ---------------------------------------------------- */

	#bottomNav {
	
		position: relative;
		padding-bottom: 40px;
		top: -6px;
		padding-left: 50px;   /* 108px when blog is active */
	}


/* ----------------------------------------------------
   footer
   ---------------------------------------------------- */

	.popupFooterDiv {
	
		position: absolute;
		bottom: 46px;
		left: 50px;
		display: none;
		width: 500px;
		padding: 15px;
		text-align: center;
		background-color: #B8D784;
		border: 1px solid #659640;
		z-index: 1000;
		border-radius: 15px 15px 0 0;
		color: black;
		font-size: 10pt;
		line-height: 15pt;
	}

/* ----------------------------------------------------
   misc
   ---------------------------------------------------- */

	form {
	
		display: inline;
	}