@charset "UTF-8";
/* CSS Document */

/* General HTML Tags */

body {
	background: #000 url('../img/jpj-bg.jpg') no-repeat center top;
	color: #fff;
	font-family: Verdana, Geneva, sans-serif;
	font-size: medium;
	margin: 0;
	padding: 0;
	text-align: center;
}

/* Page Layout DIVs */

#wrapper {
	margin: 0 auto;
	width: 900px;
}

#masthead {
	background: url('../img/jpj-header.jpg') no-repeat center center;
	height: 150px;
	margin: 2em 0;
	width: 900px;
}

#navigation {
	background: #e70;
	border: 1px solid #666;
	width: 900px;
}
#navigation ul {
	list-style: none;
	margin: 1em 0;
}
#navigation li {
	display: inline;
}
#navigation a {
	color: #000;
	padding: 0 1em;
	text-decoration: none;
	font-size: 1em;
}
#navigation a:hover {
	background: #630;
	color: #fff;
}

#footer {
	border-top: #fff 3px double;
	font-size: xx-small;
	margin: 4em 0;
	text-align: center;
}

/* Unique Page Layouts */

#groups {
	background: #666;
	border-top: 2px solid #600;
	border-bottom: 2px solid #600;
	margin: 0 4em;
	padding: 1em;
	
}

#music {
	background: #666;
	border-top: 2px solid #600;
	border-bottom: 2px solid #600;
	margin: 0 4em;
	padding: 1em;
	
}

#donate {
	background: #666;
	border-top: 2px solid #600;
	border-bottom: 2px solid #600;
	margin: 0 4em;
	padding: 1em;
	
}

#mission,
#event {
	background: #666;
	border-top: 2px solid #600;
	border-bottom: 2px solid #600;
	margin: 0 4em;
	padding: 1em;
}

#mission {
	text-align: left;
}

#event .date {
	border-bottom: 2px dashed #600;
	font-size: larger;
	font-style: italic;
	padding-bottom: 0.5em;
}
#event .location {
	font-weight: bold;
}
#event ul {
	list-style: none;
	margin: 1em;
	padding: 0;
}