@charset "utf-8";
/* CSS Document */

 /* ------------------------------------------ */
 /* RESETS, BASIC PAGE SETUP, BASIC TYPOGRAPHY */
 /* ------------------------------------------ */
 
 * { margin-top: 0; padding: 0; }
 html { overflow-y: scroll; }
 body {
	font: 62.5% Helvetica, sans-serif;
}
 ul { list-style: none inside; }
 p { font: 1.3em/1.3em; margin-bottom: 1.3em; }
 a { outline: none; }
 a img { border: none; }
a {text-decoration:none;}


/* END RESET */

html
{
	overflow: auto;
}

body
{
	margin: 0;
	padding: 0;
	/*background: #2E2E2E url('../images/background.jpg');*/
	font-size: 70%;
	font-family: verdana;
	color: #DDD;
}
#centrecontainer
{
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
}
#outercontainer
{
	margin-left: -450px;
	position: absolute;
	top: -300px;
	left: 50%;
}

#container    
{
	width: 900px;
	height: 545px;
	background:#444444;
}

#headercont
{
	width: 870px;
	height: 50px;
	/*background: #9C0 url('../images/headercont-background.jpg') repeat-x;*/
	letter-spacing: -1px;
	color:#666666;
	padding: 0 15px;
}


#headercont ul
{
	margin: 0;
	padding: 18px 0 0 0;
	list-style-type: none;
	text-align: right;
}

#headercont ul li
{
	display: inline;
	margin: 0 0 0 10px;
}

#headercont ul li a
{
	color: #E8FF9F;
	text-decoration: none;
}

#headercont ul li a:hover
{
	color: #FFF;
	text-decoration: none;
}

#mainleft
{
	float: left;
	width: 450px;
	height: 450px;
	/*padding-left:0px;
	padding-top:15px;
	padding-bottom:0px;
	padding-right:15px;*/
	background-color:#CCCCCC;
	/*background-image:url(test.jpg);*/
}

#mainleft h1
{
	margin: 0;
	padding-left:15px;
	padding-top:15px;
	font-weight: normal;
	font-family: arial;
	font-size: 300%;
	letter-spacing: 0px;
	color:#333333;
}

#mainright
{
	float: left;
	width: 450px;
	height: 450px;
	overflow: auto;
	/*padding: 15px 15px 0 15px;*/	
	padding-top:0px;
;
}

#mainright p
{
padding-left:15px;
padding-right:15px;
padding-top:0px;
padding-bottom:0px;
font-size:12px;
line-height:16px;
text-decoration:none;
}

#mainright a
{
color:#FFFFFF;
}

#mainright h1
{
padding-left:15px;
padding-top:0px;
}

#mainright h2
{
padding-left:15px;
padding-top:15px;
font: Verdana, Arial, Helvetica, sans-serif;
font-style:normal;

}
/* MENU */

#menucont
{
	width: 900px;
	height: 45px;
	background:#be2c2c;
	/*border-top:#FFFFFF 1px solid;
	border-bottom:#FFFFFF 1px solid;*/
}

#menucont ul
{
	margin: 0;
	padding: 10px 0 0 10px;
	list-style-type: none;
}

#menucont ul li
{
	display: inline;
}

#menucont ul li a
{
	float: left;
	padding: 5px 5px;
	margin: 0 10px 0 0;
	background:#CCCCCC;
	color:#333333;
	/*border: 1px solid #FFF;*/
	text-decoration: none;
}

#menucont ul li a.active
{
	color: #FFF;
	text-decoration: none;
	/*border: 2px solid #;*/
	background:#999999;
}

#menucont ul li a:hover
{
	background: #666666;
	color: #FFF;
	text-decoration: none;
	/*border: 1px solid #FFF;*/
}

/* END MENU */

/* FOOTER */

#footercont
{
	width: 900px;
	height: 30px;
	/*background: #9C0 url('../images/headercont-background.jpg') repeat-x;
	border-top: 1px solid #7EA800;*/
	background-color: #be2c2c;
	/*padding: 5px 15px;
	border-top:#FFFFFF 1px solid;*/
	padding-top:5px;
}

#footercont p
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-style:normal;
letter-spacing:normal;
padding-top:3px;
}

.image 
{
padding:0px;
float:left;

text-decoration:none;
}

.ambigrams
{
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-bottom:15px;
font-size:10px;
}

.tessellations
{
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-bottom:15px;
font-size:10px;
}