/* Brass Impact -- BrassImpact.com 
	Designed by JBC Web Design and Computer Repair, LLC www.pghpchelp.com
   	CSS for the site. */
   
   
/*/////////////////////////////////////////////////////////////////////
- Body, Paragraph Information
/////////////////////////////////////////////////////////////////////*/



body {
	background: url(images/brass-impact-background.jpg) top left repeat-x;
	font-family: arial, sans serif;
	font-size: 11px;
	line-height: 15px;
	color: #ffffff;
	margin: 0px;
	}

p {
	padding-left: 150px;
	padding-top: 15px;
	padding-right: 150px; 
	margin-top: 0px; /* controls the distance between p1 and p2 sections. Top and bottom. */
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14pt;
	overflow: visible;
	}


/*///////////////////////////////////////////////////////////////////
- Universal CSS
/////////////////////////////////////////////////////////////////////*/


#container { 
    width: 800px; /* sets the width of the container to keep in body, p, h3's */
	background: transparent url() repeat-y center;
	margin: 0px auto; 
	padding-top: 25px;
	}


#pageHeader { 
	width: 800px; 
	height: 350px; 
    background: transparent url(images/brass-impact-header.png) no-repeat top center;
	}
	
	
#body-middle {
	width: 800px; /* sets the width of the container to keep in body, p, h3's */
	background: transparent url(images/brass-impact-body.png) repeat-y;
	margin: 0px auto;
	padding-top: 0px;
	}


#supportingText { 
	}	
	
#footer-1 { 
    font-size: 12px;
   	text-align: right; 
	width: 800px;
	height: 38px;
    background: transparent url(images/brass-impact-footer.png) no-repeat bottom; 
	margin-top: -0px;
	}	

#footer {
	text-align: right;
	padding-right: 130px;
	}	

#footer a:link, #footer a:visited { 
    color: #ffffff;
	text-align: left;
	padding: 10px 10px 10px 10px;
	}



	
/*///////////////////////////////////////////////////////////////////
- Navigation Bar Information
///////////////////////////////////////////////////////////////////*/
/* Navbar button widths
This allows the navigation bar to align precisely with the border of the container.
Only need to make first images bigger to align the last imagee link and list-item widths correspond with image widths */

#navbar {
	margin: 0px;
	}

#navigation {
	width: 600px;
	height: 30px;
	background: url(images/brass-impact-navBar.jpg) no-repeat;
	margin: 0px auto;
	padding: 0px;
	position: relative;
	} 
	
#navigation li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: absolute;
	top: 0px;
	}

#navigation li, #navigation a{
	height: 29px;
	display: block;
	}

#panel1b {  /*Home*/
	left: 4px;
	width: 76px;
	}

#panel2b {   /*Music*/
	left: 82px;
	width: 91px;
	}

#panel3b {  /*Events*/
	left: 175px;
	width: 85px;
	}
	
#panel4b {  /*The Band*/
	left: 263px;
	width: 121px;
	}
	
#panel5b { /*About*/
	left: 386px;
	width: 88px;
	}
	
#panel6b { /*Contact*/
	left: 477px;
	width: 94px;
	}
	
/* Hover State */

#panel1b a:hover {
	background: transparent url(images/ml-navbar-sprites.jpg)
	0 -46px no-repeat;
	}

#panel2b a:hover {
	background: transparent url(images/ml-navbar-sprites.jpg)
	-85px -46px no-repeat;
	}

#panel3b a:hover { /*Events*/
	background: transparent url(images/ml-navbar-sprites.jpg)
	-189px -46px no-repeat;
	}
	
#panel4b a:hover { /*The Band*/
	background: transparent url(images/ml-navbar-sprites.jpg)
	-280px -46px no-repeat;
	}
	
#panel5b a:hover { /*About*/
	background: transparent url(images/ml-navbar-sprites.jpg)
	-409px -46px no-repeat;
	}
	
#panel6b a:hover {
	background: transparent url(images/ml-navbar-sprites.jpg)
	-505px -46px no-repeat;
	}

	
/*///////////////////////////////////////////////////////////////////
- Bios Form Information
///////////////////////////////////////////////////////////////////*/	
	

img{
	margin: 10px 10px 5px 0px;
	}
	
#p-bios {
	padding: 5px 160px 5px 140px; /*If four values are given, they apply to top, right, bottom, and left padding, respectively. If one value is given, it applies to all sides. If two or three values are given, the missing values are taken from the opposite side. */
	margin-top: 0px; /* controls the distance between p1 and p2 sections. Top and bottom. */
	text-align: justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14pt;
	overflow: visible;
	}
	
/*///////////////////////////////////////////////////////////////////
- Title Header Information
///////////////////////////////////////////////////////////////////*/	

#HeaderTitleIndex {
	font-weight: bolder;
	text-align: left;
	font-size: 14px;
	background: url(images/Header-title-Index.jpg) no-repeat;
	width: 550px;
	padding: 50px 0px 20px 0px;
	margin-top: 10px;
	margin-left: 120px;
	}

	
#HeaderTitleMusic {
	font-weight: bolder;
	text-align: left;
	font-size: 14px;
	background: url(images/Header-title-Music.jpg) no-repeat;
	width: 550px;
	padding: 50px 0px 20px 0px;
	margin-top: 10px;
	margin-left: 120px;
	}

	
#HeaderTitleEvents {
	font-weight: bolder;
	text-align: left;
	font-size: 14px;
	background: url(images/Header-title-Events.jpg) no-repeat;
	width: 550px;
	padding: 50px 0px 20px 0px;
	margin-top: 10px;
	margin-left: 120px;
	}

	
#HeaderTitleBand {
	font-weight: bolder;
	text-align: left;
	font-size: 14px;
	background: url(images/Header-title-Band.jpg) no-repeat;
	width: 550px;
	padding: 50px 0px 20px 0px;
	margin-top: 10px;
	margin-left: 120px;
	}

	
#HeaderTitleAbout {
	font-weight: bolder;
	text-align: left;
	font-size: 14px;
	background: url(images/Header-title-About.jpg) no-repeat;
	width: 550px;
	padding: 50px 0px 20px 0px;
	margin-top: 10px;
	margin-left: 120px;
	}
	
	
#HeaderTitleContacts {
	font-weight: bolder;
	text-align: left;
	font-size: 14px;
	background: url(images/Header-title-Contacts.jpg) no-repeat;
	width: 550px;
	padding: 50px 0px 20px 0px;
	margin-top: 10px;
	margin-left: 120px;
	}
	
#HeaderTitleMusic {
	font-weight: bolder;
	text-align: left;
	font-size: 14px;
	background: url(images/Header-title-Music.jpg) no-repeat;
	width: 550px;
	padding: 50px 0px 20px 0px;
	margin-top: 10px;
	margin-left: 120px;
	}
	
#HeaderTitlePrivacy {
	font-weight: bolder;
	text-align: left;
	font-size: 14px;
	background: url(images/Header-title-Privacy.jpg) no-repeat;
	width: 550px;
	padding: 50px 0px 20px 0px;
	margin-top: 10px;
	margin-left: 120px;
	}