/*
     FILE ARCHIVED ON 22:34:50 Sep 29, 2011 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 5:03:06 Dec 12, 2016.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
@charset "utf-8";
/* CSS Document */

/* ----- HTML TAG RESET & CLEARFIX ----- */
body,div,dl,dt,dd,ul,ol,li,h1,
h2,h3,h4,h4,h6,pre,form,fieldset,
input,textarea,p,blockquote,th,td	
{ 
	margin: 0; 
	padding: 0; 
	font-family: Verdana, sans-serif; 
	font-size: 10px; 
}

fieldset,img					    
{ 
	border: 0; 
	vertical-align: bottom;
}

a,h1							   
{ overflow: hidden; }

ol,ul							    
{ list-style: none; }

caption,th						    
{ text-align: left; }

h1,h2,h3,h4,h4,h6				    
{ 
	font-size: 100%; 
	font-weight: normal; 
	overflow: hidden; 
}

html[xmlns] .clear			        
{ display: block; }

* html .clear					   
 { height: 1%; }


body {
	background-color: #FFFFFF;
	background-image: url(/web/20110929223450/http://www.csulb.edu/~flima/reticon/images/bg.jpg);
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 30px;
	text-align: center;
}

div.wrapper
{
	margin: 0 auto;
	width: 995px;
	text-align: left;
}

div.menuBox
{
	float: left;
	clear: both;
	width: 995px;
	height: 71px;
}

div.logo
{
	float: left;
	clear: both;
	width: 252px;
	height: 71px;
}

div.menu
{
	float: left;
	width: 743px;
	height: 71px;
}

div.hilights
{
	float: left;
	clear: both;
	width: 965px;
	height: 260px;
	margin-top: 20px;
	margin-left: 15px;
}

div.newsBg
{
	float: left;
	clear: both;
	width: 945px;
	height: 352px;
	margin-top: 10px;
	margin-left: 25px;
	background-image: url(/web/20110929223450/http://www.csulb.edu/~flima/reticon/images/news_bg.jpg);
	background-repeat: no-repeat;
}

div.newsBlock
{
	float: left;
	width: 215px;
	height: 307px;
	margin-top: 25px;
	margin-right: 17px;
	background-image: url(/web/20110929223450/http://www.csulb.edu/~flima/reticon/images/news_block.jpg);
	background-repeat: no-repeat;
}

div.newsBlock h1
{
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	text-align: left;
	margin-top: 15px;
	margin-left: 15px;
}

div.newsBlock img
{
	float: left;
	clear: both;
	margin-top: 10px;
	margin-left: 9px;
	margin-bottom: 10px;
}

div.news
{
	float: left;
	clear: both;
	width: 195px;
	height: 150px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
}

div.news p
{
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	text-align: left;
	margin-bottom: 5px;
}

div.footer
{
	float: left;
	clear: both;
	width: 995px;
	margin-top: 20px;
}

div.footer p
{
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	text-align: center;
	margin-bottom: 5px;
}

div.footer a:link
{
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	text-align: center;
	margin-bottom: 5px;
	text-decoration: none;
}

div.footer a:visited
{
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	text-align: center;
	margin-bottom: 5px;
	text-decoration: none;
}

div.footer a:active
{
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	text-align: center;
	margin-bottom: 5px;
	text-decoration: none;
}

div.footer a:hover
{
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	text-align: center;
	margin-bottom: 5px;
	text-decoration: underline;
}

div.contentBoxTop
{
	float: left;
	clear: both;
	width: 945px;
	height: 10px;
	margin-top: 20px;
	margin-left: 25px;
	background-image: url(/web/20110929223450/http://www.csulb.edu/~flima/reticon/images/content-top.jpg);
	background-repeat: no-repeat;
}

div.contentBoxMiddle
{
	float: left;
	clear: both;
	width: 945px;
	margin-left: 25px;
	padding-bottom: 20px;
	background-image: url(/web/20110929223450/http://www.csulb.edu/~flima/reticon/images/content-mid.jpg);
	background-repeat: repeat;
}

div.contentBoxBottom
{
	float: left;
	clear: both;
	width: 945px;
	height: 10px;
	margin-left: 25px;
	background-image: url(/web/20110929223450/http://www.csulb.edu/~flima/reticon/images/content-bottom.jpg);
	background-repeat: no-repeat;
}

div.contentHeader
{
	float: left;
	clear: both;
	width: 930px;
	height: 39px;
	margin-left: 10px;
	background-image: url(/web/20110929223450/http://www.csulb.edu/~flima/reticon/images/content_header.jpg);
	background-repeat: no-repeat;
}

div.contentHeader h1
{
	margin-left: 15px;
	margin-top: 10px;
	font-family: Arial;
	font-weight: bold;
	font-size: 16px;
	color: #000000;
}

div.gamesHeader
{
	float: left;
	clear: both;
	width: 930px;
	height: 30px;
	margin-left: 30px;
	margin-top: 20px;
	font-family: Arial;
	font-weight: bold;
	font-size: 20px;
	color: #000000;
}

div.gamesSelection
{
	float: left;
	clear: both;
	width: 930px;
	height: 260px;
	margin-left: 15px;
	margin-top: 25px;
}

div.gamesSelection img
{
	float: left;
	margin-right: 15px;
	width: 295px;
	height: 260px;
}

div.gameInfoLeftBox
{
	float: left;
	clear: both;
	width: 445px;
	height: 243px;
	margin-left: 15px;
	margin-top: 15px;
	background-image: url(/web/20110929223450/http://www.csulb.edu/~flima/reticon/images/games_bg.jpg);
	background-repeat: no-repeat;
}

div.gameInfoLeftBox h1
{
	margin-left: 20px;
	margin-top: 20px;
	font-family: Arial;
	font-weight: bold;
	font-size: 20px;
	color: #000000;
}

div.gameInfoRightBox
{
	float: left;
	width: 445px;
	height: 243px;
	margin-left: 25px;
	margin-top: 15px;
	background-image: url(/web/20110929223450/http://www.csulb.edu/~flima/reticon/images/games_bg.jpg);
	background-repeat: no-repeat;
}

div.gameInfoRightBox h1
{
	margin-left: 20px;
	margin-top: 20px;
	font-family: Arial;
	font-size: 20px;
	font-weight: bold;
	color: #000000;
}

div.gameInfoLeft
{
	float: left;
	clear: both;
	width: 142px;
	height: 180px;
	margin-left: 15px;
	margin-top: 10px;
}

div.gameInfoRight
{
	float: left;
	width: 265px;
	height: 180px;
	margin-left: 12px;
	margin-top: 10px;
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
}

div.gameDownload
{
	float: left;
	clear: both;
	width: 142px;
	height: 37px;
	margin-left: 20px;
	margin-top: 7px;
}

div.gameDownload .download
{
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	text-decoration: underline;
}

div.gameDownload a:link
{
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	text-decoration: underline;
}

div.gameDownload a:visited
{
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	text-decoration: underline;
}

div.gameDownload a:active
{
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	text-decoration: underline;
}

div.gameDownload a:hover
{
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	text-decoration: underline;
}

div.newsBox
{
	float: left;
	clear: both;
	width: 890px;
	height: 165px;
	margin-left: 25px;
	margin-top: 20px;
	margin-bottom: 20px;
}

div.newsBox h1
{
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	text-decoration: underline;
	text-align: left;
}

div.newsBox h2
{
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	text-align: right;
	margin-top: 10px;
}

div.newsBox p
{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: left;
}

div.historyBox
{
	float: left;
	clear: both;
	width: 890px;
	margin-left: 25px;
	margin-top: 20px;
	margin-bottom: 20px;
}

div.historyBox h1
{
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	text-decoration: underline;
}

div.historyBox p
{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

div.biosBox
{
	float: left;
	clear: both;
	width: 890px;
	height: 175px;
	margin-left: 25px;
	margin-top: 20px;
	margin-bottom: 20px;
}

div.biosBox h1
{
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	text-decoration: underline;
}

div.biosPic
{
	float: left;
	clear: both;
	width: 142px;
	height: 142px;
	margin-left: 10px;
	margin-right: 20px;
	margin-top: 10px;
}

div.biosInfo
{
	float: left;
	width: 700px;
	height: 142px;
	margin-top: 10px;
	vertical-align: middle;
}

div.biosInfo p
{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

div.contactBox
{
	float: left;
	clear: both;
	width: 890px;
	margin-left: 25px;
	margin-top: 20px;
}

div.contactBox h1
{
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	text-decoration: underline;
}

div.contactBox p
{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: left;
}

div.contactBox a:active, a:hover, a:link, a:visited
{
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}

div.privacyStatementBox
{
	float: left;
	clear: both;
	width: 890px;
	margin-left: 25px;
	margin-top: 20px;
}

div.privacyStatementBox p
{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: left;
}

div.termsOfUseBox
{
	float: left;
	clear: both;
	width: 890px;
	margin-left: 25px;
	margin-top: 20px;
}

div.termsOfUseBox p
{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: left;
}