@font-face {
        font-family: 'VeraSans';
        src: url('/fonts/Vera-webfont.eot');
        src: local('Bitstream Vera Sans Roman'), url('/fonts/Vera-webfont.woff') format('woff'), url('/fonts/Vera-webfont.ttf') format('truetype'), url('/fonts/Vera-webfont.svg#webfontWhA5YJtt') format('svg');
        font-weight: normal;
        font-style: normal;
}

@font-face {
        font-family: 'VeraSansOblique';
        src: url('/fonts/Vera-Italic-webfont.eot');
        src: local('Bitstream Vera Sans Oblique'), url('/fonts/Vera-Italic-webfont.woff') format('woff'), url('/fonts/Vera-Italic-webfont.ttf') format('truetype'), url('/fonts/Vera-Italic-webfont.svg#webfontTFOLKTJA') format('svg');
        font-weight: normal;
        font-style: normal;
}

@font-face {
        font-family: 'VeraSansBold';
        src: url('/fonts/Vera-Bold-webfont.eot');
        src: local('Bitstream Vera Sans Bold'), url('/fonts/Vera-Bold-webfont.woff') format('woff'), url('/fonts/Vera-Bold-webfont.ttf') format('truetype'), url('/fonts/Vera-Bold-webfont.svg#webfontRf6p8Sf1') format('svg');
        font-weight: normal;
        font-style: normal;
}

@font-face {
        font-family: 'VeraSansBoldOblique';
        src: url('/fonts/Vera-Bold-Italic-webfont.eot');
        src: local('Bitstream Vera Sans Bold Oblique'), url('/fonts/Vera-Bold-Italic-webfont.woff') format('woff'), url('/fonts/Vera-Bold-Italic-webfont.ttf') format('truetype'), url('/fonts/Vera-Bold-Italic-webfont.svg#webfontAga7GZ1d') format('svg');
        font-weight: normal;
        font-style: normal;
}


		body {
			font-family:  'VeraSans', sans-serif;
			font-size:12pt;
		}

                #masterbox {
                        width: 760px;
                        margin-right: auto;
                        margin-left :auto;
                }

                #header {
                        font-size:3em;
                        color:#FFCD00;
                        text-align: center;
                }
                #nav {
                        text-align:right;
                        padding-right:20px;
                }
                #selector {
                        width:760px;
                        vertical-align:top;
                        margin:0;padding:0;
                        text-align:center;
                        border-spacing:25px;
                        table-layout:fixed;
                }


		tr {
		}

		td {
			width:160px;
			height: 160px;
			padding: 0px;
			margin: 0px;
			background-color: #eee;
			font-size: 1.2em;
			color: #A0A0A0;
			font-weight: bold;
			text-shadow: 0px 0px 10px #fff;
		}
		td a {
			height:160px;
			width: 160px;
			font-size: 1em;
			color: #3443CF;
			font-weight: bold;
			text-shadow: 1px 1px 5px #aab;
			text-decoration: none;
		}
		td a:hover {
			text-decoration:none;
			color:#FFCD00;
		}

		.hosted {
			background-color: #FFFFFF;
			color: #E0E0E0;
		}

		#container {
			position:absolute;
			margin: 10px;
			width: 750px;
			background: #fff;
			opacity: 0.9;
		}
		#text {
			border: 1px solid #E0E0E0;
			padding: 10px;
		}

		#nav a, #nav a:hover, #nav a:focus, #nav a:visited {
			color: #3443CF;
			text-decoration: none;
		}
		#nav a:focus {
			border: 1px solid #E0E0E0;
		}

		#copy {
			text-size:0.9em;
			color: #aab;
		}
		#copy a {
			text-decoration:none;
			color: #3443CF;
		}