body
{
	margin:0;
	background-color: white;
	font-family: "Arial", sans-serif;
}
a { color:red; }
a:hover { text-decoration:none; }

#container { background:url(../images/bckg.jpg) 0px 100px repeat-x white; }
#header { background:url(../images/header_bckg_red.jpg) repeat-x #DA3235; }
#logo
{
	width:100%;
	max-width: 50em;
	margin:auto;
	padding:1em 0em;
	vertical-align:middle;
	text-align: center;
}
#logo h1
{
	font-family: "Times New Roman", Times, serif;
	display: inline;
	font-style: italic;
	font-size: 250%;
	text-align: center;
	padding:0em;
	margin:0em;
	color: gold;
	text-shadow: black 0.2em 0.2em 0.3em;
	vertical-align: middle;
}
#logo img
{
	height: 3em;
	width: auto;
	position: relative;
	top: 0.1em;
	padding: 1em 1.5em;
	margin: 0em;
}
#menu { background:black; width:100%; max-width:50em; margin:0 auto; height: 2em; }
#menu ul { margin:0; padding:0; }
#menu ul li{ display:inline-block; float:left; list-style:none; text-align:center; padding: 0em; margin:0em; line-height:1.0; }
#menu a { display:block; float:left; color:white; font-weight:bold; text-decoration:none; padding:0.5em 0.7em; }
#menu a:hover{ background: gold; color:#193441; }
#bar { background-color: gold; width:100%; height:2em; margin:0em; padding:0em; }

#main { max-width:50em; width:100%; margin:auto; background-image: url(../images/bgmusic.gif); }
#submain { border: solid #ddd 1px; border-top: none; border-bottom: none; }
#content { margin:0 auto; padding:1em; min-height: 30em; }
#content h1 { margin:0em; color: white; background:black; padding:0.3em 0.5em; display:inline; line-height:1.5em; }
#content p { padding-bottom:0; margin-bottom: 1em; }

#content img { max-width: 47em; padding: 0.5em; margin:0em; }
#content marquee img { max-width: none ; }

img.profile { float:right; max-width:20em; }
#content .home { max-width:34em; }
#content .home img { max-width:32em; }

.gallery { margin-top: 1em; }
.gallery img { width:100%; height:auto; }

.article { margin-top:1.5em; }
.article img { max-width: 47em; padding:0.5em; float:right; }
.article h2 { display:inline; }
.article h3 { display:inline; color: #959D86; text-align:right; }
.article .rule { clear:both; background-color:transparent; height:1em; }

.pagination { text-align:right; color: #91AA9D; margin:1em 0em; }

#footer { background:url(../images/footer_bckg_red.jpg) repeat-x #D92527 bottom center; height:10em; border-style:solid; border-color: gold; border-width: 0.5em 0em; font-size: 60%; clear:both; }
#left_footer { float:left; padding:1em; text-transform:uppercase; color:#FFFFFF; font-weight:bold;}
#left_footer a { color:white;}
#left_footer a:hover { text-decoration:none;}
#right_footer { float:right;  padding:1em; text-transform:uppercase; color:white; font-weight:bold; text-align:right;}
#right_footer a { color:white;}
#right_footer a:hover { text-decoration:none; }

div.sidebox
{
	clear: right;
	float: right;
	width: 12em;
	border: solid 1px #ccc;
	margin: 0.5em;
	padding: 1em;
	background: #eee;
	font-size: smaller;
}

div.sidebox p
{
	margin: 0em;
	padding: 0em;
}

div.sidebox h3
{
	margin: 0em;
	padding: 0em;
	text-align: right;
}

div .sidebox .date
{
	color: gray;
	display: block;
	font-size:80%;
}

.userInput { background-color:#eeeeee; width:90%; border:solid black 1px; padding:20px; }
.adminBox { width:90%; border:solid black 1px; padding:3px; }
.borderlessAdminBox { width:90%; border:0px; padding:3px; }
.exceptionBox { width:100%; background-color:red; color:white; border:solid black 1px; font-weight:bold; margin:2px; }
.activeRow { vertical-align:top; }
.inactiveRow { vertical-align:top; background-color:#eeeeee; }
.minorInfo { font-size:90%; }
.additionalInfo { font-size:90%; }

.submit { padding: 0em; margin: 0em; }
.submit input { border:none; background-color:red; color:white; font-size: 120%; }
