html, html body { height: 100%; }

html
{
	background-image:		url(../_images/backgrounds/Shenandoah-Mars.jpg);
	background-repeat:no-repeat;
	background-color:#000000;
	background-position:	50px 0px ;
}

body 
{
	padding:				0;
	margin: 				0;
	font:					12px Tahoma, Geneva, sans-serif normal;
	background:				url(../_images/leftBg.jpg) repeat-y;
	height:					100%;
	color:					#000;
}



/*****************************************************************************************************************************
** Defaults 
*****************************************************************************************************************************/
img a,
a img { border: none; }

p
{
	line-height:			18px;
	border-color:			#CCC;
}



/*****************************************************************************************************************************
** HR 
*****************************************************************************************************************************/
hr
{
	margin:					5px 5px 5px 10px;
	color:					#999;
	height:					0;
	border-top:				1px solid #999;
}


/*****************************************************************************************************************************
** INLINE ADVERT BOX  
*****************************************************************************************************************************/

.adbox {width: 260px; display: block;
        font-size:1.2em; font-weight:bold; 
        background-color:rgb(235,235,255); border-style:dotted; 
    	margin-left:auto; margin-right:auto; text-align:center; 
    	}



/*****************************************************************************************************************************
** Links 
*****************************************************************************************************************************/
a
{
	color:					#397fa2;
}



/*****************************************************************************************************************************
* Unordered/Ordered list(s) 
*****************************************************************************************************************************/
ul,
ol
{
	margin-left: 			12px;
	padding-left: 			1em;
	text-indent: 			-.8em;
}

ol
{
	margin-left:			24px;
	text-indent:			0em;
}

ul
{
	list-style:				none;
}

ul li:before
{
	content: 				"\00BB \0020 \0020 \0020";
}


ul li,
ol li
{
	margin-bottom:			5px;
}



/*****************************************************************************************************************************
** HEADERS 
*****************************************************************************************************************************/
h1,
h2,
h3,
h4
{
	color:					#002D3C;
}

h4 
{
	text-decoration:underline; 
	font-weight:bold; 
    	margin-left:auto;  
    	margin-right:auto; 
    	text-align:center; 
}


/*****************************************************************************************************************************
** TABLES
*****************************************************************************************************************************/
td, tr, th
{
	text-align:				left;
	font-weight:			normal;
	padding: 				6px;
	vertical-align:			top;
}

.table_generic
{
	margin:					5px 12px;
	width:					500px;
}

.table_generic tr th
{
	text-align:				left;
}

.table_twoColumn tr th
{
	width:					50%;	
}



/*****************************************************************************************************************************
** COLORS 
*****************************************************************************************************************************/
.grey { color:				#666; }



/*****************************************************************************************************************************
** TEXT 
*****************************************************************************************************************************/
.text_small
{
	font-size:				.95em;
}



/*****************************************************************************************************************************
** IMAGES 
*****************************************************************************************************************************/
.img_left
{
	margin:					0 8px 1px 0;
	padding:				0;
	border:					5px #D1D1D1 solid;
}

.img_cntr
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	border: 0; 
}



/*****************************************************************************************************************************
** BLOCK 
*****************************************************************************************************************************/
.div_cntr
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center; 
}

/*****************************************************************************************************************************
** REPEATS 
*****************************************************************************************************************************/
.clear_both { clear:		both; }



/*****************************************************************************************************************************
** TOP 
*****************************************************************************************************************************/
#TOP
{
	position:				absolute;
	width:					946px;
	text-align:				right;
	height:					auto;
	padding:				0 5px 5px 5px;
	visibility:				hidden;
	
}

#TOP span
{	
	background-color:		#666;
}



/*  LEFT CONTAINER (MENU, LOGO, NEWS, ETC) */
#LEFT_CONTAINER 
{
	width:					210px;
	float:					left;
	color:					#CCC;
	padding:				0 0 25px 0;
	background:				url(../_images/leftBg.jpg) repeat-y;
}

#LEFT_CONTAINER:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#LEFT_CONTAINER .logo
{
	/*height:					150px;*/
}

/*****************************************************************************************************************************
** NSS LOGO
*****************************************************************************************************************************/
#LEFT_CONTAINER .NSS
{
	height:					137px;
}

/*****************************************************************************************************************************
** LATEST NEWS 
*****************************************************************************************************************************/
#LEFT_CONTAINER .news
{
	padding:				13px;
	background:				url(../_images/news_bg.jpg) no-repeat;
}

#LEFT_CONTAINER .news a
{
	color:					#CCC;
}

#LEFT_CONTAINER .news h2
{
	color:					#c8c85a;
	font-size:				14px;
	font-weight:			bold;
	font-variant:			small-caps;
	margin:					0;
}

#LEFT_CONTAINER .news ul
{
	margin:					5px 0 8px 0;
	padding:				0;
}

#LEFT_CONTAINER .news li:before
{
	content:				"";
}

#LEFT_CONTAINER .news li
{
	font-size:				.9em;
	text-indent:			.1em;
	margin:					0 0 10px 0;
}






/*****************************************************************************************************************************
** MENU 
*****************************************************************************************************************************/
#MENU
{
	padding:				0;
	margin:					0;
	background-image:		url(../_images/menu_bg.jpg);
}

#MENU div a
{
	padding:				6px 0 3px 20px;
	margin:					0;
	display:				block;
	height:					20px;
	overflow:				hidden;
	color:					#FFF;
	text-decoration:		none;
}

#MENU div a:hover
{
	background-color:		#666;
	background-image:		url(../_images/menu_highlight.jpg);
}

#MENU a.selected,
#MENU a.selected:hover
{
	background-image:		url(../_images/menu_at.jpg);
}

#MENU div a.selected
{
	padding-left:			10px;
}



/*****************************************************************************************************************************
** RIGHT CONTAINER (Content, Sponsors) 
*****************************************************************************************************************************/
#RIGHT_CONTAINER
{
	position:				absolute;
	width:					730px;
	height:					auto;
	left:					260px;
	margin-top:				20px;
	background:				#FFF url(../_images/content_bg.jpg) repeat-y;
	color: 					#666;
}

#RIGHT_CONTAINER:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#RIGHT_CONTAINER h2
{
	font-size:				16px;
	background:				url(../_images/content_right_h_background.jpg) no-repeat;
	height:					25px;
	overflow: 				hidden;
	padding:				5px 0 0 12px;
	color:					#576d83;
	margin:					0;
	font-variant:			small-caps;
}

#RIGHT_CONTAINER .right
{
	background:				url(../_images/content_right_bg.jpg) repeat-y;
}

#RIGHT_CONTAINER .left p
{
	font-size:				13px;
	line-height:			        20px;
	padding:				0 12px;
	margin:					0 0 12px 0;
	color:					#000;
}


#RIGHT_CONTAINER .right p
{
	padding:				0 0 12px 12px;
	margin:					0 0 0 0;
}

#RIGHT_CONTAINER .left ul,
#RIGHT_CONTAINER .left ol
{
	color:					#666;
	margin:					0px 12px 12px 20px;
	font-size:				13px;
	color:					#000;
}


#RIGHT_CONTAINER .left blockquote
{
	color:					#666;
	font-size:				13px;
	color:					#000;
}



/*****************************************************************************************************************************
** Content 
*****************************************************************************************************************************/
#content_title
{
	background-image:		url(../_images/content_title_background.jpg);
	height:					25px;
	color:					#FFF;
	/*font-weight:			bold;*/
	font-size:				14px;
	padding:				8px 0 0 10px;
	overflow:				hidden;
}



/*****************************************************************************************************************************
** Content - Bottom 
*****************************************************************************************************************************/
#content_bottom
{
	height:					5px;
	overflow:				hidden;
	background:				url(../_images/content_footer.jpg) bottom no-repeat;
	clear: 					both;
}



/*****************************************************************************************************************************
** Content - Right 
*****************************************************************************************************************************/
#RIGHT_CONTAINER .right
{
	float:					right;
	width:					194px;
}

#RIGHT_CONTAINER .right h2
{
	margin-bottom:			0;
}




/*****************************************************************************************************************************
** Content - left 
*****************************************************************************************************************************/
#RIGHT_CONTAINER .left
{
	float:					left;
	width:					536px;
}

#RIGHT_CONTAINER h1,
#RIGHT_CONTAINER h2,
#RIGHT_CONTAINER h3
{
	padding:				8px 0 0 12px;
	margin:					0 0 5px 0;
	font-variant:			small-caps;
}




/*****************************************************************************************************************************
** Misc 
*****************************************************************************************************************************/
#RegisterTextLink
{
	font:					16px;
	font-weight:			bold;
	padding:				0 5px;
	text-transform:			uppercase;
}

#Register2TextLink
{
	font:					16px;
	font-weight:			bold;
	padding:				0 5px;
	text-transform:			uppercase;
}