@import url("menu.css");
body {margin-top: 20px; font-family: Verdana, sans-serif; background-image: url(../images/stucco.gif); background-attachment: fixed; background-color: #444}
strong {color: #fff;}
img {border: 0;}

table#main {width: 800px; margin: 0 auto; background-color: #fff;}
td#sidebar {background-color: #369; padding: 0 20px; text-align: center;}
#sidebar a {font-size: 10px; font-family: Verdana, sans-serif; color: #ff0; font-weight: 400; text-decoration: none;}
#sidebar a:hover {color: #fff;}
img#flag {padding: 20px 0;}
div.schoollinks {line-height: 25px; padding: 10px 0; color: #ff0; font-size: x-small;}
div#d230icons {padding: 20px 0;}
img#kandinsky {padding: 20px 0;}
td#empty {background-color: #369;}
table#ecj {width: 100%; border: 4px double #000; background-color: #bbb;}
td#ecjphoto {width: 142px;}
td#ecjinfo {color: #339; font: bold small-caps 24pt/50px Garamond, Tahoma, sans-serif; text-align: center;}
span#mathscience {font-size: 16pt;}
span#geophys {font-size: 18pt;}
td#beach {background-image: url(../images/beach.jpg);}

table#classmenu {margin: 0 auto 30px;}
td#menubuttons {padding: 15px 40px 0;}
#menubuttons a {display: block; width: 140px; height: 25px; margin-bottom: 15px; border: 2px solid #000; text-align: center;}
#menubuttons a:link, #menubuttons a:visited, #menubuttons a:hover, #menubuttons a:active {color: #000; font: bold 8pt/25px Tahoma, sans-serif; text-decoration: none;} 

#menu {position:relative; margin:25px; display:block; width: 150px;}
#menu a:link, #menu a:visited {display:block; width:150px; height:30px; background:url("../images/menubuttons.gif"); background-color:transparent; text-align:center; color:#000; text-decoration:none; font: bold 8pt/30px arial, sans-serif; margin-top:5px;}
#menu a:hover {line-height:30px; overflow:hidden;}
#menu a.mcbhg, #menu a.mcbhg:visited {background-position:0 0;}
#menu a.mcbap, #menu a.mcbap:visited {background-position:0 -90px;}
#menu a.mcbag, #menu a.mcbag:visited {background-position:0 -180px;}
#menu a.mcboc, #menu a.mcboc:visited {background-position:0 -270px;}
#menu a.mcbhg:hover {background-position:0 -30px;}
#menu a.mcbap:hover {background-position:0 -120px;}
#menu a.mcbag:hover {background-position:0 -210px;}
#menu a.mcboc:hover {background-position:0 -300px;}
#menu a.mcbhg:active {background-position:0 -60px;}
#menu a.mcbap:active {background-position:0 -150px;}
#menu a.mcbag:active {background-position:0 -240px;}
#menu a.mcboc:active {background-position:0 -330px;}

table#schedule {width: 535px; border-collapse: collapse; background-color: #fff; font-size: 7pt;}
#schedule td {height: 22px; border: 1px solid #000; font-weight: bold; text-align: center;}
tr#header1 {background-color: #999; font-size: 8pt;}
tr#header2 {background-color: #ccc;}
td.time {font: bold 8pt 'Courier New', sans-serif;}
tr#hour2, tr#hour4, tr#hour7, tr#hour8 {background-color: #fff;}
tr#hour0 {background-color: #f66;}
tr#hour1 {background-color: #6f6;}
tr#hour3 {background-color: #69f;}
tr#hour4 {background-color: #c9c;}
tr#hour7 {background-color: #ff6;}

#container {padding-left: 5px; color: #fff; font-size: x-small;}
#left-element {float: left;}
#right-element {float: right; text-align: right;}
td#footer {height: 22px; padding-right: 8px; background-color: #000; color: #fff; font-size: x-small; text-align: right;}
#footer a {color: #ff0; text-decoration: none;}