html {
	height: 100%;
	margin: 0;
	}
body {
	height: 100%:
	margin: 0;
	background-repeat: no-repeat;
	background-attachment: fixed;

/* thanks to http://blog.fakedarren.com/2010/01/cross-browser-css-gradients/ */
    /* fallback (Opera) */
    background: #66D5FF;
    /* Mozilla: */
    background: -moz-gradient(top, #91e2ff, #0e9eb8);
    /* Chrome, Safari:*/
    background: -webkit-gradient(linear,
                left top, left bottom, from(#91e2ff), to(#0e9eb8));
    /* MSIE */
    filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#91e2ff', EndColorStr='#0e9eb8', GradientType=0);

	scrollbar-face-color:#91e2ff;
	scrollbar-arrow-color:#0e9eb80;
	scrollbar-track-color:#0D8BA2;
	scrollbar-shadow-color:#20CFEE;
	scrollbar-highlight-color:#20CFEE;
	scrollbar-3dlight-color:#20CFEE;
	scrollbar-darkshadow-Color:#20CFEE;
  }

a:link {color:#0e9eb8;}
a:visited {color: #0e9eb8;}
a:active {color: #0e9eb8;}
a:hover {color: #0e9eb8;}
a {text-decoration: none;}

@font-face {  
  font-family: "monotype";  
  src: url( monotype.eot ); /* IE */  
  src: local("monotype"), url( monotype.ttf ) format("truetype"); /* non-IE */  
}  
 
/* THEN use like you would any other font */  
.monotype { font-family:"monotype", verdana, helvetica, sans-serif;  
}  

span.monotype{
	font-family: monotype; /* no .ttf */
}

.box {
	height: 600px;
	margin: 0 auto;
	width: 800px;
	border: 5px solid #000000;
	background:#FFFFFF;
}

.optionbox {
	height: 50px;
	width: 100px;
	margin: 0 auto;
	border: 3px solid #000000;
	background:#FFFFFF;
	font-family:monotype;
	font-size:24px;
	text-align:center;
}