/* ADRIAN'S STANDARD TEMPLATE CSS FOR CENTER-SCREEN SITE */

/* This is based on the idea of a centrally-aligned page, held completely within a 'container' div.
Within this div, we have a logo panel at the top, then a menu, then a 'content' div containing various 'panel' divs. */

/***************************************************/
/* Various global settings for the document body */
/***************************************************/
body {
    background: white;
    font-family: "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
    font-size: 12px;
    height: 100%;
}

/* All anchors default to looking like this */
a	{
	color: #204060;
	text-decoration: none;
}

dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

td {
	font-size: 13px;
}

h2 { 
	font-size: 18px; 
	font-weight: bold;
	color: #336699;
	margin: 0 0 0.5em 0;
}	

h3 { 
	font-size: 16px; 
	font-weight: bold;
	color: #336699;
	margin: 0 0 0.5em 0;
}

img {
	margin: 5px;
}

.floatright {
	float: right;
	margin-left: 10px;
}

.floatleft {
	float: left;
	margin-right: 10px;
}

/**************************/
/* The main container div */
/**************************/
#container{
	width: 792px;
	height: 100%;
}

/**************************************/
/* The main logo panel div at the top */
/**************************************/
#logo {
	height: 82px;
	background-image: url("images/blazeens.jpg");
	background-position: top center;
	background-repeat: no-repeat;
}

/**************************************/
/* The menu */
/**************************************/
#menu {
	/*font-size: 0.8em;*/
	margin-top: 2px;
	border-width: 1px;
	border-color: #00488C;
	border-style: solid;
	background-color: #DCF3FF;
}

#menu ul {
	margin-left: 2px;
	margin-top: 2px;
	margin-bottom: 2px;
	padding-left: 0;
}

#menu li { 
	display: inline;
	list-style-type: none;
	padding: 5px;
	/*font-size: 0.8em;*/
	font-weight: bold;
}

#menu a {
	text-align: center;
	font-weight: bold
	padding: 3px 10px;
	color: #14283C;
}

#menu a:hover {
	color: red;
	text-decoration: none;
}

#menu h4 {
	margin: 0; 
	padding: 1px 0.33em;
  	position: relative;
	text-align: center;
	font-family: Tahoma, sans-serif;
	font-size: 0.8em;
  	background: #406080; 
	border: 1px solid gray;
}

/**************************************/
/* The content div */
/**************************************/

#content {
	margin-top: 2px;
	height: 100%;
}

#content a {
	color: #204060;
	text-decoration: none;
}

#content a:hover {
	color: #E22000;
}

/*******************************************/
/* The content div can contain various panels
/*******************************************/
/* Generic panel class */
.panel {
	padding: 5px;
	margin-top: 3px;
	margin-bottom: 3px;
}

/* Table column headers of class "panel" */
.panel th {
	font-size: 0.8em;
	text-align: center;
	height: 15px;
}

.panel td {
	font-size: 0.8em;
}

/***************************************************/
/* Specifics for various panels on the main page */
/***************************************************/
.panel#blurb {
	text-align: center;
	width: 340px;
	height: 100%;
	float: left;
	/*background: #DCF3FF;*/
}

.panel#aboutpic {
	width: 275px;
	height: 100%;
	float: left;
}

.panel#about {
	width: 400px;
	height: 100%;
	float: left;
}

.panel#links {
	background: #FFEFDD;
	text-align: center;
	float: left;
	width: 440px;
	height: 110px;
	border-style: solid;
	border-width: 1px;
	margin: 20px;
}

.panel#news {
	float: left;
	width: 375px;
	margin: 20px;
	height: 100%;
}

/*.panel#news b {
	color: #FD6F06;
	font-size: 11px;
}*/

.panel#seasonpanel {
	float: left;
	width: 100%;
	height: 100%;
}


.panel#seasonstrap {
	height: 80px;
}


.concertdetaileven {
	margin: 15px;
	text-align: center;
	background: #FFCC66;
	border-width: 1px;
	border-style: solid;
}

.concertdetailodd {
	margin: 15px;
	text-align: center;
	background: #ffffcc;
	border-width: 1px;
	border-style: solid;
}

.repertoirepanel {
	font-size: 11px;
	padding: 10px;
	margin-left: 130px;
	text-align: center;
	background: #ffcc66;
	float: left;
	width: 500px;
	height: 100%;
}

.repertoirepanelalt {
	font-size: 11px;
	/*margin: 10px;*/
	padding: 10px;
	text-align: center;
	background: #ffffcc;
	/*border-width: 1px;
	border-style: solid;*/
	float: left;
	width: 240px;
	height: 100%;
}

/* Table panel */
.panel#table{
	border-width: 1px;
	border-color: #00488C;
	border-style: solid;
	background: white;
	padding: 3px;
	margin-top: 3px;
	margin-bottom: 3px;
	text-align: left;	
}

.seasonlist {
	padding: 0px;
	margin: 0px;
	text-align: center;
}

.seasonlist th {
	background: #F7E1BF;
}

.repertoirelist {
	padding: 5px;
	border-spacing: 10px;
	margin: 0px;
	text-align: left;
}

.repertoirelist th {
	background: #F7E1BF;
}

/**********************************************************/
/* ADMIN PAGE						*/
/**********************************************************/

/* Attributes for the blurb panel on the main admin page */
.panel#adminblurb {
	width: 100%;
	float: left;
}



#fileboxEditList {
	background: #FFCC66;
	font-weight: bold;
	width: 260px;
	float: left;
	height: 100%;
	margin-left: 2px;
}

#clientEditList {
	background: #FFCC66;
	font-weight: bold;
	width: 100%;
	float: left;
	height: 100%;
	margin-left: 2px;
}




#admintables {
	position: absolute;
	top: 110px;
	left: 10px;
}

#admincomposertable {
	background: #FFEFDD;
}

#adminusertable {
	background: #CFE8FF;
}


.peachList {
	background: #FFEFDD;
	padding: 5px;
	font-weight: bold;
}

.peachList li a {
	color: #26425C;
}

.doveList {
	background: #D9F6FF;
	padding: 5px;
	font-weight: bold;
}

/**********************************************************/
/* BANNERS					*/
/**********************************************************/
/* Generic banner class */
.banner {
	color: white;
	background-color: #14283C;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
}

.banner#navy {
	background-color: #14283C;
}

.banner#orange {
	background-color: #FF921D;
}

.banner#dove {
	background-color: #D9F6FF;
}

.banner#gold {
	background-color: #A69C32;
}