body {font-family: Verdana, Tahoma, Arial, sans-serif;text-align:center;margin:0;padding:0;font-size:100.1%;line-height:1.125em}
#wrap {position:relative;text-align:center;width:62.6em;height:121em;margin:0 auto;background-color:#ECECFF}
#greyhead {position:absolute;top:0;left:0;width:62.6em;height:6.5em;background:url('../images/gradientcyan.jpg') repeat-x; }
#topnav {position:absolute;top:.2em;left:16.5em;width:46em;height:1em}
#topnav ul {margin:0;padding:0;float:left}
#topnav ul li {display:inline;font-size:.75em;padding-right:3em}
#topnav a:link, #topnav a:visited {color:#F4F4F4}
#topnav a:hover {color:#cccccc}

.botnav ul {margin:1.5em 0 0 0;padding:0 0 0 1em;float:left;list-style:none}
.botnav ul li {display:inline;font-size:.75em;padding-right:2.8em}
.botnav a {text-decoration:underline}
.botnav a:link, .botnav a:visited {color:#404040}
.botnav a:hover {color:#cccccc}

.coursenav {width:100%;overflow:hidden;background-color:#145881}
.coursenav ul {margin:0;padding:0 0 0 0em;color:#f4f4f4;font-size:.875em;font-weight:bold}
.coursenav li {display:inline;margin:0}
.coursenav li a {float:left;display:block;margin:0;border-right:1px solid #f4f4f4;padding:.5em .5em}
.coursenav li a:link, .coursenav li a:visited {color:#f4f4f4}
.coursenav li a:hover {color:#66FF99;background-color:#123845}
.coursenav ul li.home a {background-color:#2E445F}
.coursenav ul li.home a:hover {color:#8AE2FF}
.coursenav ul li.current a {color:#8AE2FF;background-color:#123845}
.coursenav ul li.beginners a {color:#66FF99;background-color:#123845}
.coursenav ul li.next a {float:right;border:none}
.coursenav ul li.next a:hover{color:#8AE2FF;background-color:#145881}
.coursenav ul li.next a:hover{color:#FFCC00;background-color:#981A25}
.topline {height:0.25em;width:100%;background-color:#CCCCCC;border-bottom:1px solid color:#FFCC00;margin:.1em 0;padding:0}
.midgrey .topline p {line-height:1.25em;margin:0;padding:0}

#logo {position:absolute;top:1.5em;left:1em;width:14em;height:4em;text-align:left;color:#F4f4f4}
#logo h1 {font-size:1.5em}
#logo h2 {font-size:.875em;margin:.4em 0}
#logo a:link, #logo a:visited {color:#F4F4F4}
#logo a:hover {color:#cccccc}

#searchhead {position:absolute;top:2.5em;left:41.5em;width:20em;height:3em;text-align:left}

.midgrey h2 {font-size:1.05em;margin:0 0 0 3em;text-align:left;padding:0;clear:both}
.midgrey h3 {font-size:1em; text-align:left;padding:0;margin:1em 0 0 1em}
.midgrey p {font-size:.875em;font-weight:bold;margin:.5em 0 .5em 2.5em;text-align:left;padding:0}

.boxtop {background:url('../images/neblue.gif') no-repeat top right; }
.boxtop div {font-size:0;height:15px;background:url('../images/nwblue.gif') no-repeat top left; }
.boxbottom {clear:both;background:url('../images/seblue.gif') no-repeat bottom right; }
.boxbottom div {font-size:0;height:15px;background:url('../images/swblue.gif') no-repeat bottom left; }

.rightgrey {position:absolute;top:7.5em;left:52.3em;width:10em;text-align:left}
.midgrey {position:absolute;top:7.5em;left:.3em;width:51.7em;background-color:#F4F4F4}
.footer {position:absolute;top:119em;left:0;width:51.7em;border-top:2px solid #c0c0c0}
.footer p {font-size:.6em;text-align:center;color:#404040;line-height:1.125em}
.footer a:link{color:#404040}
.footer a:visited {color:#404040}
.footer a:hover{color:#00A5F4}

.shares {text-align:center;margin:1.5em 0 0 0}
.shares p{display:inline;font-weight:bold;font-size:.75em;color:#404040;margin:0 2em 0 0}
.shares a img{border:none;padding:.1em}

.linkgrey {clear:both;text-align:center;padding:1.5em 0}
.topbanner{clear:both;text-align:center;padding:.7em 0 1.5em 0}
.sideunitgrey {text-align:left;margin:0 0 1em 0;padding:0}
.block {float:left;text-align:left;padding:1em 0 0 0;margin:0}
.leftblock {float:left;text-align:left;padding:1em 0 0 2.8em;margin:0}
.leftmenu {float:left;width:27em;padding:0;margin:0}
.spacer {clear:both;padding:1em 0;background-color:#f4f4f4}

.sitemenu, .sitemenu ul {width:10em;margin:0 0 2em 0;padding:0}
.sitemenu ul li {padding:.1em 0}
.sitemenu li a {font-size:.75em;font-weight:bold}
.sitemenu li a:link, .sitemenu li a:visited {display:block;color:#404040;background-color:#f4f4f4;padding-left:.2em}
.sitemenu li a:hover {background-color:#cccccc;border-right:.25em solid #404040}
.rightgrey div.sitemenu ul li.home a {background-color:#cccccc}

.pictwrap {clear:both;margin:0 0 1em 2.5em;height:1%;padding:0}
.pictwrap dl {text-align:left;color:#404040;font-size:.8em;float:left;width:25em;border:.1em solid #e5e5e5;padding:.4em;margin:1em 2.8em 1em .5em}
.pictwrap dl:hover {background-color:#EBE9F5}
.pictwrap dl dt, .pictwrap dl dd {float:right;width:17.5em;margin:0}
.pictwrap dl dt a {color:#404040;font-weight:bold;text-decoration:underline}
.pictwrap dl dd a {color:#404040}
.pictwrap dl dd.thumb {float:left;width:6.25em;margin:0;padding:0}
.pictwrap dl dd.thumb img {display:inline;border:.1em solid #e5e5e5;width:75px;height:75px}

.wrapright {clear:both;margin:0 0 1em 2em;height:1%;padding:0}
.wrapright dl {text-align:left;color:#404040;font-size:.8em;float:left;width:25em;border:.1em solid #e5e5e5;padding:.4em;margin:1em 2.6em 1em .5em}
.wrapright dl:hover {background-color:#EBE9F5}
.wrapright dl dt, .wrapright dl dd {float:right;width:17.5em;margin:0}
.wrapright dl dt a {color:#404040;font-weight:bold;text-decoration:underline}
.wrapright dl dd a {color:#404040}
.wrapright dl dd.thumb {float:left;width:6.25em;margin:0;padding:0}
.wrapright dl dd.thumb img {display:inline;border:.1em solid #e5e5e5;width:75px;height:75px}

p {font-size:.875em}
p, h1, h3 {margin:.4em 0}
ul, ol {list-style:none}
a {text-decoration:none}
img {vertical-align:middle}
a:hover {color:#999999}