* {margin:0;padding:0}
html {height:100%}
body {padding: 0;background:#fff;color:#000;font:11pt Tahoma;height:100%}

a,a:link,a:visited {background:transparent;text-decoration:none;cursor:pointer;color:#ff0000}
a:hover {color:#000000}

/* TYPOGRAPHY */
p, ul, ol {margin: 0 0 1.5em}
h1, h2, h3, h4, h5, h6 {letter-spacing: -1px;font-family:tahoma;margin: 1.2em 0 .3em}
h1 {font-size: 196%;margin-top:.6em}
h2 {font-size: 136%}
h3 {font-size: 126%}
h4 {font-size: 116%}
h5 {font-size: 106%}
h6 {font-size: 96%}

/* HEADER */
#header {margin:0 auto;position:relative;width:415px;height:93px;text-indent:-100em;background:transparent url("images/title.jpg");overflow:hidden}

/* NAVIGATION */
#logo a:link, #logo a:visited {position:absolute;width:116px;height:72px;text-indent:-100em;background:transparent url("images/topleft.jpg");overflow:hidden;margin-bottom:30px;top:10px;left:65px}
#navigation {position:absolute;width:200px;left:10px;margin-top:30px}
#navigation ul {list-style:none}
#navigation ul li {margin-bottom:3px;padding-left:4px}
#navigation ul li.about {position:relative;width:66px;height:29px;text-indent:-100em;background:transparent url("images/about.jpg");overflow:hidden}
#navigation ul li.courses {position:relative;width:93px;height:30px;text-indent:-100em;background:transparent url("images/courses.jpg");overflow:hidden}
#navigation ul li.contact {position:relative;width:87px;height:29px;text-indent:-100em;background:transparent url("images/contact.jpg");overflow:hidden}

#main {position:absolute;float:left;margin-left:230px}

#fail {color:#d00;font-weight:bold;font-size:120%}
#done {color:#0d0;font-weight:bold;font-size:120%}