@import url(reset.css);
@charset "utf-8";
/* CSS Document */


html body {
       font-family:Arial, Helvetica, sans-serif;
       color:#fff;
}
body {
       background:#000 url(images/bg.jpg) top right repeat-x;
}

h1 {	
	padding:3px 5px 8px;
	font-size:26px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
}
h2 {}
h3 {
	background:#000;
	margin-bottom:5px;
	padding:3px 5px 5px;
	font-size:18px;
	font-family:"Times New Roman", Times, serif;
	color:#fff;
}
p {padding-bottom:10px;}
strong {font-weight:bold;color:#FFD700;}
em {font-style: italic;}

#wrapper {
	width:920px;
	height:auto;
	margin:0 auto;
}

#masthead {
	background:url(images/matheadBg.jpg) top left;
	width:100%;
	height:40px;
}
#masthead img {
	float:left;
	margin-left:10px;
}
#masthead ul {
	float:right;
	padding:10px 10px 0px;
}
#masthead ul li {
	float:left;
	padding:0 4px;
	font-size:13px;
	font-family:"Times New Roman", Times, serif;
	color:#fff;	
}
#masthead ul li a {	
	color:#fff;
	white-space:nowrap;
}
#masthead ul li a:hover {
	color:#ff0000;
}

#navigation {
	width:100%;
	height:15px;
	padding:15px 0;
	clear:both;
}
#navigation ul {
	position: center
	width:920px;
	margin:0 auto;
}
#navigation ul li {
	float:left;
	padding:0 25px;
}
#navigation ul li a {
	font-weight:bold;
	color:#d7d5d8;
}
#navigation ul li a:hover {
	color:#ff0000;
}

#content {
	background:#222;
	width:100%;
	overflow:hidden;
	clear:both;
}
#topColumn {
	background:#2b2b2b;
	width:100%;
	height:auto;
	padding:5px 10px;
	overflow:hidden;
}
#topColumn img {
	float:left;
	margin:0 8px 0 0;
}

#leftColumn {
	background:url(images/columnBg.jpg) top left;
	width:560px;
	height:auto;
	float:left;
	padding:2px 0 0 10px;
	font-size:12px;
}
#leftColumn a {
	float:right;
	margin:10px 0 5px;
	color:#ff0000;
}
#leftColumn #columnWrapper {
	min-height:300px;
	padding:5px 10px;
	border:1px solid #000;
	overflow:hidden;
}
#leftColumn #column1, #leftColumn #column2, #leftColumn #column3 {
	width:152px;
	height:auto;
	float:left;
	padding:0 5px;
	line-height:13px;
	color:#d7d5d8;
}
#leftColumn #column1 h3, #leftColumn #column2 h3, #leftColumn #column3 h3 {
	background:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	line-height:18px;
	padding:3px 0;
	color:#fff;
}
#leftColumn h3 span {
	font-family:Arial, Helvetica, sans-serif;
}

#rightColumn {
	width:320px;
	height:auto;
	float:right;
	padding:0 13px 13px;
}
#rightColumn #socialLinks a {
	width:90px;
	height:40px;
	float:left;
	padding:10px 0 0 10px;
	border-top:1px solid #666;
	border-right:1px solid #666;
}
#rightColumn #socialLinks a.borderTopNone {border-top:none;}
#rightColumn #socialLinks a.borderRightNone {border-right:none;}
#rightColumn #socialLinks a:hover img {
	opacity:.5;
	filter:alpha(opacity=50);
}
#footer {
	background:url(images/matheadBg.jpg) top left;
	width:890px;
	height:28px;
	padding:12px 15px 0;
	font-size:11px;
}
#footer p {
	float:left;
	padding:0;
}
#footer #links {
	float:right;
	margin-right:10px;
}
#footer #links a {
	color:#fff;
}
#footer #links a:hover {
	color:#ff0000;
}
.subPage {
       color:#fff;
}
/* -- sub page styles -- */
.subPage #content {
	width:900px;
	padding:20px 10px 20px;
}
.subPage #content h1 {
	border-bottom:1px solid #fff;
}
.subPage #leftColumn {
	width:546px;
	padding-left:0;
}
.subPage #leftColumn h3 {
	color:#FFD700;
}
.subPage #leftColumn p {
	font-size:13px;
	line-height:15px;
}
.subPage #leftColumn a {
	float:none;
	text-decoration:underline;
}
.subPage #leftColumn #columnWrapper {
	min-height: 468px;
	padding-bottom:20px;
}

#javaDetection {
	padding:10px;
	margin:0 auto;
	background:#FFFF33;
	text-align:center;
	color:#000;
	border:1px solid #ff0000;
}
/* -- classes -- */
.underline {text-decoration:underline;}
.red {color:#ff0000;}