body
{
	background-color:#E4E0E0;
	text-align:center;
	font-family: Helvetica;
}

h1
{
	font:bold 68px calibri, sans-serif;
}

#container {
	table-layout:fixed;
	width:380px;
	height: 100%;
	margin:0 auto;
	border:0px;
	border-spacing:20px;
}
#container td
{
	font-size:370%;
	font-weight:bold;
	/*font-family:"Alfphabet";*/
	/*font-family:"Fruktur", cursive;*/
	background-color:#62B1F6;
	/*border:1px solid #4682B4;*/
	border:none;
/*	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	-o-border-radius:7px;*/
	border-radius:4px;
	padding:20px;
	height:25%;
	line-height:70px;
	text-align:center;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
	-webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

#container td:hover
{
	background-color:#4682B4;
	cursor:pointer;
/*	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;*/
}

#container td:active
{
	-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
}

.infodiv
{
	/*width:400px;*/
	font-size:14pt;
	margin:0 auto;
}

.infodiv div.hideshow
{
	width:230px;
	margin:0 auto;
}

.singlebutton
{
	font-size:90%;
	text-align:center;
	width:110px;
	line-height:40px;
	text-decoration:none;
	background-color: #EEE9E9;
	border:1px solid #C9C9C9;
	padding: 0 0 0.3em 0;
	font-weight:bold;
	color:#666666;
/*	text-decoration:none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;*/
	display:block;
	margin:auto;
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.singlebutton:hover
{
	cursor:pointer;
	color:#000000;
	text-decoration:none;
	border-color:#000000;
}

.singlebutton:active
{	
	-webkit-box-shadow: 0px 1px 9px #cccccc inset;
	-moz-box-shadow: 0px 1px 9px #666666 inset;
	box-shadow: 0px 1px 9px #666666 inset;
}
.hideshow
{
	font-size:70%;
	text-align:center;
	width:140px;
	line-height:20px;
	text-decoration:none;
	background-color: #EEE9E9;/*#DB2929;/*#F9F9F9;*/
	border:1px solid #C9C9C9;
	padding: 0 0 0.3em 0;
	font-weight:bold;
	color:#666666;/*000000;/*color:#666;*/
	/*text-shadow: 1px 1px #fff;*/
	text-decoration:none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}

.hideshow:hover
{
	cursor:pointer;
	color:#000000;
	text-decoration:none;
	border-color:#000000;
}

.hideshow:active
{
	-webkit-box-shadow: 0px 1px 9px #cccccc inset;
	-moz-box-shadow: 0px 1px 9px #666666 inset;
	box-shadow: 0px 1px 9px #666666 inset;
}

/*@font-face {
	font-family: "Alfphabet";
	src: local('Alfphabet'), url(http://www.raw-d.com/stylesheets/alfphabet.woff) format("woff");
	font-weight: 400;
	font-style: normal;
	font-variant: normal;
	font-stretch: normal;
}*/

@font-face
{
  font-family: 'Alfphabet';
  font-style: normal;
  font-weight: 400;
  src: local('Alfphabet Regular'), local('Alfphabet-Regular'), url('http://www.raw-d.com/stylesheets/alfphabet.woff') format('woff');
}