body{margin: 0;font-size: 9pt;margin: 0;color: #000;font-family: 'Trebuchet MS';background-color: #e3fcff;}
a, a:visited {color: #39c2d2;}

#wrapper {text-align: center;}
#header {background-color: #39c2d2; height: 90px; background-image: url('Images/top_bg.jpg');}
#header img {border: 0;}
#footer {background-color: #39c2d2;height: 30px; background-image: url('Images/bottom_bg.jpg');}
#frontPage {padding: 20px 0;}
#frontPage ul {list-style-type: none;margin:0pt auto;width:125px;}
#frontPage ul li {height: 20px; width: 65px;padding:10px 0 10px 40px;text-align:left;}
#frontPage ul li a,
#frontPage ul li a.visited {color: #39c2d2; text-decoration: none;}
#frontPage ul li a:hover {color: #e863c6; text-decoration: underline;}
#frontPage .news {background: transparent url('Images/news_ico.jpg') no-repeat 0% 0%;margin-bottom:20px;}
#frontPage .schedule {background: transparent url('Images/schedule_ico.jpg') no-repeat 0% 0%;}

#news {margin:20px auto;width: 200px; text-align: justify;}
#news .entry{margin:20px auto; border-bottom: dotted 4px #39c2d2; width: 200px; text-align: justify;padding:8px 0;overflow: hidden;}
#news h1 {color: #39c2d2; font-size: 10pt;margin:0;}
#news h2 {color: #000; font-size: 9pt;margin:0;font-style:italic;}
#news p {margin: 5px 0;}
#news .entry .link {float: right;}

#schedule {width: 220px; margin: 0 auto;}
#schedule .day {background-image: url('Images/bottom_bg.jpg'); height: 30px;background-color: #39c2d2;color: #fff;font-size:11pt;font-weight:bold;}
#schedule .day span {display:inline-table;width:120px;}
#schedule .day input {width: 31px; height: 30px;border-width:0pt;margin:0pt;padding:0pt;cursor: pointer;}
#schedule .day .prevDay {background: transparent url('Images/prevDay.jpg') no-repeat;}
#schedule .day .nextDay {background: transparent url('Images/nextDay.jpg') no-repeat;}
#schedule .date {background: transparent url('Images/date_bg.jpg') no-repeat 50% 0%; width: 115px; color:#FFF;font-size:12pt;font-weight:bold;height:26px;margin-bottom:20px;display:inline-table;}
#schedule .time {width: 85px; float: left; overflow: hidden;margin-bottom: 15px;}
#schedule .info {width: 135px; float: left; overflow: hidden;text-align:left;margin-bottom: 15px;}
#schedule .class {text-align: left; margin: 10px 0;}
#schedule .class h1 {color: #39c2d2; font-size: 10pt;margin:0;}
#schedule .class h2 {color: #000; font-size: 9pt;margin:0;font-style:italic;}
#schedule .class p {margin: 5px 0; text-align: justify;}