html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
}

body {
	background: #000;
	margin: 0 auto;
	padding: 0;
	font-family: arial;
	font-size: 12px;
}

p, div, td, li, span {
	line-height: 18px;
	color: #ccc;
	text-align: left;
}

p {
	margin: 0px 0px 15px 0px;
}

a, a:link, a:active {
	color: #91b5db;
	text-decoration: none;
	font-weight: 700;
}

a:hover {
	color: #b5c6d8;
	text-decoration: underline;
	font-weight: 700;
}

h1, .h1 {
	padding-top: 10px;
	color: #fff;
	text-align: left;
	margin: 0 0 15px 0;
	font-size: 28px;
	font-weight: normal;
	text-transform: capitalize;
}

h2, .h2 {
	margin-top: 0;
	color: #777;
	text-align: left;
	margin: 0 0 15px 0;
	font-size: 16px;
	font-weight: normal;
	background: #333;
	padding: 10px;
	border-bottom: 1px #222 solid;
	border-left: 2px #444 solid;	
}

h3, .h3 {
	color: #fff;
	text-align: left;
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 14px;
}

ul {
	margin-left: 15px;
}

small {
	color: #777;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.center {
	text-align: center;
}

.impact {
	color: #3366FF;
}

.clear {
	clear: both;
}

.full {
	width: 75%;
}

.yellow {
	color: rgb(255, 255, 0);
}

#box{
	border: 1px solid #444;
	padding: 5px;
	background-color: #222;
}


#content a img#photo, #content img#photo, #sidebar a img#photo, #sidebar img#photo {
	border: 1px solid #777;
	padding: 2px;
}











#buttons {
	margin: 5px;
	padding: 0;
}

#buttons a.activate {
	background: #333333;
}
	
#buttons a {
	background: #84adbe;
	color: #FFFFFF;
	border: 0px solid #000000;
	padding: 5px 10px 5px 10px;
	margin: 0;
	font-size: 10px;
}

#buttons a:hover {
	background: #CCCCCC;
	color: #000000;
	border: 0px solid #84adbe;
}

.addons {
	background: #111;
	padding: 25px;
	margin: 0px 25px 25px 25px;
	border: 1px solid #333;
}













.marchingband {
	width: 150px;
	height: 150px;
	display: block;
	text-indent: -9000px;
	background: url('images/frame/marchingband.jpg');
}

.marchingband:hover {
	background: url('images/frame/marchingbandOver.jpg');
}

.drumcorps {
	width: 150px;
	height: 150px;
	display: block;
	text-indent: -9000px;
	background: url('images/frame/drumcorps.jpg');
}

.drumcorps:hover {
	background: url('images/frame/drumcorpsOver.jpg');
}

.imp {
	width: 150px;
	height: 150px;
	display: block;
	text-indent: -9000px;
	background: url('images/frame/imp.jpg');
}

.imp:hover {
	background: url('images/frame/impOver.jpg');
}

.concertband {
	width: 150px;
	height: 150px;
	display: block;
	text-indent: -9000px;
	background: url('images/frame/concertband.jpg');
}

.concertband:hover {
	background: url('images/frame/concertbandOver.jpg');
}

.concertpercussion {
	width: 150px;
	height: 150px;
	display: block;
	text-indent: -9000px;
	background: url('images/frame/concertpercussion.jpg');
}

.concertpercussion:hover {
	background: url('images/frame/concertpercussionOver.jpg');
}

.methodbooks {
	width: 150px;
	height: 150px;
	display: block;
	text-indent: -9000px;
	background: url('images/frame/methodbooks.jpg');
}

.methodbooks:hover {
	background: url('images/frame/methodbooksOver.jpg');
}

.colorguard {
	width: 150px;
	height: 150px;
	display: block;
	text-indent: -9000px;
	background: url('images/frame/colorguard.jpg');
}

.colorguard:hover {
	background: url('images/frame/colorguardOver.jpg');
}

.piano {
	width: 150px;
	height: 150px;
	display: block;
	text-indent: -9000px;
	background: url('images/frame/piano.jpg');
}

.piano:hover {
	background: url('images/frame/pianoOver.jpg');
}

.film {
	width: 150px;
	height: 150px;
	display: block;
	text-indent: -9000px;
	background: url('images/frame/film.jpg');
}

.film:hover {
	background: url('images/frame/filmOver.jpg');
}














/* Login */

select, input, textarea {
	font-family: arial;
	font-size: 12px;
	border: 1px #777 solid;
	background: #333;
	color: #ccc;
	padding: 3px;
}

select:hover, input:hover, textarea:hover {
	border: 1px #ccc solid;
}
/*
select:focus, input:focus, textarea:focus {
	border: 1px #4170a5 solid;
	background: #fff;
	color: #333;
}
*/
.checkbox {
	width: 15px;
}

.textarea {
	height: 150px;
}

.form {
	width: 95%;
}


.remove {
	background: #000;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
	border: 0;
	font-size: 12px;
	border: 1px #444 solid;
	cursor: pointer;
}

.remove:hover {
	color: #FF0000;
	border: 1px #FFF solid;
}

.submit {
	background: #575754;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
	border: 0;
	font-size: 12px;
	padding: 3px;
	border: 1px #777 solid;
	cursor: pointer;
}

.submit:hover {
	background: #222;
	font-weight: bold;
	text-transform: uppercase;
	border: 0;
	font-size: 12px;
	border: 1px #444 solid;
}












































#body {
	width: 950px;
	margin: 0 auto;
}

#main {
	width: 100%;
	background: url('images/frame/bg.jpg') repeat-y top center;
	text-align: center;
}

#top {
	width: 100%;
	background: url('images/frame/main.jpg') no-repeat 50% -10px;
	text-align: center;
}

#bottom {
	width: 100%;
	background: url('images/frame/bottom.png') no-repeat bottom center;
	text-align: center;
}

#wrapper {
	width: 950px;
	padding: 0 0 60px 0;
	margin: 120px 0 0px 0;
}

#footer {
	width: 100%;
	text-align: center;
}

#fwrapper {
	width: 950px;
	height: 200px;
	margin: 0px 0 100px 0;
	padding-top: 25px;
}

#fwrapper p {
	text-align: center;
	color: #777;
}





















/* Main */

#content {
	float: right;
	width: 70%;
	display: inline;
	margin: 0;
	padding: 0;
}

#content div {
	padding-top: 0px;
}

#sidebar {
	float: left;
	width: 30%;
	display: inline;
	margin: 0;
	padding: 0;
}










































/* Navigation */

#navigation {
	width: 950px;
	height: 100px;
}

#navbar {
  	margin: 0px;
  	height: 58px;
}

#navbar ul {
	margin: 0;
	padding: 0;
}

#navbar li {
  	list-style: none;
  	float: left;
  	margin-left: 4px; /* Sets the blank space on the main navigation left */
  	margin-right: 4px; /* Sets the blank space on the main navigation right */
  	padding: 0px;
  	margin-top: 0px;
  	margin-bottom: 0px;
}

#navbar li a { /* sets the main nav a properties */
  	display: block;
  	text-decoration: none;
  	padding-left: 5px;
  	padding-right: 5px;
	padding-bottom: 8px;
	padding-top: 3px;
  	margin: 0px;
  	font-size: 12px;
    font-family: Arial;
    letter-spacing: -.5px;
  	color: #ccc;
	font-weight: normal;
}

#navbar li:hover a {
	color: #fff;
}


#navbar li ul {
  	display: none;
  	width: auto; /* Width to help Opera out */
  	z-index: 10;
}

#navbar li:hover ul, #navbar li.hover ul { /* this is used for the drop down ul properties */
  	display: block;
  	position: absolute;
  	background: #6b8199;
  	padding: 0px;
  	border: 0px;
	text-align: left;
	margin: 0px;
}

#navbar li:hover li, #navbar li.hover li { /* this is used for the drop down li */
  	float: none;
  	padding: 0px;
  	margin: 0px;
}

#navbar li:hover { /* sets the main navigation hover state for the li */
  	background: #6b8199;
}

#navbar li:hover li a, #navbar li.hover li a { /* this is used for the drop down a properties */
  	margin: 3px;
  	padding: 3px 5px 3px 5px;
  	font-size: 12px;
	text-align: left;
    color: #fff;
    letter-spacing: 0px;
}

#navbar li:hover li a:hover, #navbar li.hover li a:hover { /* this is used for the drop down a:hover properties */
  	background-color: #b1c3d6;
  	margin: 3px;
  	padding: 3px 5px 3px 5px;
  	color: #3a638d;
}
#navbar li:hover li:hover { 
}

#navbar .current {
	border-top: 3px solid #ccc;
}

#navbar .current a {
}























#sidebar .menu {
	margin:0; 
	padding:0; 
	width:250px; 
	list-style:none;
}
#sidebar .menu li {
	padding:0; 
	margin:0 0 1px 0; 
	height:40px; 
	display:block; 
}
#sidebar .menu li a {
	text-align:right;
	height:40px; 
	padding:0px 25px; 
	font:12px Verdana, Arial, Helvetica, sans-serif; 
	color:rgb(168,165,165); 
	display:block; 
	background:url('images/verMenuImages.png') 0px 0px no-repeat; 
	text-decoration:none;
}
#sidebar .menu li a span {
	display: block; 
	padding-top: 0px;
	text-align: right; 
	color: #777;
}

#sidebar .menu li a:hover span {
	color:#ccc;
}
#sidebar .menu li a.active span {
	color:#fff;
}
#sidebar .menu li a.active {
	background:url('images/verMenuImages.png') 0px -80px no-repeat; 
	color:rgb(255,255,255);
}
#sidebar .menu li a:hover, .menu li a.active:hover {
	background:url('images/verMenuImages.png') 0px -40px no-repeat; 
	color:rgb(183,231,247);
}
#sidebar .menu li a span {
	line-height:40px;
}














/* Option 1 */

.breadcrumb {
	position: relative;
	height:30px; width:100%; margin: 0 0 15px 0;
}
.breadcrumb ul {
	position:relative; 
	margin:0 0px 0 0px; 
	padding:0; 
	height:30px; 
	background:url('images/breadcrumbImage.png') 0px -30px repeat-x; 
}
.breadcrumb ul li {
	padding:0; 
	margin:0; 
	list-style:none; 
	float:left; 
	height:30px display:inline;
}
.breadcrumb ul li a {
	font:12px Arial, Helvetica, sans-serif; 
	color:rgb(255,255,255); 
	text-decoration:none; 
	line-height:30px; 
	display:block; 
	background:url('images/breadcrumbImage.png') 100% -60px no-repeat; 
}
.breadcrumb ul li a span {
	padding: 6px 17px 0 15px; 
	display: block; 
}
.breadcrumb ul li a:hover span {
	text-decoration:underline; 
	color:rbg(255,255,255);
}
.breadcrumb ul li a.active {
	background:none;
}
.breadcrumb ul li a.active span {
	color:rgb(255,255,255);
}
.breadcrumb ul li a.active:hover span {
	text-decoration:none;
}
.breadcrumb .left { 
	position:absolute; 
	top:0px; 
	left:0px; 
	width:10px; 
	height:30px; 
	display:block; 
	z-index:1; 
	background:url('images/breadcrumbImage.png') 0% 0px no-repeat;
}
.breadcrumb .right {
	position:absolute; 
	top:0px; 
	right:0px; 
	width:10px; 
	height:30px; 
	display:block; 
	z-index:1; 
	background:url('images/breadcrumbImage.png') 100% -90px no-repeat; 
}











/* Option 2 */

.breadcrumb ul, li {
	list-style-type:none;
	padding:0;
	margin:0;
	}		
.breadcrumb #crumbs {
	height:30px;
	border:1px solid #333;
	background: #262626;
	}
.breadcrumb #crumbs li {
	float:left;
	line-height:2.3em;
	color:#777;
	padding-left:.75em;
	}		
.breadcrumb #crumbs li a {
	background:url(images/crumbs.gif) no-repeat right center;
	display:block;
	padding:0 25px 0 10px;
	color: #bbb;
	}							
.breadcrumb #crumbs li a {
	color:#777;
	text-decoration:none;
	}
.breadcrumb #crumbs li a:hover {
	color:#FFF;
	text-decoration:none;
	}






































/* Tool Tip */
p#vtip { 
	display: none;
	position: absolute;
	padding: 10px;
	left: 5px; 
	font-size: 0.8em; 
	background-color: #444; 
	border: 1px solid #a6c9e2;
	z-index: 9999;
	width: 250px;
	
}

a.vtip {
	cursor: pointer;
}

p#vtip #vtipArrow { 
	position: absolute; 
	top: -10px; 
	left: 5px;
}






.msg_head {
	cursor: pointer;
}



#left {
	float: left;
	display: inline;
	width: 40%;
	margin: 0;
	padding: 0;
}

#right {
	float: left;
	display: inline;
	width: 55%;
	margin: 0px 0px 0px 10px;
	padding: 0;
}












































label {
	float: left;
	display: inline;
	margin: 0px 10px 0px 0px;
	width: 215px;
	font-size: 12px;
	text-align: right;
}

.text {
	width: 190px;
	padding: 0px;
	font-family: arial;
	font-size: 11px;
	padding: 1px;
	color: #ccc;
	background: #333;
	border: 1px solid #555;
}

.textarea {
	height: 100px;
}

.verify {
	width: 145px;
}

.verifytext {
	font-weight: 900; font-family: courier; font-size: 18px;
}

.radio {
	width: auto;
	border: 0px solid #555;
	background: transparent;
	cursor: pointer;
}

.radios {
	float: left; 
	display: inline;
	font-size: 11px;
	color: #ccc;
}

.submit {
	cursor: pointer !important;
	padding: 2px !important;
	background: #ccc !important;
	color: #333 !important;
	border: 1px solid #333 !important;
}

.submit:hover {
	background: #eee !important;
}

.clear {
	clear: both;
	height: 10px;
}


.red {
	color: #cc0000;
}

.tip {
	color: #777;
}


















fieldset {
	border: 1px solid #333;
	width: 600px;
	margin-left: 15px;
	padding: 5px 15px 5px 15px;
}

legend {
	color: #fff;
	background: #222;
	border: 1px solid #333;
	padding: 2px 6px;
	margin-left: 10px;
}