menu {
	padding-top: 0px;
	padding-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	color: #14143d;
        background-color:"white";
}
table.menu { background: url("/art/menustripes.gif") repeat-x; }
table.menu { font-size: small; }

.hidden { display: none; }
.unhidden { display: block; }

.rating {
    float:left;
}

/* :not(:checked) is a filter, so that browsers that don’t support :checked don’t 
   follow these rules. Every browser that supports :checked also supports :not(), so
   it doesn’t make the test unnecessarily selective */
.rating:not(:checked) > input {
    position:absolute;
    align:center;
    top:-9999px;
    clip:rect(0,0,0,0);
}

.rating:not(:checked) > label {
    float:right;
    width:1em;
    padding:0 .1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:150%;
    line-height:1.2;
    color:#ddd;
    text-shadow:1px 1px #bbb, 2px 2px #666, .1em .1em .2em rgba(0,0,0,.5);
}

.rating:not(:checked) > label:before {
    content: #9734;
}

.rating > input:checked ~ label {
    color: #f70;
    text-shadow:1px 1px #c60, 2px 2px #940, .1em .1em .2em rgba(0,0,0,.5);
}

.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label {
    color: gold;
    text-shadow:1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);
}

.rating > input:checked + label:hover,
.rating > input:checked + label:hover ~ label,
.rating > input:checked ~ label:hover,
.rating > input:checked ~ label:hover ~ label,
.rating > label:hover ~ input:checked ~ label {
    color: #ea0;
    text-shadow:1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);
}

.rating > label:active {
    position:relative;
    align:center;
}
box {
        width:300px;
        height:300px;
        background-color:#ebebeb;
        position:fixed;
        margin-left:-150px;
        margin-top:-150px;
        top:50%;
        left:50%;
}
table.box { 
        background-color:#ebebeb; 
        color:#00008f; 
        font-size:12pt;
        font-family:geneva, arial, helvetica;
 }

body {background-color:#ebebeb;}
h1 {color:#00008f;font-size:20pt;font-family:geneva, arial, helvetica;}
h2 {color:#00008f;font-size:20pt;font-family:geneva, arial, helvetica;}
p {color:#00008f;font-size:12pt;font-family:geneva, arial, helvetica;}
ul {color:#00008f;font-size:12pt;font-family:geneva, arial, helvetica;}
li {color:#00008f;font-size:12pt;font-family:geneva, arial, helvetica;}
td {color:#00008f;font-size:12pt;font-family:geneva, arial, helvetica;}
center {color:#14143d;font-size:12pt;font-family:geneva, arial, helvetica;}
input[type="submit"] {
   background: #eee; 
   font-size: 120%; 
   font-family: geneva, arial, helvetica;
   moz-border-radius: 15px;
  -webkit-border-radius: 15px;
   padding: 5px;
}
input[type="reset"] {
   background: #eee; 
   font-size: 120%; 
   font-family: geneva, arial, helvetica;
   moz-border-radius: 15px;
  -webkit-border-radius: 15px;
   padding: 5px;
}