body {
  background-color: #bbbbbb;
}


/* ----------------------------------------------------------------------- */

#ntbanner  {
/*   background-image: url('/front/images/banner gershwin.jpg'); */
/*   background-image: url('/front/images/nt_army_2008_titled.jpg'); */
/*   background-image: url('/front/images/nt_holiday_main_titled.jpg'); */
   background-image: url('/front/images/holiday2009.jpg');
   background-position: center 0px;
   background-repeat: no-repeat;
   background-color: black;

   height: 286px;
   color: white;
   text-align: center;
}


/* ----------------------------------------------------------------------- */

#main-body {
	width: 800px;

	margin: 10px auto;
	background-color: #eeeeee;
	border: 1px solid;

	font-family: "Lucida Grande", Verdana, sans-serif;
	font-size: 90%;
}



/* ----------------------------------------------------------------------- */

/* This is the main content formatting */

#content {
	background-color: #ffffff;
	font-size: 90%;
	padding: 1px 15px 1px 15px;
	margin: 0;
}

/* images in the content div get a 1px border to "web 2.0"-ify them */
img#content {
	padding: 2px 2px 2px 2px;
	margin: 5px 10px 5px 10px;
	border: solid 1px navy;
}



/* ----------------------------------------------------------------------- */

/* the navigation bar as a whole */
#navbar {
	margin: 0 auto 0 auto;
	padding: 5px 0px 5px 0px;
	font-size: 80%;
	text-align: center;
	border-bottom: 1px solid #3f3f3f;
}


/* ----------------------------------------------------------------------- */

/* this is the formatting of each individual menu entry in the nav bar */
div.nav-button {
   font-family: "Lucida Grande", Verdana, sans-serif;
   font-weight: bold;
   color: #3f3f3f;
   margin: 5px 5px 5px 5px;
   display: inline;
}

div.nav-button a:link {
	color: #3f3f3f;
	text-decoration: none;
}

div.nav-button a:visited {
	color: #3f3f3f;
	text-decoration: none;
}

div.nav-button a:hover {
	color: navy;
	text-decoration:none;
}

/* ----------------------------------------------------------------------- */

/* brag is useful for callouts, like the headline at the top of the
   front page */

div.brag {
	text-align: center;
	font-size: 150%;
	padding: 7px 0px 7px 0px;
}


/* ----------------------------------------------------------------------- */

/* the formatting for the footer div at the bottom of the page */

#footer {
	clear: both;
	margin: 28px 0px 10px 0px;
	text-align: center;
	font-size: 80%;
	font-style: italic;
}

#footer hr {
	height: 1px;
	color: #3f3f3f;
	background-color: #3f3f3f;
	border: 0;
}


/* ----------------------------------------------------------------------- */

/* this is a right-floating sidebar of text that gets used on the main page
   to highlight our rehearsal location and upcoming shows */

#sidebar {
	float: right;
	clear: both;

	margin: 0px 0px 0px 0px;
	padding: 12px 12px 12px 12px;
	width: 145px;

	background-color: #ccccff;
	border: 1px solid navy;
	font-family: "Lucida Grande", Verdana, sans-serif;
}

.visit {
   font-size: 80%;
   color: navy;
   text-align: center;
}


.sidebar-feature {
   margin: 20px 0 5px 0;

   font-size: 70%;
}

.sidebar-feature td {
  vertical-align: top;
}


/* ----------------------------------------------------------------------- */

.yt {
  text-align:center;
}

/* ----------------------------------------------------------------------- */

div.feature_right {
	text-align: center;
	float: right;
	margin: 15px;
}

img.feature_right {
	border: none;
}

/* ----------------------------------------------------------------------- */

.recordings {
	text-align: center;
	margin: 20px auto 20px auto;
}

.recordings tr {
	vertical-align: top;
}

.recordings td {
	padding: 2px;
}

.recordingbox {
	text-align: center;
	border: 1px solid navy;
	padding: 20px;
	margin: 6px;
	background-color: #eeeeee;
	font-size: 80%;
}	

.recordingbox img {
	width: 144px;
}


/* ----------------------------------------------------------------------- */

.contact table{
	border: 0;
}

.contact td {
	text-align: left;
	vertical-align: top;
	padding: 0px 20px 0px 0px;
}

.audio {
	float:right;
	clear: left;
	margin: 0px 0px 10px 0px;
	padding: 12px 12px 12px 12px;
	width: 145px;
	border: 1px solid navy;
	background-color: #eeeeee;
	text-align:center;
}

.main {
	width:555px;
	border: 1px solid navy;
	padding: 10px 15px;
	background-color: #efefff;
}

div.callout {
	margin: 15px;
	background-color: #dddddd;
	padding: 3px 10px 3px 10px;
	width: 350px;
}