@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
*/
body
{
/*  background-color:   #FFFFFF;		*/
    background-color:   #FAFAFA;
    color:              #000000;
    font-family:        Arial, Helvetica, Sans-Serif;
    font-size:          100%;
}

div
{
    position:           relative;
    
	border: 			none;
    background-color:   #FFFFFF;
    /*color:              #000000;*/
}

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.main img {border: none;}
	
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;
  	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
{
	clear:				both;
	float:				left;
	width: 				960px;
	height: 			436px;
	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
{
	margin-top:			20px;
	overflow:			auto;
}
div.potd
{
	margin-top:			20px;
	overflow:			auto;
}
div.potd img {border: none;}
div.copyright
{
	clear:				both;
	float:				left;
	height: 			15px;
	width:              958px;
	margin:				0px 0px 30px 0px;
	border:				solid 1px #B3BAC4;
    font-size: 			10px;
    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("../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		-----------------*/

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

/* ---------------- flags at top of page	-----------------*/
ul.flagmenu{width: 225px; height: 16px; background: #ffffff;}
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-----------------*/

/* --- end styles for landing page */