@CHARSET "UTF-8";
/*
updates:	2010-02-19 	:: mm ::	org style sheet template for landing page
			2010-02-19  :: mm ::	added encoding for flag / language selection at top right
			2010-02-19  :: mm ::	added middle_nojs class
			2010-03-15  :: mm ::	added table information for the POTD
			2011-11-07	:: mm ::	revised for xf forum
*/
/* ------------------ GLOBAL SETTINGS ------------------ */
body
{
	background-color: 	#FAFAFA;
	color:				#000000;
	font-family:		Helvetica, Arial, Sans-Serif;
	font-size:			100%;
}
div
{
	position:           relative;
	border: 			none;
    background-color:   #FFFFFF;
    text-align: 		left; 
}
img
{
	border: 			none;
}

/* ------------------ DIV ELEMENTS ------------------ */
div.maincontainer
{
	clear:				both;
	width:              960px;
    height:             920px;
    border:             solid 1px #E0E0E0; *//*use as a guideline to line things up */
    margin-top:         10px;
    margin-left:        auto;
    margin-right:       auto;
}
/* --------------------- DIV TOP -------------------- */
div.top
{
	float:				left;
    margin-top:         4px; 
}
div.topcontainer
{
	clear:				both;
    width: 				960px;	
	height: 			250px;
	background-color:	#EDF4F9;
}
div.topleft
{
	clear:				both;
    width: 				700px;
}
div.topmiddle
{
	width: 				1px;
}
div.topright
{
    width: 				240px;
    height:				148px;
    margin-left:		10px;
    padding:			0px 5px;
	background-color:	#EDF4F9;
	overflow:			hidden;
}
div.toplogin
{
	clear:				both;
	width:				390px;
	height:				150px;
	z-index:			-20;
	top:				-155px;
	margin-left:		565px;
	background-color:	#F0F7FC;
    border:             solid 1px #787878;
    
}
div.topmission
{
	clear:				both;
    width: 				940px;
    height:				80px;
    z-index:			20;
    top:				-160px;
    padding:			0px 10px;
}

/* ------------------- DIV MENUBAR ------------------ */
div.menubar
{
	clear:				both;
	float:				left;
    height: 			36px;
    width: 				960px;
  	margin:				12px 0px 0px 0px;
  	z-index: 			20;
	border-bottom:		solid 1px #B3BAC4;
	font-size:			14px;
	font-weight:		bold;
	color:				#325378;
	background:url("../pix/row_top_menu_top.png") 0 0 no-repeat;
}
/* -------------------- DIV SHELL ------------------- */
div.shell
{
	clear:				both;
	float:				left;
	width: 				960px;
	height: 			436px;
	padding-top:		8px;
	background-color: 	#EFF0F9;	
}
div.shellleftside
{
	clear:				both;
	float:				left;
    width: 				289px;
    height: 			422px;
    border:				solid 1px #B3BAC4;
    padding:			0px 0px 0px 6px;
    text-align: 		left;
    font-size: 			80%;
    overflow:			auto;
}
div.shellmiddle
{
	float:				left;
	width: 				451px;
	height: 			420px;
    margin-left:		8px;
    border:				none;
    padding:			0px;
    background-color: 	#EFF0F9;	
}
div.topics
{
	width: 				440px;
	height: 			250px;
    margin-left:		0px;
    border:				solid 1px #B3BAC4;
    padding:			3px 5px 3px 5px;
	text-align: 		center;
}
div.news
{
	overflow:			auto;
	width: 				440px;
	height: 			150px;
	margin:				10px 0px 10px 0px;
	padding:			3px 5px 3px 5px;
	border:				solid 1px #B3BAC4;
	text-align: 		center;
}
div.shellright
{
	float:				left;
	width: 				185px;
	height: 			418px;
	margin-left:		8px;
    border:				solid 1px #B3BAC4;
    padding:			3px;
    text-align: 		center;
    font-size: 			80%;
}
div.wotd
{
	margin-top:			20px;
	overflow:			auto;
}
div.potd
{
	margin-top:			20px;
	overflow:			auto;
}
div.copyright
{
	clear:				both;
	float:				left;
	width:              958px;
	height: 			15px;
	margin:				0px 0px 30px 0px;
	border:				solid 1px #B3BAC4;
    font-size: 			10px;
    text-align: 		center;        
}


/* ---------------- menu bar				-----------------*/
	ul.menutop
	{
		padding:0 0 0 0 !important;
		margin:0 0 0 0 !important;
	}
	
	ul.menutop li
	{
	    display:block;
	    padding:0 2px 0 0;
		float:left;
		margin:0 0 0 0;
		background:url("../pix/top_menu_separator.png") right 1px no-repeat;
	}
	ul.menutop li a  
	{
		border:none;
		text-decoration:none !important;
		display:block;
		float:left;
		padding:0 0 0 0;
	}
	
	ul.menutop li a:hover  
	{
		border:none;
		display:block; 
		text-decoration:none;
		font-weight:normal;
		color:#D7E0EB;
		background:url("../pix/top_menu_wrapper_hov.gif") 0 0 repeat-x;
	}
	
	ul.menutop li a span 
	{
		float:		left;
		display:	block; 
		padding:	11px 0px 11px 0px;
		color:		#325378;
		display:	block; 
		width:		158px; 
		text-align:	center;	
		text-decoration:none !important;
		font-size:	14px;
		font-weight:bold;
	}
	ul.menutop li a:hover span   
	{
		display:	block; 
		color:		#D7E0EB;
	}
/* ---------------- end menu bar			-----------------*/

/* ---------------- drop down menu bar		-----------------*/

ul.mainmenu
{	
	padding: 	0;
	z-index: 	20;
	width:		960px;
	margin:		0 auto;
}
 
ul.mainmenu li
{	
	float: 			left;
	margin: 		0;
	padding:		0 2px 0 0;
	list-style: 	none;
	background:		url("../pix/top_menu_separator.png") right 1px no-repeat;
}
 
ul.mainmenu li a
{	
	display: 		block;
	margin: 		0 1px 0 0;
	padding: 		10px 2px 10px 2px;
	width: 			130px;
	font-size: 		14px;
	font-weight:	bold;
	color: 			#325378;
	text-align: 	center;
	text-decoration: none;
}
 
ul.mainmenu li a:hover
{
	color:		#D7E0EB;
	background:url("../pix/top_menu_wrapper_hov.gif") 0 0 repeat-x;
}
 
ul.mainmenu div
{	position: absolute;
	visibility: hidden;
	z-index: 	30;
	margin: 0;
	padding: 0;
	background: #F2F2FA;
	border: 1px solid #5970B2;}
 
	ul.mainmenu div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 6px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #F2F2FA;
		color: #325378;
		font-size: 12px;
		font-weight:normal;
	}
 
	ul.mainmenu div a:hover
	{	background: #49A3FF;
		color: #FFF;
	}

ul.mainmenu img {border: none;}

/* ---------------- end drop down menu bar		-----------------*/
/* ---------------- Begin Styles for Login 	---------------------*/
dl.loginbox
{
	clear:				both;
	font-size:			14px;
}
dl.loginbox dt
{
	clear:				left;
	float:				left;
	width:				150px;
	margin:				4px;
}
dl.loginbox dd
{
	float:				left;
	width:				200px;
	margin-left:		2px;
	padding:			2px;
}
dl.loginbox dd input.text
{
	width: 				80%;
}
dl.loginbox dd input.radio
{
	width:				10px;
	margin-top:			2px;
}
dl.loginbox a
{
	text-decoration: 	none;
}

/* ---------------- End Styles for Login 	---------------------*/


/* ---------------- Begin Styles for Left Menu -------------*/
dt.leftmenu
{
	text-align:left;
	line-height: 20px;
}

ul.leftmenu
{
	margin: 0px 0px 0px 0px;
	padding:0px;
	text-align:left;
	line-height: 20px;
	list-style-type:none; 
}
ul.leftmenu li
{
	margin: 0px;
}

ul.left_submenu
{
	margin: 0px 0px 0px 0px;
	padding:0px;
	text-align:left;
	line-height: 16px;
	list-style-type:none;
}
ul.left_submenu li
{
	margin: 0px;
}
/* ---------------- End Styles for Left Menu ---------------*/
/* ---------------- news stories				-----------------*/
table.tblnews
{
	border-collapse:	collapse;
	color: 				#000000;
	font-size: 			14px;
}
table.tblnews th
{
	font-size: 			18px;
}
table.tblnews td.newsthread
{
	padding-top:		10px;
    text-align: 		left;
}
table.tblnews a:link
{
	text-decoration: 	none;
	color:				#000000;
}
table.tblnews a:visited	{text-decoration: none}
table.tblnews a:active	{text-decoration: none}
table.tblnews a:hover 	
{
	text-decoration: 	pointer; 
	color: 				red;
}
/* ---------------- end news table				-----------------*/
/* ---------------- forums						-----------------*/
table.tblforums
{
	width:				440px;
	margin-top:			8px;
	border-collapse:	collapse;
	color: 				#000000;
	font-size: 			12px;
}
table.tblforums th		
{
	text-align: 		left;
	font-size: 14px;
}
table.tblforums th.col1	{width:	235px;}
table.tblforums th.col2	{width:	60px;}
table.tblforums th.col3	{width:	145px;}

table.tblforums td
{
    text-align: 		left;
}
table.tblforums td.thread
{
	width:				235px;
	border-top: 		solid 1px #9A9A9A;
}
table.tblforums td.posts
{
	width:				60px;
	border-top: 		solid 1px #9A9A9A;
}
table.tblforums td.lastdate
{
	width:				145px;
	border-top: 		solid 1px #9A9A9A;
}
table.tblforums a
{
	text-decoration: 	underline;
	color:				#000000;
}
table.tblforums a:hover 	
{
	color: 				red;
}
/* ---------------- end forums table			-----------------*/
/* ---------------- POTD table					-----------------*/
table.tblpix
{
	border-collapse:	collapse;
	font-size: 			12px;
}
table.tblpix th
{
	font-size:			16px;
	text-align: 		center;
}
table.tblpix td
{
    text-align: 		left;	
}
/* ---------------- end POTD table				-----------------*/
/* ---------------- Begin Styles for Spans -----------------*/
span.lastpost
{
	font-size: 			16px;
	font-weight:		bold;
}
span.lastpost a
{
	text-decoration:	underline;
	color:				#000000;
}
span.lastpost a.hover
{
	text-decoration:	underline;
	color: 				red;
}
p.lastposttext
{
	font-size: 			12px;
	text-align:			left;
}
/* ---------------- End Styles for Spans -------------------*/
/* ---------------- signup button on top of page  ----------*/
img.signup
{
	display: block;
	margin-top: 35px;
	margin-left: auto;
	margin-right: auto;

}
/* ---------------- flags at top of page	-----------------*/
ul.flagmenu
{
	width: 225px; 
	height: 16px;
	margin-left: 30px; 
	background: #EDF4F9;
}
ul.flagmenu li
	{
		width:25px;
		height:16px;
		position:absolute;
		top:0px;
		background: url(../pix/flags_all_sm.jpg) 0 0 no-repeat;
		display:block;
		list-style:none;
	}
ul.flagmenu li a {width: 25px; height: 17px; display: block; border: solid 1px #fff;}
ul.flagmenu li a:hover {border: solid 1px #000;}
/*1st row of flags */
ul.flagmenu li.flag_RU {left:   0px;}
ul.flagmenu li.flag_US {left:  26px; background-position:  -25px 0;}
ul.flagmenu li.flag_UK {left:  52px; background-position:  -50px 0;}
ul.flagmenu li.flag_IE {left:  78px; background-position:  -75px 0;}
ul.flagmenu li.flag_CA {left: 104px; background-position: -100px 0;}
ul.flagmenu li.flag_AU {left: 130px; background-position: -125px 0;}
ul.flagmenu li.flag_NZ {left: 156px; background-position: -150px 0;}
ul.flagmenu li.flag_DE {left: 182px; background-position: -175px 0;}
ul.flagmenu li.flag_FR {left: 208px; background-position: -200px 0;}
/*2nd row of flags */
ul.flagmenu li.flag_IT {left: 0px;   top: 17px; background-position:   0px  -17px;}
ul.flagmenu li.flag_NL {left: 26px;  top: 17px; background-position:  -25px -17px;}
ul.flagmenu li.flag_ES {left: 52px;  top: 17px; background-position:  -50px -17px;}
ul.flagmenu li.flag_PT {left: 78px;  top: 17px; background-position:  -75px -17px;}
ul.flagmenu li.flag_MX {left: 104px; top: 17px; background-position: -100px -17px;}
ul.flagmenu li.flag_SE {left: 130px; top: 17px; background-position: -125px -17px;}
ul.flagmenu li.flag_DK {left: 156px; top: 17px; background-position: -150px -17px;}
ul.flagmenu li.flag_NO {left: 182px; top: 17px; background-position: -175px -17px;}
ul.flagmenu li.flag_PL {left: 208px; top: 17px; background-position: -200px -17px;}
/*1st row of flags - when hovering */
ul.flagmenu li.flag_RU a:hover{background: url(../pix/flags_all_sm.jpg)    0px -33px no-repeat;}
ul.flagmenu li.flag_US a:hover{background: url(../pix/flags_all_sm.jpg)  -25px -33px no-repeat;}
ul.flagmenu li.flag_UK a:hover{background: url(../pix/flags_all_sm.jpg)  -50px -33px no-repeat;}
ul.flagmenu li.flag_IE a:hover{background: url(../pix/flags_all_sm.jpg)  -75px -33px no-repeat;}
ul.flagmenu li.flag_CA a:hover{background: url(../pix/flags_all_sm.jpg) -100px -33px no-repeat;}
ul.flagmenu li.flag_AU a:hover{background: url(../pix/flags_all_sm.jpg) -125px -33px no-repeat;}
ul.flagmenu li.flag_NZ a:hover{background: url(../pix/flags_all_sm.jpg) -150px -33px no-repeat;}
ul.flagmenu li.flag_DE a:hover{background: url(../pix/flags_all_sm.jpg) -175px -33px no-repeat;}
ul.flagmenu li.flag_FR a:hover{background: url(../pix/flags_all_sm.jpg) -200px -33px no-repeat;}
/*2nd row of flags - when hovering */
ul.flagmenu li.flag_IT a:hover{background: url(../pix/flags_all_sm.jpg)    0px -50px no-repeat;}
ul.flagmenu li.flag_NL a:hover{background: url(../pix/flags_all_sm.jpg)  -25px -50px no-repeat;}
ul.flagmenu li.flag_ES a:hover{background: url(../pix/flags_all_sm.jpg)  -50px -50px no-repeat;}
ul.flagmenu li.flag_PT a:hover{background: url(../pix/flags_all_sm.jpg)  -75px -50px no-repeat;}
ul.flagmenu li.flag_MX a:hover{background: url(../pix/flags_all_sm.jpg) -100px -50px no-repeat;}
ul.flagmenu li.flag_SE a:hover{background: url(../pix/flags_all_sm.jpg) -125px -50px no-repeat;}
ul.flagmenu li.flag_DK a:hover{background: url(../pix/flags_all_sm.jpg) -150px -50px no-repeat;}
ul.flagmenu li.flag_NO a:hover{background: url(../pix/flags_all_sm.jpg) -175px -50px no-repeat;}
ul.flagmenu li.flag_PL a:hover{background: url(../pix/flags_all_sm.jpg) -200px -50px no-repeat;}
/* ---------------- end flags at top of page-----------------*/