/*----------hoover music css v 1.0----------*/
/* 17 AUG 08 JH */

/* basic elements */
html
{
	margin: 0;
	padding: 0;
}

body
{
	font:  14.0px Helvetica, "Lucida Grande", sans-serif;
	font-weight: normal;
	line-height:  1.2;
	background: #fff;
	color: #0F0F0F;
	margin: 0;
	padding: 0;
}

p, div, ul, h1, h2, h3, li, img
{
	margin: 0;
}

ul
{
	list-style-type: none;
}

a:link
{
	font-weight: bold;
	text-decoration: none;
	color: #DD7700; /* ff9900*/
}

a:visited
{
	font-weight: bold;
	text-decoration: none;
	color: #995500; /* DD7700 */
}

a:hover, a:active
{
	font-weight: bold;
	text-decoration: underline;
	color: #995500;
}

/* typical body text */
p
{
	margin:  10.0px 0.0px 0.0px 0.0px;
	line-height:  0.0px;
	font:  16.0px Helvetica, "Lucida Grande", sans-serif;
	color:  #333;
}

/*  text justified */
p.p1
{
	margin:  10.0px 0.0px 0.0px 0.0px;
	text-align: justify;
	font:  14.0px/26px Helvetica, "Lucida Grande", sans-serif;
	color:  #0f0f0f;
}
/* text left aligned */
p.p2
{
	margin:  0.0px 0.0px 0.0px 0.0px;
	line-height:  0.0px;
	font:  16.0px Helvetica, "Lucida Grande", sans-serif;
	color:  #0f0f0f;
	text-align:left;
}
/* style for break */
p.p3
{
	margin:  0.0px 0.0px 0.0px 0.0px;
	line-height:  10.0px;
	font:  15.0px Helvetica, "Lucida Grande", sans-serif;
	color:  #0f0f0f;
	min-height:  10.0px;
}
/* style for list-like items */
p.p4
{
	margin:  0.0px 100px 0.0px 100.0px;
	line-height:  10.0px;
	font:  16.0px Arial;
	color:  #0f0f0f;
	min-height:  14.0px;
}
/* style listed teacher names */
p.p5
{
	margin:  0.0px 0.0px 0.0px 0.0px;
	line-height:  30.0px;
	font:  18.0px "Times New Roman", Times, serif;
	color:  #0f0f0f;
	min-height:  10.0px;
}
/* narrower margins text block */
p.p6
{
	margin:  0.0px 90.0px 0.0px 130.0px;
	line-height:  40.0px;
	font:  18.0px/30px "Times New Roman", Times, serif;
	color:  #0f0f0f;
	min-height:  15.0px;
}
/* large sans */
p.p7
{
	margin:  10.0px 0.0px 0.0px 0.0px;
	line-height:  0.0px;
	font:  16.0px "Lucida Grande", Helvetica, sans-serif;
	color:  #333;
}

/* header - orange */
h1 
{
	display: block;
	margin: 0 0 0 0;
	font: 26px/28px Georgia,"Times New Roman", Times, serif;
	padding: 0 0 0 0px;
	color: #DD7700;
	letter-spacing: 1px; 
}
/* header - dark grey */
h2 
{
	display: block;
	margin: 0 0 0 0;
	font: 24px/28px Georgia,"Times New Roman", Times, serif;
	padding: 0 0 0 0px;
	color: #555;
	letter-spacing: 1px; 
}
h3 
{
	display: block;
	margin: 0 0 0 0;
	font: 28px/28px Georgia,"Times New Roman", Times, serif;
	padding: 0 0 0 0px;
	color: #DD7700;
	letter-spacing: 1px; 
}

/* header + constained margin */
h1.constrainedMargin
{
	text-align: justify;
	width: 700px;
	letter-spacing:.8px; 
	padding: 50 0 0 0px;
	color: #777;
}

/* mini main header */
h1.navIconTitle
{
	font: 22px/24px Georgia,"Times New Roman", Times, serif;
	color: #555;
}
/* dotted line separators */

p.dotline
{
	background: url(images/dot-line.gif) 0 0 repeat-x #fff;
	padding: 0px;
	margin: 0 0px 0 0px;
	color: #000;
}

#autoCenter
{
	width: 800px;
	margin: 0px auto; /* Right and left margin widths set to "auto" */
	/*	border: 1px dashed #333; */	
}

/* for making lists in a sidebar */

#sideList h1
{
	background: #fff;
	width: 270px;
	height: 30px;
	position: absolute;
	top: 361px;
	right: 200px;
	margin: 0;
	font: 30px/30px Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	padding: 0px;
	color: #FF9900;
}
#sideList ul
{
	width: 225px;
	display: block;
	position: absolute;
	right: 230px;
	top: 405px;
}
#sideList ul li
{
	font: 12px/25px Arial, Helvetica, sans-serif;
	font-weight: normal;
	background: url(images/symbol2.gif) 0 8px no-repeat;
	padding: 0 0 0 30px;
}

/* for index page sidebar */

#indexList
{
	background: #dff;
}
#indexList h1
{
	background: #dff;
	font: 39px/30px Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #FF9900;
	letter-spacing: 12px;
	margin-left: 0px;
	text-decoration: none;
	text-align: center;
}
#indexList ul
{
	list-style-type: circle;
	bottom: auto;
	display: block;
	color: #555;
	margin-top: 30px;
}
#indexList ul li
{
	font: 14px/25px Arial, Helvetica, sans-serif;
	font-weight: BOLD;
	padding: 0 0 0 5px;
	line-height:2;
}
#indexList ul li a
{
	font: 14px/25px Arial, Helvetica, sans-serif;
	font-weight: BOLD;
	padding: 0 0 0 0px;
	color: #555;
	text-decoration: none;
}
#indexList ul li a:hover
{
	text-decoration: underline;
}

#navList
{
}
#navList ul
{
	list-style-type: circle;
}

/*----------tripanel one----------*/

#iconPanel
{
	margin: 20px;
	text-align: justify;
}

#iconPanel1
{
	text-align: center;
}
#iconPanel1 p
{
	text-align: left;
	font: 16px/20px Arial, Helvetica, sans-serif;
	color: #DD7700;
}
#iconPanel1 a:link
{
	text-decoration: none;
	color: #888;
}
#iconPanel1 a:hover
{
	text-decoration: none;
	color: #888;
}
#iconPanel1 h1
{
	text-align: center;
}

#iconPanel2
{
	text-align:  center;
}
#iconPanel2 p
{
	text-align: left;
	font: 16px/20px Arial, Helvetica, sans-serif;
	color: #336600;
}
#iconPanel2 h1
{
	text-align: center;
	color: #336600;
}
#iconPanel2 a:link
{
	text-decoration: none;
}
#iconPanel2 a:hover
{
	color: #888;
	text-decoration: none;
}

#iconPanel3
{
	text-align: center;
	color: #003882;
}
#iconPanel3 a:link
{
	text-decoration: none;
}
#iconPanel3 a:hover
{
	color: #888;
	text-decoration: none;
}
#iconPanel3 p
{
	text-align: left;
	font: 16px/20px Arial, Helvetica, sans-serif;
	color: #003882;
}
#iconPanel3 h1
{
	text-align: center;
	color: #003882;
}


/*----------TOP PANEL----------*/

#topPanel
{
	width: 762px;
	height: 150px;
	position: relative;
	margin: 0 auto;
	padding: 0;
}

/* LOGO */

#topPanel img
{
	top: -30px;
	left: -30px;
	z-index: 1;
	padding: 0;
	position: absolute;
	margin: 39px 0px 0px 37px;
}

/*----------horizontal line----------*/

#topPanel ul
{
	display: block;
	width: 745px;
	height: 80px;
	position: absolute;
	top: 0px;
	right: 0;
	margin: 39px 0px 0px 0px;
	padding: 0 0px 0 0;
	border-bottom:  1.5px solid #FF9900;
}

/*----------links font size/height----------*/

#topPanel ul li
{
	float: right;
	font: 14px/80px "Trebuchet MS",Arial, Helvetica, sans-serif;
	font-weight: bold;
}

/*----------links and graphics----------*/

#topPanel ul li a
{
	text-decoration: none;
	width: 80px;
	height: 80px;
	display: block;
	padding: 0;
	color: #555;
	text-align: center;
	margin: 0px 1px 0 0;
	top: 0px;
	left: 0px;
}

/*----------hover links----------*/

#topPanel ul li a:hover
{
	text-decoration: none;
	width: 80px;
	height: 80px;
	background: url(images/grey-disk.gif) no-repeat 0 0 #AEAEAE;
	color: #fff;
}

/*----------active link----------*/

#topPanel ul li.active
{
	text-decoration: none;
	width: 80px;
	height: 80px;
	display: block;
	background: url(images/orange-disk.gif) no-repeat 0 0 #AEAEAE;
	color: #fff;
	text-align: center;
	margin: 0px 1px 0 0;
}

/*----------home link----------*/

#topPanel ul li.home
{
	text-decoration: underline;
	width: 80px;
	height: 80px;
	display: block;
	background: url(images/orange-disk.gif) no-repeat 0 0 #AEAEAE;
	color: #fff;
	text-align: center;
	margin: 0px 1px 0 0;
}

/*----------address info----------*/

#topPanel p.addressLine
{
	margin: 120px 0px 0 0px;
	text-align: center;
	width: 780px;
	display: block;
	font: 11px/16px "Helvetica", Arial, sans-serif;
	font-weight: bold;
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 0;
	color: #555;
	letter-spacing:  4px;
}

/*----------HEADER PANEL----------*/

#topPanel #headerPanelfast
{
	width: 246px;
	height: 263px;
	position: absolute;
	top: 0;
	left: 0;
	margin: 110px 0 0;
	padding: 0px;
	background: url(images/trumpet-normal.jpg) no-repeat 0 0 #FC5F00;
	color: #FF9900;
}

/* FOOTER PANEL*/

/*----------color square----------*/

#footer
{
	width: 100%;
	background: #ddd;
	font-size: 13px;
	width: 762px;
	height: 70px;
	position: relative;
	margin: 0 auto;
	padding: 0;
}

#footer ul
{
	font: 12px/18px Helvetica, Arial, sans-serif;
	width: 700px;
	text-align: right;
	display: block;
	position: absolute;
	right: 20px;
	top: 10px;
}


#footer ul li a
{
	padding: 0 6px;
	text-decoration: none;
}

#footer p.copyright
{
	font: 14px/18px Helvetica, Arial, sans-serif;
	display: block;
	position: absolute;
	top: 28px;
	right: 20px;
	color: #888;
}

span.s1 {font:  50.0px Helvetica}
span.s2 {text-decoration: none ; color:  #DD7700}

td.td1 {width:  253.0px; padding:  0.0px 5.0px 0.0px 5.0px}
td.td2 {width:  250.0px; padding:  0.0px 5.0px 0.0px 5.0px}
td.td3 {width:  450.0px; padding:  0.0px 5.0px 0.0px 5.0px}
td.td4 {width:  600.0px; padding:  0.0px 5.0px 0.0px 5.0px}
/* used for tri-panel in index.html -- don't change */
td.td5 {width:  240.0px; padding:  0.0px 5.0px 0.0px 10.0px}
td.td6 {height: 300.0px}
td.td7 {width: 800.0px; text-align: center; padding: 20px; background-color: #ddd}