/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

a, 
a:link, 
a:active, 
a:visited {
	color: #333;
	border-bottom: none;
	text-decoration: none;
/*	outline: none;               see comment below*/
}

/*
	Get rid of the outline around elements when using a mouse (not needed, unsightly), but keep for mouse use (accessibility). 
	
	http://24ways.org/2009/dont-lose-your-focus
*/

a:hover, a:active { outline: none; }


body {
	margin: 0;
	padding: 0;
	background-color: #BA6D2C

}

h1, h2, p, ul, li {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-family:"Times New Roman", Times, serif;
	font-size: 1.2em;
}

p, ul, ol {
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
ul {
	list-style-type: none;
}

#container {
	margin: 50px auto;
	padding: 10px 10px 10px 10px;
	width: 800px;
	border: 1px #000 solid;
	background-color: white;
}

/* BRAND ********************************/

#brand {
	padding: 20px 20px 20px 20px;
	background: maroon;
	color: #fff;	
}

#brand h1 {
	font-size:xx-large;
	font-weight:bold;
}

#brand h2 {
	font-weight:bold;
}

#brand img {
	float: right;
	clear: both;
}

/****************************************/

/* NAV * ********************************/

#nav {
	height: 40px;
	background: #000;
}

#nav ul{
	float: right;
}

#WLSearchBoxDiv {
	padding: 10px 0px 10px 10px;
	float: right;
}

#nav ul li {
	float: left;
	padding: 5px;
}

#nav ul li a {
	color: #fff;
	text-decoration: none;
	padding: 5px;
	font-size: 1.2em;
}

#nav ul li.active, #nav ul li:hover {
	background: #333;
}

/**** classes ****************************************/

li.padding-top-35 {
	padding-top: 35px;
}

.form_note {
	padding-left: 20px;
	font-size: .9em;
	font-style: italic;
}

.padding-left-20 {
	padding-left: 20px;
}

#content {
		
}

#news {
	float: left;
	width: 500px;
	margin: 5px 0 20px 0;
	padding: 10px;
	
}

#news img {
	margin-top: 5px;
	margin-left: 25px;
}

#news h3, #performance h4 {
	font-size: small;
	color: gray;
	margin-bottom: 10px;
}

#news p {
	font-size: .9em;
	margin-left: 25px;
}
#sidebar {
	margin: 5px 5px 5px 5px;
	padding: 10px;
	text-align:right;

}

#sidebar_links {
	margin: 5px 5px 5px 20px;
}

#donations {
	padding-top: 20px;
}

#footer {
	padding: 0px 20px 20px 20px;
	background:#333333;
	color: white;
	clear: both;
}

#directors {
	padding: 0px 20px 20px 20px;
	clear: both;
}

#footer img, #directors img {
	float: left;
	padding-top: 8px;
	padding-right: 20px;
	padding-bottom: 10px;

}

#school_logo {
	text-align: center;
}
#school_logo img {
	margin: 0px 20px 20px 20px;

}

#footer p, #directors p {
	font-size: .90em;
	padding-top: 5px;
}

#footer a, a:link, a:active, a:visited {
	color:#996633;
	border-bottom: none;
	text-decoration: none;
}


li#alan, li#danielle {
	padding: 5px;
	display: inline;

}

h2#alan , h2#danielle{
	font-weight: bold;
}

#footer h2 {
	border-bottom: 1px solid silver;
}

#site_info {
	padding: 5px 20px 5px 20px;
	background: black;
	color: silver;
	font-size: smaller;
	clear: both;
}

#about ul {
	list-style-type:disc;
	padding: 15px 5px 15px 30px;
}

#website_notes ul {
	list-style-type:disc;
	padding: 15px 5px 15px 20px;
}

.book_title {
	text-decoration: underline;
	font-style: italic;
}

/* HANDBOOK  *****************************/

#handbook_download {
	float: right;
	padding: 20px 20px 10px 20px;
}

#handbook_toc {
	padding: 20px 20px 10px 20px;
}

#handbook_toc h2, #forms h3 {
	font-weight: bold;
	border-bottom: 2px ridge maroon;
	padding-top: 20px;
	margin-bottom: 10px;
}

ul.ul_toc_right {
	float: right;
}

ul.subpages {
	list-style-type: disc;
	padding-left: 30px;
}
#handbook {
	padding: 10px 30px 40px 20px;
	clear: both;
}

#handbook a, a:link, a:active, a:visited {
	color: maroon;
	border-bottom: none;
	text-decoration: none;
}

#handbook a:hover {
	text-decoration: underline;
}

#handbook p {
	padding-bottom: 10px;
	padding-top: 5px;
}

/*****************************************/


/* FORMS  ********************************/

#cluster, #future_band_toc, #instrument, #booster, #workitems, #charms, #about, #contact_staff, #gallery, #performance, #sitemap, #website_notes, #solo {
	padding: 20px 20px 40px 20px;
}

#directors {
	padding: 0px 20px 40px 20px;
}

#forms {
	padding: 0px 20px 30px 20px;
}

#forms h2, #cluster h2, #future_band_toc h2, #instrument h2, #booster h2, #workitems h2, #charms h2, #about h2, #contact_staff h2, #gallery h2, #performance h2, #sitemap h2, #website_notes h2, #solo h2 {
	font-weight: bold;
	text-decoration:underline;
}

#charms em, #booster em, #contact_staff em {
	font-weight: bold;
	color: #996633;
}

#charms ol {
	padding: 10px 30px 20px 20px;	
}

#charms ul {
	list-style-type: disc;
	padding: 10px 30px 20px 20px;	
}

#cluster ul {
	list-style-type: disc;
	padding: 20px 30px 20px 40px;
}

#cluster img {
	float: right;
	padding-left: 10px;
	padding-bottom: 30px;
	padding-top: 10px;
}

#booster ol, #booster ul, #solo ul {
	padding: 20px 30px 20px 40px;
}

#solo ul {
	list-style-type:disc;	
}

#booster table, #contact_staff table {
	font-family: Tahoma, Geneva, Verdana, sans-serif;
	font-size: 1em;
		

}

#booster td {
	padding: 2px;
	width: 160px;
	border-bottom: thin silver dotted;
}

#contact_staff td {
	padding: 2px;
	width: 210px;
	border-bottom: thin silver dotted;
}


#workitems ul	{
	padding: 20px 30px 20px 0px;
}


#cluster li, #booster li {
	padding-top: 5px;
	padding-bottom: 5px;
}

#future_band_toc p {
	padding-top: 5px;
	font-size: 0.9em;
}

#booster ol, #future_band_toc ol {
	padding: 20px 30px 20px 40px;
	padding-top: 5px;
	font-size: 0.9em;
}

/*****************************************/

#performance table {
	margin-left: 30px;
}

#performance h3 {
	margin: 0;
	padding: 0;
	font-family:"Times New Roman", Times, serif;
	font-size: 1.1em;
}

#performance h4 {
	font-weight:bold;
}

#performance th {
	color: #800000;
	font-weight:bold;
	font-style:italic;
}

#performance td {
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;	
}


/* Wizard Steps * ********************************/

#steps ul {
	float: right;
}

#steps ul li {
	font-size: .9em;
	color:#FF9900;
	float: left;
	border: thin  #CCCCCC solid;
	margin-left: 2px;
	margin-right: 2px;
	padding-left: 6px;
	padding-right: 6px;
}

#steps ul li.active, #steps ul li:hover {
	border: thin  #FF9900 solid;
	background-color:#FBEFDB;

}

#steps ul li a {
	color:#FF9900;
	text-decoration: none;
}

#steps a.click {
	cue:none;
}

#steps p
{
	color:#FF9900;
	float: right;	
}

#steps p a {
	color:#FF9900;
	text-decoration: none;
}

#instrument li {
	font-size: .75em;
	padding-top: 8px;
	padding-bottom: 5px;
}

#instrument_name{
	font-size: 1.25em;
	font-weight:bold;
}