/** BASIC */
html, body {
	height: 100%;
        font-family: "Tahoma", Arial, Helvetica, sans-serif;        /** new line */
	font-size: 11px;                                            /** new line */ 
}

/**  
body {
	margin: 0px;
	padding: 0px;
	background: #FFFFFF url(images/background-blue.jpg) repeat top left;
	font-family: "Tahoma", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #80795F;
*/

/**
#left, #right, h1, h2, p, ol, ul {                               
        font-family: "Tahoma", Arial, Helvetica, sans-serif;       
	font-size: 11px;                                           
}  
*/                                                               

h1{
	margin-top: 0px;
	margin-left: 0px;
/*	text-transform: lowercase; */
	font-weight: bold;
	font-size: 25px;
	color: #5E5945;
}

h2{
	margin-top: 0px;
/*	text-transform: lowercase; */
	font-weight: bold;
	font-size: 13px;
	color: #5E5945;
}

hr {
	display: none;
}

p, ol, ul {
	text-align: justify;
	line-height: 160%;
}

ul {
	list-style-type: square;
}

a {
	color: #488081; 
}

a.anchor {
	color: #5E5945;
}

a:hover {
	text-decoration: none;
}

/** HEADER */

#header {
	float: left;
	width: 180px;
	margin-right: 1px;
	padding: 10px;
}

#header h1 {
	margin: 0px;
	padding-top: 12px;
	text-align: center;
	font-size: 20px;
	color: #5E5945; 
}

#header h2 {
	margin: 0px;
	text-align: center;
	font-size: 11px;           
}

/** logo */

#logo img {
	 width: 720px;
	 float: right;

}

/** donate button */
/** #donate {
       position: relative;
       left: 500px;
       top: -50px;
}  */

/** CONTENT */

#content {
	margin: auto;
	width: 720px;    /** 550px 800 */
	padding: 20px;  /** 20px */
	background-color: #FAF6F6;
	border-left: 1px solid #5E5945;
	border-right: 1px solid #5E5945;
}


#content h2 {
}

#left {
	 float: left;
	 margin: 0px auto;     
	 /** padding: 0px;   - removed  */
         padding-top: 30px;   /** new line */
	 width: 470px;    /** 360px 550*/
}

#musiclist {
	float: left;
	margin: 0px auto;
	padding: 0px;
	width: 100%;
}

#musictable {                    /** new line */
	float: left;             /** new line */
	margin: 0px auto;        /** new line */
	padding-top: 30px;       /** new line */
	width: 100%;             /** new line */
}                                /** new line */ 

#right {
	 float: right;
	 margin: 30px;         /** 0px */
	 padding: 10px;
         padding-top: 10px;   /** new line 30*/
	 width: 165px;        /** 150px 175*/
   	 border: 1px dashed #5E5945;
}

#right p, li {
	text-align: left;
}

#right2 {
	 float: right;
	 margin:  5px 30px 10px 0px;  /** 5px 0px 10px 0px */
	 padding: 10px; 
	 width: 165px;        /** 150px */
   	 border: 1px dashed #5E5945;
}

#right2 p, li {
	text-align: left;
}

/** FOOTER */
	

#footer {
	clear: both;
}

#footer p {
	margin: 0px auto;
	width: 550px;
	padding: 10px 0px 10px 0px;
	background-color: #5E5945;
	font-size: 10px;
	text-align: center;
	color: #FFFFFF;
}

/** Centering DONATE BUTTON **/

input.button {
    float: none;
    display: block;
    width: 100px;
    margin: 10px auto;
}        


/** tab stuff added ------------------------------------------------------------------- */
body {
	margin : 10px;  
	font: Verdana, Helvetica, Arial;
	padding: 0px;  
	/** background: #fff; */
	background: #FFFFFF url(images/background-blue.jpg) repeat top left;
}

#menu {
	border-bottom : 1px solid #ccc;
	margin : 0; 
        padding-top : 0px; /** new line 20 */    
	padding-bottom : 19px;
	padding-left : 5px;  /** 10px */
}

#menu ul, #menu li	{
	display : inline;
	list-style-type : none;
	margin : 0;
	padding : 0;
        position: static;  /** new line */
}

	
#menu a:link, #menu a:visited	{
	background : #E8EBF0;
	border : 1px solid #ccc;
	color : #666;
	float : left;
	font-size : small;  
	font-weight : normal;  /** normal */
	line-height : 14px;
	margin-right : 8px;
	padding : 2px 5px 2px 5px;       /**  2px 10px 2px 10px  */
	text-decoration : none;
}

#menu a:link.active, #menu a:visited.active	{
	background : #fff;
	border-bottom : 1px solid #fff;
	color : #000;
}

#menu a:hover	{
	color : #f00;
}

	
body.section-1 #menu li#nav-1 a, 
body.section-2 #menu li#nav-2 a,
body.section-3 #menu li#nav-3 a,
body.section-4 #menu li#nav-4 a,
body.section-5 #menu li#nav-5 a,
body.section-6 #menu li#nav-6 a,
body.section-7 #menu li#nav-7 a,
body.section-8 #menu li#nav-8 a {
	background : #fff; 
	border-bottom : 1px solid #fff;
	color : #000;
}

#menu #subnav-1,
#menu #subnav-2,
#menu #subnav-3,
#menu #subnav-4,
#menu #subnav-5,
#menu #subnav-6,
#menu #subnav-7,
#menu #subnav-8 {
	display : none;
	width: 90%;
}

body.section-1 #menu ul#subnav-1, 
body.section-2 #menu ul#subnav-2,
body.section-3 #menu ul#subnav-3,
body.section-4 #menu ul#subnav-4,
body.section-5 #menu ul#subnav-5,
body.section-6 #menu ul#subnav-6,
body.section-7 #menu ul#subnav-7,
body.section-8 #menu ul#subnav-8 {
	display : inline;
	left : 10px;  /** 10px */
	position : absolute;
	top : 22px;   /** 95px */
}

body.section-1 #menu ul#subnav-1 a, 
body.section-2 #menu ul#subnav-2 a,
body.section-3 #menu ul#subnav-3 a,
body.section-4 #menu ul#subnav-4 a,
body.section-5 #menu ul#subnav-5 a,
body.section-6 #menu ul#subnav-6 a,
body.section-7 #menu ul#subnav-7 a,
body.section-8 #menu ul#subnav-8 a {
	background : #fff;
	border : none;
	border-left : 1px solid #ccc;
	color : #069;         /** 20100211 chg from #999 to #069 */
	font-size : 14px;    /** smaller */ /** 20100211 chg from 10px to 14px */
	/** font-weight : bold; */   /** bold */
	line-height : 10px;   /** 10px  */
	margin-right : 4px;
	padding : 2px 5px 2px 5px;     /**  2px 10px 2px 10px */
	text-decoration : none;
}


 #menu ul a:hover{
	color : #f00 !important;    /** #f00 */
}



#contents {
	background : #fff;
	border : 1px solid #ccc;
	border-top : none;
	clear : both;
	margin : 0px;
	padding : 15px;
}

#container {                    /** new line */
        position: relative;     /** new line */
}                               /** new line */
/** end of tab stuff added ------------------------------------------------------------- */