/* reset */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset{ margin: 0; padding: 0; }

/* main sections */
#wrapper{ background-color:#fff; border:solid 1px #747474; width:805px;}
#logo{ float:left;}
#contact{ background:url(images/hdr-grd.jpg) top right no-repeat; float:right; font-size:10pt; height:195px; text-align:right; width:445px;}
#menu{ background:url(images/menu-bg.jpg) top left repeat-x; clear:both; height:25px; line-height:25px; text-align:center;}
#submenu{ background:url(images/menu-bg-ovr.jpg) top left repeat-x; border-left:solid 1px #000; border-right:solid 1px #000; height:25px; line-height:25px; margin-left:auto; margin-right:auto; padding-left:15px; padding-right:15px; text-align:center; width:737px;}
#headline{}
#footer{ border-top:dashed 1px #000; font-size:9pt;}
#copyright{ font-size:7pt; padding:0 7px 7px;}

/* other html */
body{ background:url(images/dance-fade.gif) top left repeat; font-family:Arial, Helvetica, sans-serif; font-size:12pt;}
a, a:hover{ font-weight:700;}
a:hover{ text-decoration:underline;}
#menu a:hover{ background:url(images/menu-bg-ovr.jpg) top left repeat-x; color:#000;}
#submenu a:hover{ background:url(images/menu-bg.jpg) top left repeat-x; color:#000;}
p,h1,h2,table{ margin-bottom:15px; margin-top:7px;}
h1{ color:#003366; font-size:18pt;}
h2{ font-size:16pt;}
h2.classnames{ color:#008000;}
h3{ color:#C80B0F; font-size:16pt; line-height:24px;}
td{ padding:3px;}
hr.divider{ width:85%;}
img.alrt{ margin-left:15px;}
img.logo{ margin-left:7px;}
div.teachertext{ padding-right:7px; text-align:justify;}
table.classtable{ border:solid 1px #000;}

/* combined element styles */
#wrapper, hr.divider{ margin-left:auto; margin-right:auto;}
#contact, #menu, #menu a{ padding-right:7px;}
#menu, #menu a{ padding-left:7px;}
#footer, #copyright, hr.divider{ text-align:center;}
#menu, a, #menu a, #submenu, #submenu a, #footer a:hover{ color:#993333;}
#footer, a:hover, #footer a, h2{ color:#747474;}
#content, #footer, #headline{ padding:7px;}
a, #menu a, #footer a{ text-decoration:none;}
table.yellow-note{ background:url(images/yellow-note.gif) top left no-repeat;}