/* Default Tags */

:root 
{ overflow-y:scroll; }
BODY, HTML
{ margin:0; padding:0; font-family:arial,helvetica,sans-serif; color:#333; font-size:86%; background:#ed1c24 url("../images/bg_redfade.jpg") repeat-x; height:100% }

IMG,TABLE
{ border:0; empty-cells:show; }
TD
{ vertical-align:top; padding:5px }
UL,LI,H1,H2,H3,H4
{ margin:0; padding:0 }
A
{ color:#c00; text-decoration:none;  }
A:hover
{ text-decoration:underline; color:#900 }
UL LI
{ list-style-type:none }
P,LI,H1,H2,H3,H4
{ line-height:1.4em }
P
{ margin:0; padding:0 0 1.3em 0 }
H1
{ font-size:200%; color:#333; padding:10px 0 15px 0; font-weight:normal }
H2
{ font-family:arial,helvetica,sans-serif; margin:0 0 8px 0; padding-bottom:0; font-size:145%; line-height:1.2em; color:#333 }
H3
{ clear:both; font-family:arial,helvetica,sans-serif; font-size:130%; line-height:1.4em; color:#333; padding:5px 0;  }
H4
{ font-size:100%; color:#666; line-height:1.4em; padding-bottom:5px;  }
INPUT
{ font-family:arial,helvetica,sans-serif; color:#333; font-size:11px; }
FORM
{ display:inline }
SUB
{ font-size:80%; vertical-align:-15% }
SUP
{ font-size:80%; vertical-align:35% }
:lang(en) SUB 
{ font-size:70%; vertical-align:-20% }


/* Template */

#navskip
{ position:absolute; overflow:hidden; width:0; height:0 }
#wrapper
{ background:url("../images/bg_content.gif") repeat-y; text-align:left; width:950px; min-height:100%; margin:0 auto; padding:0; }
#header
{ background:url("../images/bg_top.gif") no-repeat; width:835px; height:144px; padding:0 57px 0 58px; }
#logo
{ float:left; width:256px; height:87px; margin-top:23px; display:block }
#logo A IMG
{ width:256px; height:87px; }
#toplinks
{ float:right; font-size:80%; text-align:right; width:25em; padding:5px 15px 0 0 }
#toplinks A
{ color:#ccc }
#quicklinks
{ float:right; clear:right; text-align:right; width:30em; margin:25px 20px 10px 10px; padding:0; }
#quicklinks A
{ padding-left:15px }
#tagline
{ width:500px; clear:right; text-align:right; font-size:120%; font-weight:bold; color:#333; float:right;  margin:5px 20px 10px 10px; padding:0 }
#main
{ background:url("../images/bg_maintall.gif") no-repeat top center; text-align:left; width:835px; min-height:600px; margin:0; padding:0 58px 0 57px; }
#main P
{ font-size:102%;  }
.clear
{ clear:both; }
.line
{ clear:both; border-top:1px solid #dedede; margin:0; }
.line2
{ clear:both; border-top:1px solid #999; margin:10px 0; }
.padtop10
{ display:block; padding-top:10px }
UL.list, UL.list LI
{ list-style-type:disc }
UL.list
{ padding-left:20px; padding-bottom:10px }
.small
{ font-size:10px }
.sched
{ width:480px; margin-top:10px; background-color:#eee; border:1px solid #ccc }
.sched TD
{ padding:4px 4px 5px 4px; border-bottom:1px solid #fff }
.td1
{ font-weight:bold }
.odd
{ background:#ccc }

/* Primary Navigation */

#nav 
{ clear:both; text-transform:lowercase; text-align:right; font-size:115%; float:right; width:45em; padding:0; margin-top:13px }
:lang(en) #nav 
{ margin-top:1px } 
#nav LI
{ float:left; padding:0; margin:0 }
#nav A:hover
{ text-decoration:none }
#nav LI A
{ display:block; color:#fff; line-height:1.5em; padding:6px 10px 6px 10px }
#nav LI A:hover, #nav LI A.selected, #nav LI A.selected:hover
{ background:url("../images/bg_nav_selected.gif") repeat-x }


/* Secondary Navigation */

#secnav 
{ float:left; width:196px; margin:12px 10px; font-size:95% }
#secnav LI
{ padding:0; margin-bottom:1px }
#secnav LI A
{ color:#333; font-weight:bold; background:#fff; padding:6px 12px; text-align:right; display:block; }
#secnav LI A.selected
{ color:#fff; background:#797979; }
#secnav LI A:hover
{ color:#fff; background:#c00; text-decoration:none }
.navheader
{ margin-bottom:1px }
.navheader IMG
{ display:block; }


/* Content */

#content A, #subfocus A
{ text-decoration:underline; }
#breadcrumb
{ padding:10px; font-size:125%; font-weight:bold; background:#fff } 
#breadcrumb A
{ color:#000 }
.gt
{ color:#c00 }
#content
{ float:left; width:480px; padding:15px }
#content UL LI
{ padding-bottom:7px }
#content OL 
{}
#content OL LI
{ margin:3px 10px; list-style-type:decimal }


/* Homepage */

#jazzbanner
{ margin-left:-1px }
#home_focus
{ margin-top:-1px; width:834px; height:235px; background:url("../images/bg_online_lessons.jpg") no-repeat 0 -16px; cursor:pointer; }
:lang(en) #home_focus
{ margin-top:-20px; background-position:0 0 }
#home_focus P
{ width:350px; padding-top:70px; padding-left:25px }
:lang(en) #home_focus P
{ padding-top:85px; }


#home_focus div
{ width:350px; padding-top:53px; padding-left:25px }

:lang(en) #home_focus div
{ padding-top:68spx; }

div.hpcalendarlink
{
	font-size:16px;
}


#home_focus H1, #home_focus H2 
{ display:none }
#subfocus
{ width:824px; margin-left:10px; margin-right:1px; background:url("../images/bg_redbar.gif") repeat-x 0 -6px }
#subfocus #col1, #subfocus #col2
{ padding-left:15px; width:390px; float:left } 
#subfocus H2, #subfocus H2 A
{ padding-top:8px; padding-bottom:5px; color:#fff }
#subfocus H3
{ padding-top:12px}
#subfocus H3 A
{ color:#333; text-decoration:none  }
#subfocus H3 A:hover
{ text-decoration:underline }
.alignimgright
{ float:right; width:87px; height:87px; margin-top:-40px; padding:10px  }
.alignimgleft
{ float:left; width:87px; height:87px; padding:10px  }
.alignimgright IMG, .alignimgleft IMG
{ display:block; border:1px solid #999; }

.alignimgright_atrmerch
{ float:right; width:87px; height:87px; margin-top:-61px; padding:10px  }
.alignimgright_atrmerch IMG
{ display:block; border:1px solid #999; }


/* Footer */

#footer
{ text-align:center; position:relative; margin:-4.3em auto 0 auto; width:816px; border-top:5px solid #ccc; padding-top:8px; color:#808080; font-size:90% }
/*  IE  */
* html #footer
{ margin-top:-4.3em;	}
