body {background-color: #F8F8F8;
        color: black;
        margin: 0;
        padding-top: 0px;
        text-align: center;}
p {margin-left:20px;}
a {text-decoration: none;
    padding: 0px;}
a:hover {color: #f33;
    text-decoration: underline;
}
pre {text-align: left; font-size: 80%;}
h1 {margin: 0.3em;}
h1.standout {margin: 0.7em;
        padding: 0.1em;
	border: 1px solid #eee;
	box-shadow: 0px 0px 42px #eee;}
h2,h3 {
        margin: 0.1em;
        text-align: center;
    }
img {border:0; margin 0px;}
input:hover {border:1px solid #ccc; }
input:focus {
        outline:none;
        border:1px solid #666;
	box-shadow: 2px 2px 2px #666;
    }
input[type="text"]:hover { border:1px solid #333; }
input[type="text"].survey:hover { border:1px solid #333; }
input[type="text"].survey:focus { background: #ffc; }
input[type="text"]:focus { background: #ffc; }
select:focus { background: #ffc; }
.vcomment {
        background: white;
	border:1px solid #ccc;
	padding: 0.2em;
	color:#888;
	border-radius: 3px;
	box-shadow: 1px 1px 2px #ccc inset;
    }
input[type="text"].survey {
        width: 100%;
	background: #eee;
	border:1px solid #888;
	padding: 0.2em;
	color:#000;
	border-radius: 3px;
	box-shadow: 1px 1px 1px #aaa inset;
    }
input[type="submit"] {
        background: white;
	border:1px solid #eee;
	padding: 0.2em;
	color:#888;
	border-radius: 3px;
	box-shadow: 1px 1px 1px #aaa;}
input[type="submit"]:hover {
	border:1px solid #999;
	box-shadow: 1px 1px 2px #666;
    }
input[type="submit"]:active {
	border:1px solid #666;
	box-shadow: 1px 1px 2px #666 inset;
    }
input[type="submit"].bigbutton {
        background: white;
        border:2px solid #999;
        padding: 0.5em;
        color: black;
        border-radius: 13px;
	font-size: 150%;
        box-shadow: 1px 1px 4px #ccc;
    }
input[type="submit"].bigbutton:active { box-shadow: 1px 1px 4px #999 inset;}
input[type="submit"].bigbutton:hover { border: 2px solid #333; }
.titlebar {
        width: 100%;
        margin: 0px;
        padding: 0.5em 0em 0.5em 0em;
        background: #eee;
        color: black;
        border-bottom: 1px solid #ddd;
/*        box-shadow: 0px 0px 0px red inset;
 */
    }
.left {
        float: left; 
        padding: 0em 0.5em 0em 0.5em;
    }
.right {
        float: right;
        padding: 0em 0.5em 0em 0.5em;
    }
.ballotnav {
        font-size: 400%;
        padding: 0px 21px 0px 21px;
        margin: 42px;
        border: 1px solid grey;
        border-radius: 6px;
        box-shadow: 2px 2px 2px #ccc;
    }
/* Begin Navigation Bar Styling */
.navbar {
        width: 100%;
        float: left;
        margin: 0 0 1em 0;
        padding: 4px 0px;
        background-color: #eee;
        border-bottom: 1px solid #ccc; 
        border-top: 0px solid #ccc;
        box-shadow: 0px 0px 4px #ccc inset; 
    }
.navbar li {
   padding: 4px 8px;
   display: inline;
   text-decoration: none;
   font-weight: bold;
   color: #000;
   border-right: 1px solid #eaeaea;
   border-left: 1px solid #e6e6e6;
   }
.navbar li:hover {
   border-right: 1px solid #ddd;
   border-left: 1px solid #ddd;
   background-color: #fcfcfc;
    box-shadow: 0px 0px 1px #aaa;}
/* End navigation bar styling. */
ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.tile {background: white;
	padding: 21px;
	padding-top: 42px;
	padding-bottom: 42px;
	margin: 10px;
	border:1px solid #eee;
	border-radius: 13px;
	box-shadow: 2px 2px 2px #ccc;
    }
.tile2 {
	box-shadow: 2px 2px 2px #666;
        border:1px solid #666;
        }
.tile3 {
	box-shadow: 2px 2px 6px #666 inset;
        border:1px solid #666;
        }
.tile3:hover {
        box-shadow: 2px 2px 3px #999 inset;
    }
.tile3:active {
        box-shadow: 2px 2px 2px #999;
    }
.tiler {
        border:1px solid #c66;
	box-shadow: 2px 2px 2px #c66;
        }
.tileg {
        border:1px solid #6c6;
	box-shadow: 2px 2px 2px #6c6;
        }
.tileb {
        border:1px solid #66c;
	box-shadow: 2px 2px 2px #66c;
        }
#intro {
        background: white;
	display:inline-block;
	position: relative;
	float: center;
	width: 65%;
	margin: 2%;
	padding: 0.5em;
	text-align: left;
    }
.survey {
        background: #ddd;
	display:inline-block;
	position: relative;
	float: center;
	border:1px solid #888;
	margin: 2%;
	padding: 0.5em;
	font-size: 90%;
	color:#333;
	text-align: left;
	box-shadow: 0px 0px 2px #aaa inset;
    }
.dpquote {
        font-size: 200%;
	margin: 0em 5em 0em 5em;
        }
.motd {
        background: #faa;
	display: inline-block;
	position: relative;
	float: center;
	border: 2px solid black;
	margin: 1em 2% 1em 2%;
	padding: 0.5em;
	font-size: 110%;
	color:#333;
	text-align: right;
	box-shadow: 2px 2px 4px #aaa;}
.quote {
        background: #ffd;
	display: inline-block;
	position: relative;
	float: center;
	border: 1px solid #eed;
	margin: 1em 2% 1em 2%;
	padding: 0.5em;
	font-size: 90%;
	color:#333;
	text-align: right;
	box-shadow: 2px 2px 4px #aaa;
    }
select { 
/*        -webkit-appearance: none;  /*Removes default chrome and safari style*/
/*        -moz-appearance: none; /* Removes Default Firefox style*/
/*        background: #0088cc url(img/select-arrow.png) no-repeat 90% center;
/*        text-indent: 0.01px; /* Removes default arrow from firefox*/
/*       text-overflow: "";  /*Removes default arrow from firefox*/
    
        width: 100%;
	background: #eee;
	margin: 2px;
	padding: 0.1em;
	border:1px solid #888;
	font-size: 75%;
	color:#333;
	border-radius: 3px;
	box-shadow: 1px 1px 1px #aaa;
    }
SELECT:hover {
        border: 1px solid #000;
    }
#credits {font-size: 66%;}
cite { 
        display: block;
        margin: 0.2em 0 1em 0;
    }
.subethr {
        background: #eee;
        width: 95%;
        display: inline-block;
        position: relative;
        float: center;
        text-align: left;
	border:1px solid #999;
	padding: 1em;
	color:#666;
	box-shadow: 0px 0px 3px #ccc inset;
    }
.preformatted {
    font-family: monospace;
    white-space: pre;
}