@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
*/

div.main
{
	clear:				both;
	width:              960px;
    height:             620px;
    /*border:             solid 1px #E0E0E0; *//*use as a guideline to line things up */
    margin-top:         10px;
    margin-left:        auto;
    margin-right:       auto;
}
div.toplogo
{
	clear:				both;
	float:				left;
    height: 			150px;
    width: 				250px;
    margin-top:         10px;
    
}
div.topmiddle
{
	float:				left;
	margin-left:		20px;
    height: 			150px;
    width: 				400px;
    margin-top:         10px;
}
div.topright
{
	float:				left;
	margin-left:		25px;
    height: 			150px;
    width: 				262px;
    margin-top:         10px;
}
div.menubar
{
	clear:				both;
	float:				left;
    height: 			36px;
    width: 				960px;
  	margin:				12px 0px 0px 0px;
	border-bottom:		solid 1px #B3BAC4;
	font-size:			14px;
	font-weight:		bold;
	color:				#325378;
	background:url("images/row_top_menu_top.png") 0 0 no-repeat;
}
div.shell
{
	clear:				both;
	float:				left;
	width: 				960px;

	padding-top:		8px;
	background-color: 	#EFF0F9;	
}
div.leftside
{
	clear:				both;
	float:				left;
    height: 			422px;
    width: 				289px;
    border:				solid 1px #B3BAC4;
    padding:			0px 0px 0px 6px;
    text-align: 		left;
    font-size: 			80%;
    overflow:			auto;	
}
div.leftside a:link
{
	text-decoration: 	none;
	color:				#000000;
}
div.leftside a:visited	{text-decoration: none}
div.leftside a:active	{text-decoration: none}
div.leftside a:hover 	
{
	text-decoration: 	underline; 
	color: 				red;
}
div.middle
{
	float:				left;
	height: 			420px;
    width: 				451px;
    margin-left:		8px;
    border:				none; /*solid 1px #B3BAC4;*/
    padding:			0px;
    text-align: 		center;
    background-color: 	#EFF0F9;	
}
div.topics
{
	
	height: 			250px;
    width: 				440px;
    margin-left:		0px;
    border:				solid 1px #B3BAC4;
    padding:			3px 5px 3px 5px;
    text-align: 		center;
    font-size: 			80%;	
}
div.news
{
	overflow:			auto;
	height: 			150px;
	width: 				440px;
	margin:				10px 0px 10px 0px;
	padding:			3px 5px 3px 5px;
	border:				solid 1px #B3BAC4;
}

div.rightside
{
	float:				left;
	height: 			418px;
    width: 				185px;
	margin-left:		8px;
    border:				solid 1px #B3BAC4;
    padding:			3px;
    text-align: 		center;
    font-size: 			80%;
}
div.wotd
{
	overflow:			auto;
}
div.potd
{
	margin-top:			20px;
	overflow:			auto;
}
div.potd img {border: none;}
div.copyright
{
	clear:				both;
	float:				left;
	height: 			25px;
	width:              958px;
	margin:				0px 0px 30px 0px;
	border:				solid 1px #B3BAC4;
    font-size: 			11px;
    text-align: 		center;        
}
/* ---------------- begin styles for twitter -----------------*/
div.twit
{
	clear:				both;
	float:				left;
	width: 				290px;
	margin-top:			10px;
}

/* ---------------- end styles for twitter ------------------*/

/* ---------------- begin styles for tables -----------------*/

/* ---------------- top middle				-----------------*/
table.tbltopmiddle
{
	color: #000000;
	font-size: 12px;
}
table.tbltopmiddle th
{
	font-size: 30px;
	text-align: center;	
}

/* ---------------- login area				-----------------*/
table.tbllogin
{
	color: #000000;
	font-size: 16px;
}

/* ---------------- 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("images/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("images/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("images/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: 			153px;
	font-size: 		14px;
	font-weight:	bold;
	color: 			#325378;
	text-align: 	center;
	text-decoration: none;
}
 
ul.mainmenu li a:hover
{
	color:		#D7E0EB;
	background:url("images/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		-----------------*/

/* ---------------- 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;
}

/* ---------------- 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				-----------------*/
/* ---------------- WOTD table					-----------------*/
table.tblword
{
	width: 				182px;
	border-collapse:	collapse;
	color: 				#000000;
	font-size: 			14px;
}
table.tblword th
{
	font-size:			16px;
	text-align: 		center;
}
table.tblword td
{
    text-align: 		left;	
}
/* ---------------- end WOTD table				-----------------*/
/* ----------------  end styles for tables -----------------*/
/* ---------------- 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 -------------------*/
/* ---------------- 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 ---------------*/