html {     font-size: 100%;
}
body {  background-color: #BAC0C4;
	color: #000000;
	font-family: Helvetica, Arial, sans-serif;
	
}
h1 { background-color: #0B0B3B;
    color: #F2F2F2;
    padding: .7rem;
    border: groove 5px #FFFFDD;
    vertical-align: middle;
    font-family: "Roboto", sans-serif;
    margin: .1rem;
    margin-bottom: .5rem;
    opacity: 0.8;
    filter: alpha(opacity=80); /* Opacity for IE8 and earlier */
    border-radius: 20px;
}
h1:hover {
	opacity: 1.0;/* No transparency when you're hovering over the element */
	filter: alpha(opacity=100); 
}
#social-button {
        width: 100px;
        height: 20px;
	display: inline-block;
}
.social-container {
	overflow: hidden;
	text-align: center;
}
h1 img {
        vertical-align: middle;
        padding-bottom: 0px;
}
h2 { font-style: italic;
    font-weight: bold;
    color: #F2F2F2;
}
h3 { font-weight: bold;
     color: #FFFFC9;
     font-size: x-large;
}
#main {
    background-color: #0B0B3B;
    padding: .3rem;
    border: groove 5px #FFFFDD;
    font-family: "Roboto", sans-serif;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 0.5rem;
    opacity: 0.8;
    filter: alpha(opacity=80); /* Opacity for IE8 and earlier */
    border-radius: 20px;
}
#main:hover {
	opacity: 1.0;/* No transparency when you're hovering over the element */
	filter: alpha(opacity=100); 
}
#nav a {
    display: inline-block;
    width: auto;
    vertical-align: top;
    padding: .7rem;
    margin-top: .5rem;
    margin-bottom: .5rem;
    color: #FFFFC9;
    font-weight: bold;
    font-size: x-large;
    opacity: 0.8;
    filter: alpha(opacity=80); /* Opacity for IE8 and earlier */
    background: rgb(76,76,76);
    background: -moz-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(76,76,76,1)), color-stop(12%,rgba(89,89,89,1)), color-stop(25%,rgba(102,102,102,1)), color-stop(39%,rgba(71,71,71,1)), color-stop(50%,rgba(44,44,44,1)), color-stop(51%,rgba(0,0,0,1)), color-stop(60%,rgba(17,17,17,1)), color-stop(76%,rgba(43,43,43,1)), color-stop(91%,rgba(28,28,28,1)), color-stop(100%,rgba(19,19,19,1)));
    background: -webkit-linear-gradient(top, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%);
    background: -o-linear-gradient(top, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%);
    background: -ms-linear-gradient(top, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%);
    background: linear-gradient(to bottom, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%);
}
#nav a:hover {
	color: #55E9F9;
	opacity: 1.0;
	filter: alpha(opacity=100); /* Opacity for IE8 and earlier */
}
#nav2 a {
    width: auto;
    padding: .7rem;
    vertical-align: top;
    color: #EB3F56;
    font-weight: bold;
    font-size: xx-large;
    opacity: 0.8;
    filter: alpha(opacity=80); /* Opacity for IE8 and earlier */
    background: rgb(76,76,76);
    background: -moz-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(76,76,76,1)), color-stop(12%,rgba(89,89,89,1)), color-stop(25%,rgba(102,102,102,1)), color-stop(39%,rgba(71,71,71,1)), color-stop(50%,rgba(44,44,44,1)), color-stop(51%,rgba(0,0,0,1)), color-stop(60%,rgba(17,17,17,1)), color-stop(76%,rgba(43,43,43,1)), color-stop(91%,rgba(28,28,28,1)), color-stop(100%,rgba(19,19,19,1)));
    background: -webkit-linear-gradient(top, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%);
    background: -ms-linear-gradient(top, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%);
    background: linear-gradient(to bottom, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%);
    
}
#nav2 a:hover {
	color: #55E9F9;
	opacity: 1.0;
	filter: alpha(opacity=100); /* Opacity for IE8 and earlier */
}
.footer { 
 text-align: center;
 }
.centered { 	text-align:center;
                  margin-top:0px;
                  margin-bottom:0px;
                  padding:0px;
}
a:hover { color: #DF7C47;
}
.centerelement { text-align: center;
}
.italic{ font-style: italic;
}
.bold { font-weight: bold;    
}
.midtext {
	font-size: large;
        color: #FFFFC9;
}
.smallitalic { font-style: italic;
                color: #FFFFC9;
                font-size: medium;
}
.smallitalic a { color: #C0F2FC;
}
.smallbold { font-weight: bold;
              color: #80471D;
              font-size: large;
}
#formbuttons {
    width: auto;
    padding: .5rem;
    vertical-align: top;
    color: #FFFFC9;
    font-size: large;
    background: #000000;
    linear-gradient(to bottom, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%);
    font-weight: bold;
}