/* ======= MUSIC.CSS ======= */
/* Alan Colquhoun, MDIA 1205 */
/* Last Update: December 2   */
/* ========================= */  

body
 {
	color: #000; background-color: #123;
	font-family: Georgia, "New Times Roman", Times, serif;	
	font-size: 0.95em;
	padding: 15px 0px 15px 0px;
	text-align: center;  /* IE 6 */
}

hr
{  
    float: left;
	color: #f00; background-color: #f00;
	height: 3px; width: 762px;
    margin-left: 37px;   
}

/* ======================= */
/* GENERAL LINK FORMATTING */
/* ======================= */

a.body:link 
{
   color: #800; background: #fff; 
}

a.body:visited 
{
   color: #000; background: #fff;	
}

a.body:hover 
{
   color: #080; background: #fff;	
}

a.body:active 
{
   color: #808;	background: #fff;	 
}

a.contact:link 
{
   color: #800; background: #c8c4ce;		 
}

a.contact:visited 
{
   color: #000; background: #c8c4ce;	
}

a.contact:hover 
{
   color: #080; background: #c8c4ce;
}

a.contact:active 
{
   color: #808;	background: #c8c4ce;	
}

/* =============== */
/* ID DECLARATIONS */
/* =============== */

#wrapper
{
	color: #000; background-color: #fff;													
	margin: 0 auto; /* Firefox, Chrome, IE 7-8 */ 
	text-align: left;
	width: 840px;
}

/* HEADER */

#banner
{
	background-color: #cccccc;
	height: 120px;
}

#bnrtext
{
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 44px;	
	padding-top: 30px;
	text-align: center;	
}

#mainmenu 
{
	font-family: Arial;
	padding: 30px 0 5px 0;
	margin-bottom: 23px;
	width: 840px;
}

#mainmenu p 
{
	margin: 0;
	text-align: center;
}

#mainmenu p a 
{
	border: 2px solid black;
	color: #000; background: #c0c0c0;
	font-size: 18px;
	padding: 4px 10px;
	text-decoration: none;
}

#mainmenu p a:hover 
{ 
	border: 2px solid black;
	color: #fff; background: #3f3f3f; 
	text-decoration: none;
}

#mainmenu p a#current 
{ 
	border: 2px solid black;
	color: #000; background: transparent;
	padding: 4px 10px;
	text-decoration: none;
}

.title {
	font-size: 24px;
	margin-top: -5px;
	margin-left: 35px;
	padding-bottom: 5px;
}

/* TOP AREA: Intro Text and Photo */

#intro
{
	height: 370px;
}

#introtxt
{   
	float: left;
    margin: 0px 0px 0px 36px;
	text-align: left;
	width: 346px;
}

.largecap 
{
	font-size: 1.5em; 
} 

#overview
{
	background-color: #65a5d1;
	border: 2px groove #f00;
	float: right;
	margin: 0px 40px 0px 0px;
	padding: 15px 15px 15px 15px;	
}

#linksec
{
	margin: 40px 0 0 30px;	
}
 
/* SITE PURPOSE */

#purpose
{
	height: 180px;
	padding: 24px 36px 0px 36px;
}

#comp2004
{
	padding: 0px 36px 5px 36px; 
}

/* MUSIC THEORY AREA */
 
#coverage
{
	height: 234px;
	padding: 3px 36px 2px 36px; 
}

/* LOWER NAVIGATION AREA */

#menubox
{
    border: 2px groove #440;
	margin: 40px 0px 30px 36px;
	padding-left: 15px;
	width: 741px; height: 120px; 	
}

#menubox h3
{
	font-size: 1.125em;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}

#linkbox
{
	background-color: #ffc;
	border: 2px groove #ccc;
	padding: 15px;
	margin: 5px 36px 5px 36px;
	text-align: center;	
}
	
/* Footer */

#footer
{
	background: #c8c4ce; 			
	font-size: 0.80em;
	height: 60px; width: 840px; 
	padding-top: 28px;
	margin-top: 35px;
	text-align: center;
}

/* ================== */
/* CLASS DECLARATIONS */
/* ================== */

.lsnbox
{
	background-color: #ffc;
	border: 2px groove #ccc;
	padding: 15px;
	margin: 5px 36px 5px 36px; 
}

.graybox
{
	padding: 15px;
	border: 2px solid gray;
}

.redchar
{
	color: #f00;
}

.italiks
{
	font-style: italic;
}

/* ================== */
/* TABLE DECLARATIONS */
/* ================== */

table {
	width: 840px;
}

td 
{
	padding-right: 10px;
}