@charset "UTF-8";
/**********************************************************************************************************************- Stylsheet for Assignment #6-Selkirk College page
- Created on November 11th, 2008
*******************************************************************/

/* the following Reset CSS was modified from Eric Meyer's v1.0 | 20080212 */

html, body, div, span,
h1, h2, h3, h4, h5, h6, p,
a, abbr, acronym, address,
em, img, strong,
dl, dt, dd, ol, ul, li {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;

}

body {
line-height: 1;
}

/* end of Eric Meyer's Reset CSS */




body {
 	margin: 0px;
	text-align: center;  /* center the wrapper for ie*/
}
	
#wrapper { 
	width: 950px;
	border-width:10px 50px 0px 50px;
	border-color: #e9cf9b;
	border-style: solid;
	margin: auto;
	text-align:center; 
}

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

#menu ul{ 
	width: 945px;
	height: 40px;
	padding-top: 0px;
	padding-left: 3px; 
	padding-right: 3px; 
	margin:auto; 
	color: #660000;
	background-color:#f3de81;
	list-style: none;
}

#menu li {
	float: left;
	list-style:none;
	width:135px;  /* width of button */
	padding-top: 10px;
	height: 30px;  /* height of button */ 
	color:#660000;
	background-color:#f3de81;
	background-image:url(../images/button3.jpg);  /* button image */
	background-repeat: no-repeat;
	text-align: center;
	font-size: 1.05em;
}

#menu a {
	margin-top: 10px;
	height: 30px;
	color:#660000;
	background-color:#d2a856;
	text-decoration:none;

}

#menu a:hover {
	padding: 0px 0px 0px 0px;
	color:#f8ebc1;
	background-color:#d2a856;
}

div#header{
	width:950px;
	height: 200px;
	margin: 0px auto;
	color: #cccccc; 
	background-color: #d2a856;
	text-align: center;
}

#content{
	clear:both;
	width: 930px;
	margin-left:auto;
	margin-right: auto;
	margin-top: 0px;
	color: #660000;
	background-color: #f8ebd1;
	text-align: left;
	min-height: 500px;
	padding: 10px 10px 10px 10px;

}

#footer{
	color:#00FFCC;
	background-color:#d2a856;
	height: 50px;
	width: 950px;
	margin: auto; 
}

#footerlinks ul{
	width: 560px;
	height: 40px;
	padding-left: 0px; 
	padding-right: 0px; 
	margin:auto; 
	color: #000000;
	background-color:#d09836;
	list-style: none;
}

#footerlinks li{
	float: left;
	list-style:none;
	width:80px;  /* width of button */
	padding-top:18px;
	height:32px;  /* height of button */ 
	color: #660000;
	background-color:#d2a856;
	text-align: center;
	font-size: .7em;
}

#footerlinks a {
	
	color:#f8ebc1;
	background-color:#d2a856;
	text-decoration:none;
}

#footerlinks a:hover {
	padding: 0px 0px 0px 0px;
	color:#660000;
	background-color:#d2a856;
	font-size: 1em;
}


h1 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.05em;
	font-weight: bold;
	color:#660000;
	background-color:#f8ebd1;
	padding-left:27px;
	padding-top: 10px;
}

	
h2 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.5em;
	color:#3e505c;
	background-color:#ffffff;
}


p {
	font-family: Verdana, Arial, sans-serif;
	font-size: 1em;
	color:#660000;
	background-color:#f8ebd1;
	padding: 10px 30px 10px 27px;
	line-height: 1em;
}
	
	
a  {
	color:#dc8a41;
	background-color: none;
}

 ul {
	font-family: Verdana, Arial, sans-serif;
	font-size: 1em;
	color:#986733;
	background-color:#f8ebd1;
	list-style:none;
 }

.music {
	padding-top: 10px;
	padding-bottom: 10px;
	height: 350px;
}

.music h1{
	padding-bottom:15px;
}

.bio{
	padding-top: 10px;
	padding-bottom: 10px;
	height: 250px;
}

.bio h1{
	padding-bottom:15px;
}

.hide {

	display: none;
}

.classes{
	float: right;
	margin-left: 15px;
}

.guruji{
	float: left;
	margin-right:15px;
}

.guruji2{
	float: right;
	margin-right:10px;
	margin-left:15px;
}

.debu{
	float: left;
	margin-right:15px;
}

.debu2{
	float: right;
	margin-right:10px;
	margin-left:15px;
}

.tabla{
	float: right;
	margin-right:10px;
	margin-left:15px;
}

.cd{
	float: left;
	padding-right: 15px;
}

.nelson{
	float: right;
	padding: 15px;
}

.benares{
	float: right;
	padding-left: 10px;
	padding-right: 10px;
}

.contact li{
	margin-left: 60px;
}