/*****************************************************************************************************************/
/*                                                                                                               */
/* mainBody.css                                                                                                  */
/*                                                                                                               */
/* Contains css for the mainBody section.  The main body is the container in which the corpus of the text goes.  */
/* Based on the particular page, the mainBody may be divided into several sections.                              */
/*                                                                                                               */
/*****************************************************************************************************************/

/*****************************************************************************************************************/
/* Default Presentation                                                                                          */
/*****************************************************************************************************************/
#mainBody
{
	clear: right;
	float: left;
	
	width: 640px;
	margin: 0 0 0 80px;
	padding: 0;
}

#index #mainBody
{
	width: 580px;
}

#mainBody h1, #mainBody h2
{
	font: bold 2em/125% Arial, Sans-Serif;
	color: #666;
	
	margin-left: -10px;	
}
#mainBody h3
{
	font: bold 1.5em/125% Arial, Sans-Serif;
	color: #0d56c4;
	
	margin-top: 2em;	
	margin-bottom: 0;	
}

#mainBody p
{
	font: bold 1.2em/175% Arial, Sans-Serif;
	text-align: justify;
	color: #444;	
	letter-spacing: .1em;
}

#mainBody .link
{
	color: #0d56c4;
	text-decoration: none;
	border-bottom: dotted 1px #0d56c4;	
}

/*****************************************************************************************************************/
/* Academic schedule - presents a table arrayed schedule                                                         */
/*****************************************************************************************************************/
#mainBody #academicSchedule, #mainBody .recordings
{
	margin: 3em 0;
	width: 90%;
}

#mainBody #academicSchedule th, #mainBody .recordings th
{
	font: bold 1.5em/175% Arial, Sans-Serif;
	text-align: center;
	color: #222;	
	letter-spacing: .1em;
	padding: 5px 20px 0 0;
	border-bottom: solid 1px #dd6611;
}

#mainBody #academicSchedule td, #mainBody .recordings td
{
	font: bold 1.2em/175% Arial, Sans-Serif;
	text-align: left;
	color: #444;	
	letter-spacing: .1em;
	width: 50%;
	padding: 15px 20px 0 0;
	vertical-align: top;
}

#mainBody #academicSchedule tr:hover td, #mainBody .recordings tr:hover td
{
	color: #000;	
}

#mainBody #academicSchedule tr td:first-child, #mainBody .recordings tr td:first-child  /* first child of tr */
{
	text-align: right;
}

/*****************************************************************************************************************/
/* Contact Director - basic school contact presentation                                                          */
/*****************************************************************************************************************/
#mainBody #contactDirector
{
	margin-left: 5em;
	margin-bottom: 3em;
	font-weight: bold;
	font-variant: small-caps;
	letter-spacing: 1px;
	line-height: 125%;
}

/*****************************************************************************************************************/
/* Contact Form - a form for completing basic contact information.                                               */
/*****************************************************************************************************************/
#mainBody #contactForm p
{
	color: #0d56c4;
}

#mainBody #contactForm p label
{
	padding-left: 1.3em;
	letter-spacing: normal;
	color: #444;
}

#mainBody #contactForm input
{
	padding-left: 1.3em;
	letter-spacing: normal;
	color: #444;
}

#mainBody #contactForm #lblRating label, #mainBody #contactForm #lblContact label
{
	padding: 0em;
}

#mainBody #contactForm .btn
{
	padding: .2em 1em;
	text-align: center;
	margin-left: 12em;
}

/*****************************************************************************************************************/
/* Book List - each book in the list is placed within a table row.                                               */
/*****************************************************************************************************************/
#mainBody .bookList .title
{
	font-size: 1.3em;
	font-weight: bold;
	color: #0d56c4;
	margin-bottom: 0;
}

#mainBody .bookList .author
{
	font-style: italic;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
}

#mainBody .bookList .ages
{
	margin-top: 0;
}

/*****************************************************************************************************************/
/* Music Store - presentation for music store listings.                                                          */
/*****************************************************************************************************************/
#musicStores #mainBody h2
{
	clear: left;
}

#mainBody .store
{
	float: left;
	width: 44%;
	padding: 1em 1em 3em 1em;
}

#mainBody .store .storeName
{
	display: block;
	font: bold small-caps 1.2em/150% Arial, Sans-Serif;
	background-color: #dd6611;
	color: #fff;
	padding: .2em;
	margin-bottom: .5em;
}

#mainBody .store .storeAddress, #mainBody .store .storePhone, #mainBody .store .storeLink,
#mainBody .store .storeEMail, #mainBody .store .storeDescription
{
	display: block;
	
	font: bold 1.2em/175% Arial, Sans-Serif;
	text-align: justify;
	color: #444;	
	letter-spacing: .1em;
}

#mainBody .store .storeDescription
{
	margin-bottom: 1em;
}	

/*****************************************************************************************************************/
/* ie 6.0 hacks                                                                                                  */
/*****************************************************************************************************************/
* html #mainBody
{
	clear: right;
	float: left;
	
	width: 580px;
	margin: 0 0 0 37px;
	padding: 0;
}

* html #mainBody h1, * html #mainBody h2
{
	font: bold 2em/125% Arial, Sans-Serif;
	color: #666;
	
	margin: 0;
}