/* style.css - for DDPB*/
body {
  margin-left: 10%; margin-right: none;
  /*color: #c0c0c0;*/ background: #1c2449;
}

musicbody {
  margin-left: 10%; margin-right: none;
  color: #000000; background: #1c2449;
}
mediabody {
	margin-left: none;
	margin-right: 10%;
	
	background: #1c2449;
}


h1 { 
	margin-left: 4%;
	color: #c0c0c0;
}

h2, h3, h4, h5, h6 {
	text-align: center;
	color: black;
	margin-left: 8%;
}

div.banner{ 
	background-image: url(img/Bannertile.jpg); 
	background-repeat: repeat-x, repeat-y;
	margin-left:-10%;
	margin-right:none;
	border: none; 
	width: 100%;
}


#sidebar{
	text-align: center;
}


/* nav list for main pages (index, about, etc) */
#nav ul{
	padding: 3px 0;
	margin-left: -10%;
	margin-right: 10%;
	border-bottom: 1px solid #778;
	font: bold 12px Verdana, sans-serif;
}

#nav ul li{
	list-style: none;
	margin: 2%;
	/*background: #2a3900;*/
	display: inline;
}

#nav ul li a{
	padding: 3px 0.5em;
	margin-left: 3px;
	border: 1px solid #778;
	border-bottom: none;
	background: #2a3900;
	text-decoration: none;
}

#nav ul li a:link{
	color:#c0c0c0;
}

#nav ul li a:visited{
	color: #667;
}

#nav ul li a:link:hover, #nav ul li a:visited:hover{
	color: #000;
	background: #AAE;
	border-color: #227;
}

#nav ul li a#current{
	background: #2a3900;
	border-bottom: 1px solid white;
}


/* nav2 list for mo and main pages (upthedistrict, music, contacts, those in nav, etc) */
#nav2 ul{
	padding: 3px 0;
	margin-left: -10%;
	margin-right: 10%;
	border-bottom: 1px solid #778;
	font: bold 12px Verdana, sans-serif;
}

#nav2 ul li{
	list-style: none;
	margin: 1%;
	/*background: #2a3900;*/
	display: inline;
}

#nav2 ul li a{
	padding: 3px 0.5em;
	margin-left: 3px;
	border: 1px solid #778;
	border-bottom: none;
	background: #2a3900;
	text-decoration: none;
}

#nav2 ul li a:link{
	color:#c0c0c0;
}

#nav2 ul li a:visited{
	color: #667;
}

#nav2 ul li a:link:hover, #nav ul li a:visited:hover{
	color: #000;
	background: #AAE;
	border-color: #227;
}

#nav2 ul li a#current{
	background: #2a3900;
	border-bottom: 1px solid white;
}

/* monav list for mo pages (music, contacts, etc) */
#monav ul{
	padding: 3px 0;
	margin-left: -10%;
	margin-right: 10%;
	border-bottom: 1px solid #778;
	font: bold 12px Verdana, sans-serif;
}

#monav ul li{
	list-style: none;
	margin: 2%;
	/*background: #2a3900;*/
	display: inline;
}

#monav ul li a{
	padding: 3px 0.5em;
	margin-left: 3px;
	border:1px solid #778;
	border-bottom: 1px solid #778;
	background: #2a3900;
	text-decoration: none;
}

#monav ul li a:link{
	color:#c0c0c0;
}

#monav ul li a:visited{
	color: #667;
}

#monav ul li a:link:hover, #nav ul li a:visited:hover{
	color: #c0c0c0;
	background: #AAE;
	border-color: #227;
}

#monav ul li a#current{
	background: #2a3900;
	border-bottom: 1px solid white;
}

img.center{
	display: block;
	margin-left: auto;
	margin-right: auto;
}	

div.body{
	background: #c0c0c0;
	margin-left: -10%;
	margin-right: 10%;
	border: solid;
	border-width: thin;
	border-color: white;
}
/*mediabody for media page*/
div.mediabody{
	background: #1c2449;
	margin-left: -10%;
	margin-right: 10%;
	border: solid;
	border-width: thin;
	border-color: white;

}

.body p{
	color: black;
}

#content{
	background: #c0c0c0;
	margin-left: -10%;
	margin-right: 10%;
	border: solid;
	border-width: thin;
	border-color: white;
}

#musiccontent tr td ul li{
	color: #000000;
	background: #AAE;
	border-color: #227;
}
}

/*#mediacontent for media page*/
#mediacontent{
	background: #1c2449;
	margin-left: -10%;
	margin-right: 10%;
	border: solid;
	border-width: thin;
	border-color: white;
}

#mocolumnleft{
	float: left;
	background: #c0c0c0;
	width: 33%;
	margin-top: 1%;
	margin-left: -10%;
	margin-right: 1.67em;
	border: top 1px solid white;
	border: bottom 1px solid white;
	border-left: 1px solid white;
	border-right: 1px solid white;
	padding-top: 0;
	padding-bottom: 20px;
}

#mocolumnright{
	padding-left: 2em;
	background: #c0c0c0;
	margin-top: 0%;
	margin-right:10%;
	border-left: 1px solid white;
	border-right: 1px solid white;
	padding-top: 0;
}

/*#recentevents for index*/
#recentevents {
	background: #c0c0c0;
	margin-left: -10%;
	margin-right: 10%;
	border: solid;
	border-width: thin;
	border-color: white;
	text-align: center;
}

/*#mediabottom for picasa links, bottom of media page*/
#mediabottom {
	background: #1c2449;
	margin-left: -10%;
	margin-right: 10%;
	border: solid;
	border-width: thin;
	border-color: white;
	text-align: center;
}

/*#footer used on index*/
#footer {
	color: black;
}

#caption {
	font-size: 8pt;
	text-align: center;
}

/*Calendar*/

table {
	border: 0;
	padding: 0;
	width: 100%;
	border-collapse: collapse;
	}
	
td a:link, td a:visited{
	text-decoration: none;
}

#year {
	color: black;
	font-family: monospace;
	font-size: 1.5em;
	padding:0;
	margin:0;
}

#month {
	color: black;
	font-family: monospace;
	font-size: 2em;
	padding: 0;
	margin: 0;
	}

#days {
	background-color: black;
	color: white;
	font-family: monospace;
	width: 75px;
}

.date {
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	font-family: monospace;
	text-decoration: none;
	float: left;
	width: 1.5em;
	height: 1.5em;
	background-color: white;
	text-align: center;
}

.addevent {
	display: block;
	float: left;
	width: 1em;
	height: 1em;
	text-align: center;
	background-color: #666;
	color: white;
	font-weight: bold;
	text-decoration: none;
}

.event {
	clear: both;
	padding-left: 1em;
	padding-bottom: .75em;
	display: block;
}

td {
	width: 14%;
	background-color: #ccc;
	border: 1px solid white;
	vertical-align: top;
}

.weekend {
	background-color: #999;
}

.emptydate {
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	font-family: monospace;
	text-decoration: none;
	float: left;
	width: 1.5em;
	height: 1.5em;
	background-color: #ccc;
	text-align: center;
}

#today {
	border: 2px solid black;
}