body {margin:0;padding:0;height:100%;background:#fff;text-align:center;}
a, p, H1, H2, H3, H4, H5, H6, div, td, th, input, select, textarea, button {font-family:arial, verdana, lucida, helvetica, sans-serif;}
a {text-decoration:none;cursor:pointer;}
a:hover {text-decoration:underline;}
img {border:none;margin:0;padding:0;vertical-align:top;}
div, ul {margin:0;padding:0;}

#page {position:relative;width:800px;margin:0 auto;padding:0;text-align:left;}
#head {position:relative;top:8px;height:150px;background:#fff url('./img/back.jpg') top left no-repeat;border-bottom:1px solid #eee;}
#head img {border:none;}
#headprint {display:none;}
#logo {position:absolute;left:30px;top:7px;}
#ifold {position:absolute;right:10px;top:10px;}

#nav {position:relative;top:8px;height:25px;background:#c60 url('./img/bar.gif') top left repeat-x;border-bottom:1px solid #666;padding-top:2px;}
#nav ul {list-style:none;text-align:center;top:4px;}
#nav li {display:inline;margin:0;padding:2px 20px 0 20px;}
#nav li a {margin:2px 0 0 0;height:25px;font-size:0.8em;font-weight:bold;color:#fff;}
#moodle {float:left;margin-top:20px;padding:10px;background:#c60;}
#moodle a {font-size:1.2em;font-weight:bold;color:#fff;}
#ist {float:right;width:300px;margin-top:8px;text-align:right;}
#ist a {text-decoration:none;}
#topic {position:relative;margin-top:10px;padding:0 0 20px 0;border-top:2px solid #999;}

#topic h1 {font-size:1.3em;color:#361;margin:10px 0 2px 0;}
#topic h2 {font-size:1.1em;color:#333;}
#topic p {font-size:0.8em;color:#333;}
#topic p span {color:#361;font-weight:bold;}
#topic a {color:#c60;}
#topic ul {list-style:none;margin-left:15px;padding:0 0 0 1px;color:#333;}
#topic ul li {margin:6px 0;background:url(./img/point.gif) top left no-repeat;padding-left:15px;font-size:0.8em;}
#left {float:left;width:480px;}
#space {float:right;width:290px;margin:10px 0 10px 10px;padding:0 0 10px 10px;border-left:2px solid #999;font-size:0.9em;}
#space h1 {display:block;text-align:center;}
#space img {margin-left:10px;}

#space .block {margin-top:15px;border-top:1px dotted #361;}
#space .block img {margin:7px auto;}

#right {float:right;width:200px;height:100%;margin:50px 0 0 10px;padding-bottom:10px;}
#right img {margin:5px 0;}
#thumbs {float:left;width:550px;}
#thumbs img {margin:2px 2px 0 0;} 
#big {float:left;margin-top:5px;width:550px;}
#big h2 {margin:3px 0;}
#big p {margin-top:0;}
#clear {clear:both;height:1px;}
#footer {clear:both;border-top:2px solid #999;}
#footer p {margin:3px 0;font-size:0.7em;color:#666;}