body {
    font-family: Tahoma, "Century Gothic";
	color: #000;
	background-color: #000;
	margin: 20px;
	padding: 0px 15px 15px 15px;
    height: 100%;
}

.head {
	padding: 0px;
	text-align: center;
	background-color: #000;
}

.head .banner {
	position: relative;
	z-index: 20;
	box-shadow: 0px 0px 10px #030910;
	background-color: #000;
    width: 100%;
}

.head .banner img {
	height: auto !important;
	width: auto !important;
	max-width: 100%;
}

.content-wrapper {
	margin: 25px;
	overflow: hidden;
}

.columns-wrapper {
	background-color: #f7f9fb;
}

.content {
	padding: 30px;
	font-size: 1.2em;
	line-height: 1.5em;
    border: thin #CF474A;
}

table, td {
	margin: 0px auto;
	text-align: center;
}
table {
	border: #150202 solid;
	color: #08374F;
	font-size: 1em;
	padding: 8px;
	margin: 6px auto;
	width: 75%;
    align: center;
}
td {
	border: medium dotted #990205;
	padding: 8px;
    width: 33%;
}
th, td {
  border: 1px solid medium dotted #010D58;
  border-radius: 10px;
}

.footer {
	background-color: #000;
	box-shadow: inset 0px 16px 2px rgba(255,255,255,.025);
	border-top: 1px solid #000;
	padding: 15px 30px;
	font-size: 1.1em;
	color: #FFF;
	text-align: center;
}

h1, h2, h3, h4 {
	margin: 30px 0px 0px 0px;
}
h1 { font-size: 1.7em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.1em; text-align: center; }
h5 { font-size: .7em; text-align: right; }

.page-topper { margin-top: 0px; }

img.scalable {
	height: auto !important;
	width: auto !important;
	max-width: 100%;
}

img {vertical-align: bottom; padding: 3px; }

.imglft
{
	padding: 5px 10px 5px 0;
	float: left
}
.imgrgt
{
	padding: 5px 0 5px 10px;
	float: right
}
.imgctr
{
	display: block;
	margin: 0 auto
}

a:link {text-decoration: none; }
a:visited {	text-decoration: none; }
a:hover { text-decoration: underline; }
a:active { text-decoration: none; }

.content a { color:#99205; }
.content a:hover, .content a:focus { color: #2B0346; }
.footer a { color: #CF474A}
.footer a:hover, .footer a:focus { color: #FFF; }

/*MEDIA QUERIES*/
@media only screen and (min-width: 0px) and (max-width: 680px) {
ul.menutop {display: block;}
.menutop li {
	display: block;
	float: none;
	margin-right: 0px;
	margin-bottom: 5px;
}
.content, .menutop-wrapper {padding: 5px 5px !important;}
.content-wrapper {margin: 0px;}
}