/* 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;}

/* typography.css */
body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.5em;line-height:1;margin-bottom:1em;padding-top:15px;color:#339900}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li {margin: .2em 0 0 4em;}
li li {margin-left:1.5em;}
ul, ol {margin:.5em .5em 1.5em 0;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;}
th {font-weight:bold;}
/*thead th {background:#c3d9ff;}*/
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0 !important;padding-right:0 !important;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
.clear {clear: both;}
.removeMargin {margin: 0px !important;}
.addTopMargin {margin-top: 5px !important;}

body {
	margin: 0px; padding: 0px; background: #000000 url(images/bk80.jpg) no-repeat scroll center top;
}
.wrapper {
	width: 100%;
	height: 100%;
	background: transparent url(images/footer-bkg.jpg) no-repeat scroll center bottom;
}
.pageContainer {
	width: 996px;
	margin: 0px auto 0px;
}
.headerSection {
	width: 996px;
	height: 96px;
}
h1.logo {
	background: #000000 url(images/header-logo.jpg) no-repeat scroll center top;
	width: 438px;
	height: 96px;
	float: left;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom: 0px;
}
.logo a {
	display: block;
	width: 438px;
	height: 96px;
}
.slogan {
	background: #000000 url(images/header-slogan.jpg) no-repeat scroll center top;
	width: 558px;
	height: 96px;
	float: left;
}
.searchFields {
	margin-left: 215px;
	margin-top: 8px;
	text-align: right;
}
.searchFields a {
	font-size: 1.333em;
	color: #FFFFFF;
	font-weight: bold;
	margin-right: 5px;
}
input.searchBox {
	width: 192px;
	height: 20px;
	border: 0px;
	padding-top: 4px;
	margin: 0px;
	float: left;
	color: #999999;
	background: #E1E1E1;
}
input.search_btn {
	height: 25px;
	width: 68px;
	float: left;
	margin-left: 15px;
}
.menuSection {
	height: 46px;
	width: 996px;
	background: #FFCB0A;
}
a.menu {
	display: block;
	height: 46px;
	float: left;
	text-indent:-9999px;
	overflow:hidden;
}
.home a.menu {
	width: 80px;
	background: #000000 url(images/menu-sprite.jpg) no-repeat scroll 0px 0px;
}
.home:hover a.menu {
	background: #000000 url(images/menu-sprite.jpg) no-repeat scroll 0px -47px;
}
.pm a.menu {
	width: 203px;
	background: #000000 url(images/menu-sprite.jpg) no-repeat scroll -80px 0px;
}
.pm:hover a.menu {
	background: #000000 url(images/menu-sprite.jpg) no-repeat scroll -80px -47px;
}
.cm a.menu {
	width: 168px;
	background: #000000 url(images/menu-sprite.jpg) no-repeat scroll -283px 0px;
}
.cm:hover a.menu {
	background: #000000 url(images/menu-sprite.jpg) no-repeat scroll -283px -47px;
}
.parents a.menu {
	width: 90px;
	background: #000000 url(images/menu-sprite.jpg) no-repeat scroll -451px 0px;
}
.parents:hover a.menu {
	background: #000000 url(images/menu-sprite.jpg) no-repeat scroll -451px -47px;
}
.alumni a.menu {
	width: 82px;
	background: #000000 url(images/menu-sprite.jpg) no-repeat scroll -541px 0px;
}
.alumni:hover a.menu {
	background: #000000 url(images/menu-sprite.jpg) no-repeat scroll -541px -47px;
}
.schedule a.menu {
	width: 103px;
	background: #000000 url(images/menu-sprite.jpg) no-repeat scroll -623px 0px;
}
.schedule:hover a.menu {
	background: #000000 url(images/menu-sprite.jpg) no-repeat scroll -623px -47px;
}
.contact a.menu {
	width: 113px;
	background: #000000 url(images/menu-sprite.jpg) no-repeat scroll -726px 0px;
}
.contact:hover a.menu {
	background: #000000 url(images/menu-sprite.jpg) no-repeat scroll -726px -47px;
}
.more a.menu {
	width: 86px;
	background: #000000 url(images/menu-sprite.jpg) no-repeat scroll -839px 0px;
}
.more:hover a.menu {
	background: #000000 url(images/menu-sprite.jpg) no-repeat scroll -839px -47px;
}
.facebook a.menu {
	width: 71px;
	background: #000000 url(images/menu-sprite.jpg) no-repeat scroll -925px 0px;
}
.facebook:hover a.menu {
	background: #000000 url(images/menu-sprite.jpg) no-repeat scroll -925px -47px;
}
.mainContent {
	width: 986px;
	padding: 5px 5px 5px 5px;
	background: #FFFFFF;
}
.topFeatures {
	width: 974px;
	height: 360px;
	padding: 5px 5px 5px 5px;
	border: 1px solid #D3D3D3;
	background: #FFFFFF url(images/topFeatures-bkg.gif) no-repeat scroll 0px 0px;
}
.main-picture {
	width: 680px;
	height: 360px;
	background: #FFFFFF url(images/main-image-1.jpg) no-repeat scroll 0px 0px;
	float: left;
	margin-right: 5px;
}
a.feature-1, a.side-bar-feature-1 {
	width: 287px;
	height: 138px;
	border: 1px solid #D3D3D3;
	background: #FFFFFF url(images/bde-feature.jpg) no-repeat scroll 0px 0px;
	float: left;
	margin-bottom: 5px;
	display: block;
	text-indent:-9999px;
	overflow:hidden;
}
a.side-bar-feature-1 {
	background: #FFFFFF url(images/bde-sidebar.jpg) no-repeat scroll 0px 0px;
	width: 293px;
}
a.feature-2, a.side-bar-feature-2 {
	width: 287px;
	height: 213px;
	border: 1px solid #D3D3D3;
	background: #FFFFFF url(images/scholarship-feature.jpg) no-repeat scroll 0px 0px;
	float: left;
	margin-bottom: 5px;
	display: block;
	text-indent:-9999px;
	overflow:hidden;
}
a.side-bar-feature-2 {
	background: #FFFFFF url(images/scholarship-sidebar.jpg) no-repeat scroll 0px 0px;
	width: 293px;
}
a.feature-1:hover,a.feature-2:hover, a.side-bar-feature-1:hover, a.side-bar-feature-2:hover {
	border: 1px solid #FFCB0A;
}
a.feature-3, a.side-bar-feature-3 {
	width: 287px;
	height: 263px;
	border: 1px solid #D3D3D3;
	background: #FFFFFF url(images/bandCamp-movein-dates-feature.jpg) no-repeat scroll 0px 0px;
	float: left;
	margin-bottom: 5px;
	display: block;
	text-indent:-9999px;
	overflow:hidden;
}
a.side-bar-feature-3 {
	background: #FFFFFF url(images/bde-sidebar.jpg) no-repeat scroll 0px 0px;
	width: 293px;
}
a.feature-4, a.side-bar-feature-4 {
	width: 287px;
	height: 138px;
	border: 1px solid #D3D3D3;
	background: #FFFFFF url(images/bandCamp-RSVP-feature.jpg) no-repeat scroll 0px 0px;
	float: left;
	margin-bottom: 5px;
	display: block;
	text-indent:-9999px;
	overflow:hidden;
}
a.side-bar-feature-4 {
	background: #FFFFFF url(images/championship-sidebar.jpg) no-repeat scroll 0px 0px;
	width: 293px;
}
a.feature-5, a.side-bar-feature-5 {
	width: 289px;
	height: 180px;
	background: #FFFFFF url(images/summer-camp-11.jpg) no-repeat scroll -3px 0px;
	float: left;
	margin-bottom: 5px;
	display: block;
	text-indent:-9999px;
	overflow:hidden;
}
.middleFeatures {
	width: 986px;
	height: 185px;
}
.newsFeatures {
	width: 642px;
	height: 170px;
	padding-top: 8px;
	padding-left: 21px;
	padding-right: 21px;
	margin-top: 5px;
	border: 1px solid #D3D3D3;
	background: #FFFFFF url(images/newsFeatures-bkg.gif) no-repeat scroll 0px 0px;
	float: left;
}
.newsItem {
	float: left;
	width: 200px;
	height: 165px;
	margin-right: 21px;
}
a.newsItem {
	width: 200px;
	height: 16px;
	padding-top: 98px;
	display: block;
	color: #406CB4;
	font-weight: bold;
	text-decoration: none;
	float: left;
}
a.newsItem:hover {
	text-decoration: underline;
}
.item1 {
	background: #FFFFFF url(images/donate-news.jpg) no-repeat scroll 0px 0px;
}
.item2 {
	background: #FFFFFF url(images/join-news.jpg) no-repeat scroll 0px 0px;
}
.item3 {
	background: #FFFFFF url(images/media-news.jpg) no-repeat scroll 0px 0px;
}
.newsItem p {
	margin-top: 4px;
	margin-bottom: 4px;
	line-height: 1;
	width: 200px;
	float: left;
}
a.moreInfo {
	text-decoration: none;
	color: #406CB4;
	float: right;
	font-size: 0.9em;
}
a.moreInfo:hover {
	text-decoration: underline;
}
a.hailTowson, a.summerCamp {
	width: 295px;
	height: 180px;
	margin-top: 5px;
	margin-left: 5px;
	display: block;
	background: #FFFFFF url(images/hail-towson.jpg) no-repeat scroll 0px 0px;
	float: left;
	text-indent:-9999px;
	overflow:hidden;
}
div.campCountdown {
	width: 285px;
	height: 175px;
	margin-top: 5px;
	margin-left: 5px;
	display: block;
	background: #000000 url(images/countdown-bkg.jpg) no-repeat scroll 0px 0px;
	float: left;
	overflow:hidden;
	font-size: 1.6em;
	font-weight: bold;
	color: #FFCA08;
	padding-left: 10px;
	padding-top: 5px;
}
a.summerCamp {
	background: #FFFFFF url(images/summer-camp-11.jpg) no-repeat scroll 0px 0px;
}
.bottomFeatures {
	width: 986px;
	height: 310px;
}
.summerFeatures {
	width: 986px;
	height: 475px;
}
.tempFeatures {
	width: 986px;
	height: 300px;
	margin-bottom: 5px;
}
.newsSection {
	width: 364px;
	height:298px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 5px;
	border: 1px solid #D3D3D3;
	background: #FFFFFF url(images/newsFeatures-bkg2.gif) no-repeat scroll 0px 0px;
	float: left;
 }
 .newsSection h3 {
	font-size: 1.166em;
	font-weight: bold;
	margin-bottom: 2px;
}
.newsSection a {
	color: #406CB4;
	text-decoration: none;
}
.newsSection a:hover {
	text-decoration: underline;
}

.annoucements2 {
	width: 100%;
	height: 258px;
	overflow: auto;
	float: left;
}
.eventsSection2 {
	width: 273px;
	height: 298px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 5px;
	margin-left: 5px;
	border: 1px solid #D3D3D3;
	background: #FFFFFF url(images/eventsSection-bkg.gif) no-repeat scroll 0px 0px;
	float: left;
}
.summerSection {
	width: 664px;
	height: 435px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 5px;
	border: 1px solid #D3D3D3;
	background: #FFFFFF url(images/bandCamp-bkg2.gif) no-repeat scroll 0px 0px;
	float: left;
	padding-top: 40px;
}
.notablePerformances {
	width: 664px;
	height: 235px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 5px;
	border: 1px solid #D3D3D3;
	background: #FFFFFF url(images/notablePerf-bkg.gif) no-repeat scroll 0px 0px;
	float: left;
	padding-top: 40px;
}

.facebookSection {
	float: left;
	width: 295px;
	height: 298px;
	margin-left: 5px;
	margin-top: 5px;
}
.fbConnectWidgetTopmost {
	border: 1px solid #D3D3D3 !important;
}
.summerSection div {
	float: left;
	margin-top: 10px;
}
.summerSection .small {
	font-size: 0.833em;
	margin-left: 15px;
}
.summerSection .winds, .summerSection .perc {
	width: 33%
}
.summerSection .guard {
	width: 33%;
}
.resumeSection div {
	float: left;
}
.resumeSection .col1, .resumeSection .col2 {
	width: 50%;
	line-height: 2.0em;
}
.summerSection h3 {
	font-size: 1.166em;
	font-weight: bold;
	margin-bottom: 2px;
}
.annoucementsSection {
	width: 664px;
	height: 298px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 5px;
	border: 1px solid #D3D3D3;
	background: #FFFFFF url(images/newsSection-bkg.gif) no-repeat scroll 0px 0px;
	float: left;
}
.annoucementsSection h3 {
	font-size: 1.166em;
	font-weight: bold;
	margin-bottom: 2px;
}
.annoucementsSection a, .eventsSection a {
	color: #406CB4;
	text-decoration: none;
}
.annoucementsSection a:hover, .eventsSection a:hover {
	text-decoration: underline;
}
a.moreNews {
	float: right;
	margin-top: 10px;
	height: 30px;
	font-size: 0.9em;
	color: #406CB4;
	text-decoration: none;
}
.annoucements, .events {
	width: 100%;
	height: 258px;
	overflow: auto;
	float: left;
}
.events p {
	margin-bottom: 1em;
}
.eventsSection {
	width: 273px;
	height: 298px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 5px;
	margin-left: 5px;
	border: 1px solid #D3D3D3;
	background: #FFFFFF url(images/eventsSection-bkg.gif) no-repeat scroll 0px 0px;
	float: left;
}
.sponsorSection {
	margin-top: 2px;
	width: 996px;
	height: 46px;
	margin-bottom: 8px;
}
a.sponsor {
	display: block;
	height: 46px;
	float: left;
	text-indent:-9999px;
	overflow:hidden;
}
a.yamaha {
	width: 185px;
	background: #000000 url(images/sponsor-sprite.jpg) no-repeat scroll 0px 0px;
}
a.remo {
	width: 141px;
	background: #000000 url(images/sponsor-sprite.jpg) no-repeat scroll -185px 0px;
}
a.vicfirth {
	width: 103px;
	background: #000000 url(images/sponsor-sprite.jpg) no-repeat scroll -326px 0px;
}
a.zildjian {
	width: 126px;
	background: #000000 url(images/sponsor-sprite.jpg) no-repeat scroll -429px 0px;
}
a.tumb {
	width: 441px;
	background: #000000 url(images/sponsor-sprite.jpg) no-repeat scroll -555px 0px;
}
.bottomMenu {
	width: 960px;
	height: 20px;
	color: #FFFFFF;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:0;
	margin: 0px auto 0px;
}
.bottomMenu li {
	float: left;
	margin:0;
	padding:0;
}
.bottomMenu li a {
	padding-left: 10px;
	padding-right: 10px;
}
.bottomMenu a {
	color: #FFFFFF;
}
.bottomMenu li.end a {
	padding-right: 0px;
}
.bottomMenu li.start a {
	padding-left: 0px;
}
.bottomInfo {
	width: 996px;
	margin-top: 30px;
	height: 75px;
}
.copywrite {
	float: right;
	width: 266px;
	height: 52px;
}
.copywrite p {
	margin: 0px;
	padding: 0px;
	color: #FFFFFF;
	text-align: right;
}
.lastUpdated {
	float: left;
	width: 464px;
	height: 52px;
	margin-left: 266px;
}
.lastUpdated p {
	margin: 0px auto 0px;
	padding: 0px;
	color: #FFFFFF;
	width: 400px;
	text-align: center;
	padding-top: 35px;
}
.lastUpdated p a {
	color: #FFFFFF;
}
/* Sub-navigation */

.subnav-box {border:1px solid #000; border-top:0 none; float:left; width:996px; }
ul.subnav {margin:0; list-style:none; float:left; width:996px; padding:0px; }
ul.storage-containers-subnav {background-color:blue;}

ul.subnav li {float:left; position:relative; margin: 0px; }
ul.subnav li a { text-decoration:none; display:block; float:left; color:#000; line-height:22px; height:46px; }
ul.subnav li.active a {background:green; font-weight:bold;}
ul.subnav li a:hover {color:#000;}


/* Drop-down menus */
ul.subnav ul {display:none; width:195px; padding:6px 4px; margin:0; margin-left:-1px; background:#fff; list-style:none; position:absolute; top:45px; left:0; border:1px solid #000; border-top:0 none; z-index:100;}
ul.subnav li.flyoutleft ul { left:auto; right:-1px; }
ul.subnav ul li { height:auto; margin:0 0 3px 0;}
ul.subnav ul li a { width:175px; height:auto; padding:5px 10px; line-height:1em; }
ul.subnav li.active li a {font-weight:normal;}
ul.storage-containers-subnav ul li a:hover {background-color:#FFCB0A;}

ul.subnav li:hover ul {display:block;}
ul.subnav li:hover {background:#FFCB0A;}

ul.subnav ul li ul {width:170px; padding:0; margin:0 0 3px; float:left; background:#fff; list-style:none; position:relative; border:none; top:0;}
ul.subnav ul li ul li {height:auto; padding:0; margin:0;}
ul.subnav ul li ul li a {height:auto; color:#777; width:145px; padding:2px 0 2px 20px; margin:0; line-height:1em;}

ul.subnav ul.endMenu {
	margin-left: -118px;
}

/* SUB PAGE STYLE */
.subSection {
	width: 976px;
	padding-top: 5px;
	padding-left: 10px;
	min-height: 1140px;
	font-size:1.2em;
}
.subPage {
	width: 684px;
	margin-right: 5px;
	/*border: 1px solid #D3D3D3;*/
}
.subPageTop {
	background: #FFFFFF url(images/subPageTop-bkg.gif) no-repeat scroll 0px 0px;
	width: 684px;
	height: 5px;
}
.subPageContent {
	/*background: #FFFFFF url(images/subPageMiddle-bkg.gif) repeat-y scroll 0px 0px;*/
	width: 664px;
	padding-left: 10px;
	padding-right: 10px;
	font-size:1.2em;
}
.subPageBottom {
	background: #FFFFFF url(images/subPageBottom-bkg.gif) no-repeat scroll 0px 0px;
	width: 684px;
	height: 5px;
}
h1.pageTitleSection {
	background: #FFFFFF url(images/headings/h_sendOff.gif) no-repeat scroll left top;
	width: 976px;
	height: 26px;
	margin-top: 15px;
	margin-left: 10px;
	padding-bottom: 5px;
	border-bottom: 5px solid #FFCA08;
	text-indent:-9999px;
	overflow:hidden;
}
.sidebar {
	float: right;
	width: 296px;
	margin-left: 5px;
	font-size:0.8em;
}
.label {
	font-weight: bold;
}
.staffInfo a {
	font-weight: bold;
}
.indentList {
	margin-left: 30px;
}
.Bio_Heading {
	color: #000000;
	font-weight: bold;
	font-size: 1.5em;
	text-decoration: none;
}
.bioLine {
	color: #FFCA08;
	border: 1px solid #FFCA08;
}
.bioSection {
	margin-top: 15px;
}
.newsText {
	font-weight: bold;
	text-align: center;
	background-color: #FFCA08;
}
.newsRow {
	font-size: 0.8em;
}
.newsTable, .newsTable tbody, .newsTable td, .newsTable thead th  {
	border:1px solid #D3D3D3;
}
.newsPageContent ul {
	list-style-type: none;
}
.newsPageContent ul li {
	margin-left: 0px;
}
.newsPageContent .newsDate {
	font-weight: bold;
}
.cross-out {
	text-decoration: line-through;
}


/* Swap Image Gallery */

.span-6 {width: 618px; margin-right: 20px; float: left;}
.image-gallery {overflow:hidden; width: 338px; float: left;}
.image-gallery img {display:block;}
.gallery-thumbs {float:left;margin:0; padding:0 0 16px; width:352px; overflow:hidden;}
.gallery-thumbs img {display:block;}
.gallery-thumbs li {list-style:none;float:left;margin: 14px 14px 0 0; }
.gallery-thumbs li a {display:block;float:left;border:2px solid #cdcdcd;}
.gallery-thumbs li a:hover {border:2px solid #FFCA08;}
.gallery-thumbs li a.active-img {border:2px solid #FFCA08;}
.gallery-thumbs.product li {float:right}

.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.error a {color:#8a1f11;}
li.error {border:1px solid #ddd;background:#FBE3E4;color:#DF0000;border-color:#FBC2C4; }
li.error label,  .promo-form .error div label, .promo-form .error span label {color:#DF0000;}
.promo-form li.error {padding:1px 3px 0px 7px; margin:2px;}
.promo-form li.error span.req {color:#f00;}
.promo-form p.error {font-weight:bold;font-size:.9167em;color:#f00;margin:0 0 .8em;clear:both;padding:0;border:0 none;}
.promo-form	.errorheader {margin-right:7px;}
.errorheader	{padding:10px 10px 0; margin-bottom:1em; border:1px solid #FBC2C4;text-align:center;background:#fff;}
.errorheader h2	{color:#DF0000; margin-bottom:.2em;}
.errorheader p	{margin-bottom:1em;}