menu {
	padding-top: 0px;
	padding-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	color: #14143d;
        width: 100%;
}

table.menu {
        background: url("/art/menustripes.gif") repeat-x;
        width: 100%;
        text-align: center;
   }


.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;
}

.adtextad {
     width: 97%;
     -webkit-column-count: 3;
     -moz-column-count: 3;
     column-count: 3;
     -webkit-column-gap: 2%;
     -moz-column-gap: 2%;
     column-gap:2%;
}

h2.adtextad {
     -webkit-column-span: all;
     -column-span: all;
}

.adright {
     width: 15%;
     height: 70%;
     background-color:#ebebeb;
     top: 50%;
     right: 5%;
     padding: 10px;
     float right;
     text-align: right;
}
.adleft {
     width: 15%;
     height: 70%;
     background-color:#ebebeb;
     top: 50%;
     left: 5%;
     padding: 10px;
     float left;
}

.threeiconbox {
        width:250px;
        height:60px;
        background-color:lightblue;
        border: 1px solid blue;
        padding: 1%;
        margin: 0 auto;
        top: -30;
        float: center;
        text-align: center;
}

.box {
        width:30%;
        height:30%;
        background-color:#ebebeb;
        position:fixed;
        margin-left:-5%;
        margin-top:-5%;
        top:50%;
        left:50%;
}
table.box { 
        background-color:#ebebeb; 
        color:#00008f; 
        font-size:12pt;
        font-family:geneva, arial, helvetica;
 }
.box1 {
     width: 50%;
     background-color:#ebebeb;
     margin: 0 auto;
     padding: 10px;
     float left;
}

.box2 {
     width: 50%;
     background-color:#ebebeb;
     margin: 0 auto;
     float left;
}

.textbox {
     width: 90%;
     background-color:#ebebeb;
     font-size:120%;
     color:#00008f;
     margin: 0 auto;
     float center;
}

.fulltext {
     width: 100%;
     background-color:#ebebeb;
     margin: 0 auto;
     float center;
}

.textright {
     width: 70%;
     background-color:#ebebeb;
     margin-right: 0 auto;
     margin-left: 0 auto;
     float right;
     text-align right;
}

.textleft {
     width: 70%;
     background-color:#ebebeb;
     margin-left: 0 auto;
     margin-right: 0 auto;
     float left;
     text-align: left;
}


container {
    width: 30em;
}

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;
}

wide-column {
   width: 80%;
   padding-top: 0px;
   padding-bottom: 0px;
   margin-left: auto;
   margin-right: auto;
   padding: 0px;
   color: #14143d;
}

table.wide-column {
    width: 80%;
}

mainpage {
   width: 80%;
   padding-top: 0px;
   padding-bottom: 0px;
   margin-left: auto;
   margin-right: auto;
   padding: 0px;
   color: #14143d;
   text-align: center;
}

body {background-color:#ebebeb;font-color:#00008f}
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;}