@import url('https://fonts.googleapis.com/css?family=Cinzel');
body {
	margin: 3px 0 0 0;
	padding: 0;
	background: #333333 url(img/bgtile.png) repeat-x;
	font: normal small Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	letter-spacing: .33em;;
}

p, ul, ol, blockquote {
 margin: 0px;
 padding: 3px;
 line-height: 150%;
 color: #EDECC2;
}
u {
color: #75A3C6;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* Header */

#header {
	width: 720px;
	margin: 0 auto;
}

#header * {
text-decoration: none;
text-align: center;
}

#header h1 {
font-family: 'Cinzel', serif;
color: #D8FF04;
padding: 88px 0 0 0;
font-size: 4.3em;
letter-spacing: 13px;
text-shadow: 2.3px 2.3px #75A3C6, 0px 1px 5px #000000;
transform: scale(1, .73);
  -webkit-transform: scale(1, .73); /* Safari and Chrome */
  -moz-transform: scale(1, .73); /* Firefox */
  -ms-transform: scale(1, .73); /* IE 9+ */
  -o-transform: scale(1, .73); /* Opera */
}

#header h2 {

 font-size: .8em;
 letter-spacing: 7px;
 color: #75B803;
 margin: 5px;
 text-shadow: 0px 1px 5px #000000;
}

#header h3 {
 font-size: 1.3em;
 color: #A7C400;
margin: 0px 0px 23px 0px;
text-shadow: 0px 1px 5px #000000;
}


button.expand {
 background: Transparent no-repeat;
 border: none;
 width: 100%;
 cursor: pointer;
 padding: 0px;
 margin: 0px;
}

button.expand.active, button.accordion:hover {

}

div.panel {
 background-color: #444444;
 border-radius: 33px;
 border: 2px solid #75A3C6;
 padding: 13px;
 margin: 13px auto;
 width: 50%;

 text-align: center;
 text-shadow: 0px 1px 3px #222222;
}

/* paragraphs */

/* Badges */
#badges {
padding: 7px;
text-align: center;
}

.fade {
    opacity: 0.33;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}

.fade:hover {
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

/* Footer */

#footer {
	height: 70px;
	padding: 7px 0 0 0;
        text-align: center;
	color: #696969;
	text-align: center;
	font-size: smaller;
}