/* Main area */
br.clearleft { clear:left; }

/* one line header */
#header { width:600px; margin:5px auto; position:relative; height:50px; }
#header h1 { font-family:"Arial Black", Arial, sans-serif; font-size:30px; color:#035793; margin:0; padding:0; text-align:center;
             font-weight:bold; position:absolute; top:0; left:0; width:600px; z-index:2; }
#header h1#shadow { color:#bbb; position:absolute; top:2px; left:2px; z-index:1; }

/* two line header */
#header2 { width:450px; margin:0 auto; position:relative; height:80px; padding:0; }
#header2 h1 { font-family:"Arial Black", Arial, sans-serif; font-size:30px; color:#035793; margin:0; padding:0; text-align:center;
             font-weight:bold; position:absolute; top:0; left:0; z-index:2; }
#header2 h1#shadow { color:#bbb; position:absolute; top:2px; left:2px; z-index:1; }

/* standard elements */
#mainbody h2 { font-size:20px; color:#000; font-weight:bold; padding:0; margin:20px; }
#mainbody h3 { font-size:16px; color:#000; text-align:left; font-weight:bold; padding:0; margin:0; }
#mainbody h4 { font-size:14px; color:#000; text-align:left; font-weight:bold; padding:0; margin:5px; }
#mainbody ul { margin:0; padding:0; list-style:none; }
#mainbody ul#classlist { margin:30px; margin-top:0; }
#mainbody li { font-size:14px; color:#000; padding-left:20px; background:url(images/bullet.gif) no-repeat left 2px; }
* html #mainbody li { background:#fff; }
#mainbody li a { color:#035793; font-weight:bold; text-decoration:none; outline:none; }
#mainbody li a:hover { color:#c60; text-decoration:underline; }
#mainbody p { font-size:16px; color:#000; text-align:left; margin:20px; padding:0; }
#mainbody p.classloc { font-size:14px; color:#035793; text-align:center; margin:0; }

#mainbody h2#dates { text-align:center; }
#descriptions p { margin-top:0; }

/* Instructor information popup */
#mainbody h2#teacher { position:relative; text-align:center; margin:0 0 20px 0; }
#t-name { text-align:center; color:#c60; }
#teacher a { color:#c60; border:1px solid #fff; }
#teacher a #accomplish { visibility:hidden; position:absolute; left:50%; top:25px; width:400px; border:1px solid #000; 
         background-color:#bdf; color:#000; text-decoration:none; text-align:left; margin-left:-200px; }
* html #teacher a #accomplish { left:200px; }
#teacher .para { font-weight:normal; display:block; font-size:12px; margin:5px; }
#teacher .list { font-weight:normal; display:block; font-size:12px; margin:5px; }
#teacher a:hover { color:#c60; text-decoration:none; cursor:help; background-color:#bdf; border:1px solid #000; }
#teacher a:hover #accomplish { visibility:visible; }

/* bulletted lists (2 columns) */
#bullets { width:99%; height:200px; border:1px solid #000; }
#leftbullets { float:left; width:250px; margin:0 0 0 50px; }
#leftbullets2 { float:left; width:340px; margin:0 0 0 25px; }
#rightbullets { float:left; width:250px; margin:0 0 0 5px; }
#rightbullets2 { float:left; width:340px; margin:0 0 0 10px; }
#mainbody p.notes { padding:20px 0 10px 0; font-weight:bold; text-align:center; color:#800; }
#bring { float:left; width:200px; }
#bring2 { width:200px; margin:0 auto; }
.shiftright { padding-left:50px !important; }

/* order table */
table { margin:30px auto 10px auto; width:550px; border-collapse:collapse; }
th { font-size:12px; border:1px solid #000; }
td { font-size:12px; border:1px solid #000; }
.toright { text-align:right; padding-right:10px; }
.tocenter { text-align:center; }
td.empty { border:none; text-align:right; }
col#classid { width:30%; }
col#classdate { width:40%; }
col#cost { width:10%; }
col#seats { width:20% }
/* col#tocart { width:10% } */