/******* structure and layout *******/
body {
margin:10px 10px 0px 0;
padding:0px;
font-family:Arial, Helvetica, sans-serif; 
font-size: 1em; 
color:#000000;
}

#centercontent {
background:#fff;
margin-top:10px;
margin-left: 220px;
margin-right: 40px;
border:1px solid #fff;
voice-family: "\"}\"";
voice-family: inherit;
}
/*--------------------GENERAL USAGE---------------------*/
.floatLeft { 
    float: left; 
    margin: 4px; 
}
.floatRight { 
    float: right; 
    margin: 4px; 
}
.floatLeftClear { 
    float: left; 
    clear: left; 
    margin: 4px;
    padding-right: 15px; 
}
.floatRightClear { 
    float: right;
    clear: right;
    margin: 4px; 
}

.ClearBoth { 
    clear: both;
}


/*--------------------DIRECTORS PAGE---------------------*/
#person {
position:relative;
padding:0px 0px 30px 0px;
}

#person .person_photo {
margin-left: 10px;
float: left;
}

#person .person_header {
position:relative;
margin-left: 135px;
}

#person .person_name {
font-size:1.1em;
font-weight:bold;
}

#person .person_description {
position:relative;
margin-left: 0px;
margin-top: 75px;
}


/*--------------------HISTORY PAGE---------------------*/
#history_left {
width:33%;
position:relative;
padding:0px 0px 30px 0px;
}

#history_left_heading {
	position: relative;
	width: 33%;
}

#history_right {
width:66%;
position:relative;
padding:0px 0px 30px 0px;
}

/*--------------------ENSEMBLE ALL PAGE---------------------*/
#ensembleall {
width:90%;
float: left; 
clear: left; 
position:relative;
padding:0px 30px 30px 0px;
}

/*-----------------------------ENSEMBLE PAGES------------------------*/
#ensemble {
margin-left:20px;
}

#ensemble p {
margin-left:5px;
}

#ensemble p .ensheader {
font-size:1.2em;
font-weight:bold;
}

/*----------------------BAW OFFICERS PAGE------------------------*/
#officer table {
width:600px;
margin-left:20px;
border:thin solid black;
border-collapse:collapse;
}

#officer table td,th {
border:thin solid #939393;
padding:5px;
}

#officer table th {
background-color: gold;
color: #000000;
}

#officer table caption {
font-size: 1.2em;
font-weight:bold;
margin-left:30px;
padding-bottom:8px;
}

#officer .name {
font-weight:bold;
}

#committee table {
width:450px;
margin-left:105px;
border:thin solid black;
border-collapse:collapse;
}

#committee table td,th {
border:thin solid #939393;
padding:5px;
}

#committee table th {
background-color: #636363;
color: #ffffff;
}

#committee table caption {
font-size:1.2em;
font-weight:bold;
margin-left:0px;
padding-top:20px;
padding-bottom:8px;
}

#committee .volunteer {
background-color:gold;
color:#000000;
}

/*-----------------------------SPIRITWEAR PAGE------------------------*/
#spiritwear {
width:600px;
}

#spiritwear table {
width:450px;
margin-left:75px;
border:thin outset black;
border-collapse:collapse;
padding-bottom:20px;
}

#spiritwear table td,th {
border:thin solid #939393;
border-right-width:0px;
border-left-width:0px;
padding:2px;
}

#spiritwear table th {
background-color: gold;
color: #000000;
}
#spiritwear table td {
text-align:left;
}

#spiritwear table caption {
font-size: 1.2em;
font-weight:bold;
padding-bottom:8px;
}

#spiritwear .price {
text-align:right;
}


/*------------------------------CALENDAR PAGE------------------------*/
#calendar {
margin-right:199px;
}

.calendar_info_header {
position:relative;
background:#fff;
font-size:1.5em;
text-align:left;
font-weight:bold;
margin-left:5px;
margin-right:10px;
margin-bottom:10px;
padding:5px 5px 5px 5px;
width: 100%;
}

#rightcontent {
position: absolute;
left:830px;
top:130px;
width:175px;
background:#fff;
border:1px solid #000000; /*#FC9F42;-bre*/
}

.right_news {
position:relative;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.8em;
color:#818181;
margin:0 0 0 0;
padding:10px 5px 5px 10px;
width:160px;
background:#ffffff;
}

#rightcontent ul {
margin:10px 0 10px 5px;
padding:0 0 0 0;
}

#rightcontent li {
list-style-type: none;
}

#rightcontent p {
font-size:.9em;
}

/*---------------------------------------ACCOMPLISHMENTS PAGE----------------------------------*/
#accomplishments .student {
	font-size:.75em;
	font-style:italic;
}

/*---------------------------------------DWT MASTER PAGE----------------------------------*/
#banner {
background:#fff url("images/header_bg.gif");
height:116px;
border:none;
voice-family: "\"}\"";
voice-family: inherit;
height:39px;
color:gold; /*#BB4F13;-bre*/
}

html>body #banner {
height:116px;
}

#banner h1 {
font-size:1.1em;
padding:10px 10px 0px 10px;
margin:0px;
}

.page_title {
position:absolute;
top:50px;
left:35px;
margin:0 0 0 0;
padding:0 0 0 0;
}

.top_links {
/* i positioned the top links absolutely within the banner area because of a problem i saw in IE when i did a float-right, and i didn't want to take the time to figure it out. Anyway, this isn't a problem until you add more links to the top nav or edit the text links. If/when you do, you'll have to adjust the position of the area by moving it right or left. 600px isthe default */
position:absolute;
top:10px;
left:600px;
margin:0 0 0 0;
padding:0 0 0 0;
}

/******* left navigation *******/
#nav ul {
margin:5px 0 10px 5px;
padding:0 0 0 0;
z-index: 100;
}

#nav li {
list-style-type: none;
background-color: #636363;
color: #636363;
/*border:2px solid gold;*/
text-align:left;
padding:0 0 0 0;
margin-bottom:0px;
z-index: 150;
}

#nav li a {
color: #ffffff;
font-weight:bold;
text-decoration: none;
display: block;
padding:0 0 0 5px;
}

#nav li a:hover {
background-color:gold;
color: #000000;
}

#nav li a:hover:after {
background-color:gold;
color: #000000;
content: "\00AB \00AB"
}

/******* top navigation *******/
#topnav ul{
padding:0 0 0 0;
margin:0 5px 0 0;
white-space: nowrap;
font-size:.8em;
color:#ffffff;
float:left;
width:100%;
background:transparent;
list-style:none;
}

#topnav ul li{
display:inline;
list-style:none;
}

#topnav ul li a{
margin: 0 5px 0 0;
padding: .2em 1em .2em 1em;
background:#000000; /*#FC9F42;-bre*/
color: #ffffff;
font-weight:bold;
text-decoration:none;
float: left;
border:2px solid gold; /*#ffffff;-bre*/
}

#topnav ul li a:hover{
background:gold; /*#EA7738;-bre*/
color: #000000; /*#ffffff;-bre*/
text-decoration:none;
border:2px solid gold; /*#ffffff;-bre*/
}

.leftcontent {
position: absolute;
left:0px;
top:126px;
width:190px;
background:#fff url("images/left_bg.gif");
border:none;
text-align:left;
}

.left_news {
position:relative;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.9em;
color:#333333;/*TESTING-#818181;*/
margin:0 0 0 0;
padding:10px 5px 5px 10px;
width:185px;
background:#ffffff;
}

.news_title {
font-weight:bold;
color:#000000; 
}

.news_title_blk {
font-size:1.1em;
font-weight:bold;
color:#000000;
}

#page_title {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.1em;
font-weight:bold;
color:#ffffff;
text-transform:uppercase;
letter-spacing:-.1em;
}

/*-----------------------------------CENTERCONTENT--------------------------*/
#homecontent {
margin-left:20px;
}

#homecontent span.music {
display:block;
float:left;
width:18px;
height:18px;
margin-right:2px;
background-image:url("images/eigth_notes_sm.jpg");
background-repeat:no-repeat;
}

#homecontent span.music span {
display:none;
}

#homecontent .note
{
font-size:0.8em;
}

#flashbanner {
margin-left: 30px;
padding-bottom: 10px;
z-index: -1;
}

#charms li {
padding-bottom:12px;
}

#uniform li {
padding-bottom: 6px;
}

#lg_pad_li li {
padding-bottom: 12px;
}

#sm_pad_li li {
padding-bottom: 6px;
}

/*------------------------------------BASICS-------------------------------------*/
img {
border:none;
}

h1 {
font-size:1.5em;
padding-top:10px;
text-align:center;
}

h2 {
font-size:1.2em;
padding-top:10px;
text-align:center;
}

p,h1,pre {
margin:0px 10px 10px 10px;
}

a {
color:#990033;
text-decoration:underline;
}

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

.center {
text-align:center;
}

.underline {
text-decoration:underline;
}

.heavy {
font-weight:bold;
}

.nodec {
list-style-type: none;
}

.pdf {
font-size:.7em;
font-weight:bold;
}

.smaller {
font-size:.8em;
}

.smalleryet {
font-size:.7em;
}

.big{
font-size:1.4em;
}

.extrabig {
font-size:2em;
}

.italic {
font-style:italic;
}

.directorname {
font-size:1.5em;
font-weight:bold;
font-style:italic;
}

.directortitle {
/*  font-size=1.3em;   this had = instead of :*/
font-size:1.3em;
font-style:italic;
}

.standout {
font-style:italic;
color:#990033
}

/******* workarounds and hacks *******/
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.BoxOutline {
	background-color: #FFF;
	border: medium solid #FC0;
	position: relative;
}
.ContentLeft {
	background-color: #FFF;
	border: medium solid #FC0;
	position: relative;
}

.BoxOutlineFloatRight {
	background-color: #FFF;
	border: medium solid #FC0;
	position: relative;
}




.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* ~~ this container surrounds all other divs giving them their percentage-based width ~~ */
.SponsorAll {
	width: auto;
	max-width: 1260px;/* a max-width may be desirable to keep this layout from getting too wide on a large monitor. This keeps line length more readable. IE6 does not respect this declaration. */
	min-width: 780px;/* a min-width may be desirable to keep this layout from getting too narrow. This keeps line length more readable in the side columns. IE6 does not respect this declaration. */
	background: #FFF; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */
	overflow: visible; /* this declaration makes the .container clear all floated columns within it. */
	position: absolute;
	clear: none;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.clearfix {display: block;}
/* End hide from IE-mac */
#SponsorDiv {
	width: 768px;

}
#SponsorHead {
	color: #FFF;
	background-color: #000;
	border: medium double #FC0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
	text-align: center;
	padding: 10px;
	margin-bottom: 10px;
}
#SponsorAdRotate {
	height: 100px;
	margin-bottom: 10px;
	width: auto;
	left: auto;
	right: auto;
	background-color: #000;
	border: medium double #FC0;
}
#SponsorAd {
	height: 100px;
	margin-bottom: 10px;
	width: 100%;
	margin-right: 2px;
}


#SponsorColLeft {
	float: left;
	width: 40%;
	margin-right: 3px;
	margin-top: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
}
#SponsorColLeftCategory {
	float: left;
	width: 44%;
	margin-right: 3px;
	margin-top: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

#SponsorColLeftHead {
	float: right;
	width: 88%;
	margin-right: 2px;
	background-color: #000;
	padding: 15px;
	border: medium double #FC0;
	color: #FFF;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16pt;
	text-align: center;
	font-weight: bold;
	clear: both;
	margin-top: 10px;
	margin-bottom: 10px;
}
#ElementaryLink {
	float: right;
	width: 35%;
	margin-right: 2px;
	background-color: #000;
	padding: 5px;
	border: medium double #FC0;
	color: #FFF;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12pt;
	text-align: center;
	font-weight: bold;
	clear: both;
	margin-top: 10px;
	margin-bottom: 10px;
}


#SponsorColRightHead {
	float: left;
	width: 90%;
	background-color: #000;
	padding: 15px;
	border: medium double #FC0;
	color: #FFF;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16pt;
	text-align: center;
	font-weight: bold;
	clear: none;
	margin-top: 10px;
	/* [disabled]margin-bottom: 10px; */
}
#SponsorColRightTable {
	float: left;
	width: 98%;
	background-color: #FFF;
	padding: 15px;
	border: thick none #FFF;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	text-align: center;
	font-weight: normal;
	clear: none;
	margin-top: 2px;
}



#SponsorColRight {
	float: right;
	width: 59%;
	background-color: #FFF;
}
.td_center {
	text-align: center;
	font-weight: normal;
	font-size: small;
}
.td_centerBold {
	text-align: center;
	font-weight: bold;
	text-decoration: underline;
}
.td_centerBoldFill {
	text-align: center;
	font-weight: bold;
	text-decoration: underline;
	background-color: #FC0;
}
.td_centerFill {
	text-align: center;
	font-weight: normal;
	text-decoration: underline;
	background-color: #FC0;
}

.AdBorderLeft {
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
}
.AdBorderRight {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: right;
}
.td_link {
	font-family: Tahoma, Geneva, sans-serif;
	font-style: oblique;
	font-size: medium;
	font-variant: normal;
	text-transform: none;
}
.linkwhite {
	color: #FFF;
    clear: both; 
    float: right
	margin-bottom: 0px;
	padding-bottom: 0px;
}