a { color: #3c516a; }
a.news { color: #494949; text-decoration: none; font-weight: bold; }
a.external { background: url(../images/icons/win.gif) center right no-repeat; padding-right: 15px; white-space: nowrap; }

body { color: #444; font-family: Tahoma,arial,helvetica,sans-serif; font-size: 80%; text-align: center; padding: 0; margin: 0; background: #fff url(../images/layout/bg.gif) repeat-x scroll top left; }

h1 { font-size: 1.6em; color: #507698; font-weight: normal; letter-spacing: 0.05em; }
h2 { font-size: 1.1em; font-style: italic; }
h3 { font-size: 1.05em; }
hr { color: #fff; background-color: #fff; height: 1px; border: 0; border-top: 1px solid #777; }

img { border: 0; }
em { font-style: italic; }
strong { font-weight: bold; }
table {	font-size: 1em; }

.pr { border: 0; }
.r { text-align: right; }
.rfloat { float: right; display: block; margin: 0 0 1em 1em; }
.cen { text-align: center; }
.fineprint { font-size: x-small; }
.clean { clear: both; }
.odd{ background-color: #f4f4f4; border: 1px solid #fff; margin: 0; padding: 6px; }
.even{ background-color: #c4d0db; border: 1px solid #fff; margin: 0; padding: 6px; } 
.pr { border: 0; background-color: #fff; }

p.pretext { font-size: 1.12em; color: #507698; font-style: italic; letter-spacing: 0.02em; font-family: georgia,serif; }

div.ri { margin: 0.3em; background-color: #fafafa; padding: 0; padding-bottom: 0.4em; }
	div.ri h2 { font-size: 0.9em; font-style: normal; background-color: #c3d3df; color: #333; padding: 0.2em 0.4em; }
	div.ri ul { font-size: 0.9em; list-style-type: square; margin-left: 2em; padding-left: 0; padding-bottom: 0.6em; }
	div.ri li, div.ri ul li { margin-left: 0; padding-left: 0; margin-bottom: 0.3em; }	
	
p.tip {	margin: 0.2em; border: 1px solid #3c516a; padding: 46px 0.6em 0.6em 0.6em; background: #ecf2f6 url(/images/icons/tip.gif) no-repeat scroll top left; }	
p.achievement { margin: 0.2em; border: 1px solid #3c516a; padding: 46px 0.6em 0.6em 0.6em; background: #ecf2f6 url(/images/icons/achievement.gif) no-repeat  scroll top left; height: 70px; }

div.feature { margin: 0.2em; border: 1px solid #3c516a; background-color: #f3f8e1; padding: 0.3em 0.6em; }

div.subfeature { float: right; margin: 1em 0 1em 1em; border: 1px solid #3c516a; background-color: #ecf2f6; padding: 0.3em 0.6em; width: 180px; }

blockquote.quote { float: right; margin: 1em 0 1em 1em; padding: 0.3em 0.6em; width: 180px; font-size: 1.3em; font-weight: bold; font-style: italic; }
blockquote.quote2 { float: left; margin: 1em 1em 1em 0; padding: 0.3em 0.6em; width: 150px; font-size: 1.3em; font-weight: bold; font-style: italic; }

caption { font-size: 0.9em; width: 100%; font-weight: bold; text-align: center; padding-bottom: 0.2em; margin-top: 1em; }
h2.news { font-size: 1.1em; margin-bottom: 0.3em; padding-bottom: 0; }
p.news { font-size: 1em; margin-top: 0.1em; padding-top: 0; }

/* GX Layout */

#gx { text-align: left; width: 990px; margin: 0 auto; background-color: #fff; }
	#header { width: 980px; margin: 0 auto; padding-top: 5px; height: 90px; }
		#title { float: left; width: 245px; height: 90px; }
		#lead {	float: right; }
		
	#menu { width: 980px; margin: 5px auto 0 auto; clear: both; }
		#menu a { color: #fff; text-decoration: none; }
	
		#level1 { background-color: #507698; color: #fff; clear: both; height: 1.6em; }
			#sitelinks { float: right; width: 400px; text-align: right; }
			
		#level2 { background-color: #384b5c; color: #fff; clear: both; height: 1.6em; }	
			#level2 #mmo { display: none; }
		
		#menu ul { margin: 0; padding: 0; list-style-type: none; }		
		#menu ul li { margin: 0; padding: 0; float: left; list-style-type: none; }
		
			#level1 a { padding: 2px 20px 2px 20px; display: block; }
			#level2 a { padding: 2px 20px 2px 20px; display: block; }
			#level1 a:hover { background-color: #384b5c; color: #fff; }
			#level2 a:hover { background-color: #c4d0db; color: #222; }			
			#sitelinks ul li { float: right; }
		
	#feature { width: 980px; height: 157px; margin: 5px auto 0 auto; background-image: url(/images/feature/mass-effect-2.png); background-repeat: no-repeat; background-position: top-left; }
		#featurebox { width: 980px; height: 157px; margin: 5px auto 0 auto; }

	#main { border: 0; width: 980px; margin: 5px auto 0 auto; }
		#newsright { float: right; width: 300px; padding-right: 5px; padding-left: 5px; }
		#newsleft { width: 645px; padding-left: 5px; }	

	.widestories { width: 378px; margin: 0; }
	.stories { width: 286px; margin: 0; }
		.widestories h2, .stories h2 { background-image: url(/images/layout/th.png); background-repeat: repeat-x; background-position: top-left; font-size: 0.9em; margin: 0 0 2px 0; padding: 2px 0 3px 5px; color: #fff; font-weight: normal; font-style: normal; }
		.storya, .storyb { padding: 1em; clear: both; }
		.storya { background-color: #ececec; }
		.storyimg { float: left; margin: 0 4px 2px 0; }
		span.detail { font-size: 0.9em; }		

		#aboutgx { border: 1px solid #384b5c; background-color: #e1e8ef; padding: 1em; margin: 5px 0 0 0; font-size: 0.9em; }
			#aboutgx h2 { margin: 0; font-size: 1em; }

	div.navbar { float: left; margin: 0 1em 1em 0; width: 211px; padding: 0 0 1em 0; }
		div.navbar h2 { margin: 0 0 0 5px; font-style: normal; }
		.navbar h2 a { text-decoration: none; }
		.navbar ul { list-style-type: none; margin-left: 0; padding-left: 0; border-bottom: 1px solid #c4d0db; }
		.navbar li { list-style-type: none; margin: 0; padding: 0; border-top: 1px solid #c4d0db; }
		.navbar li a { text-decoration: none; padding: 5px 0 5px 30px; display: block; }
		.navbar li:hover { background-color: #507698; }
		.navbar li a:hover { background-color: #507698; color: #fff; }

	#mcontent { margin: 0 0 1em 220px; padding-bottom: 1em; }

	#prefoot { background-color: #fff; width: 980px; margin: 5px auto 0 auto; padding-bottom: 5px; text-align: center; }

	#footer { color: #fff; background-color: #384b5c; width: 960px; margin: 10px auto 5px auto; font-size: 0.9em; padding: 10px; clear: both; }
		#footer a { color: #fff; }
		#mcontent table { margin: 0 auto; }
		#mcontent td { padding: 5px; }
		#mcontent th { background-image: url(/images/layout/th.png); background-repeat: repeat-x; background-position: top-left; font-size: 0.9em; margin: 0 0 2px 0; padding: 2px 0 3px 5px; color: #fff; font-weight: normal; font-style: normal; }