@import url("reset.css");
body { font-size: 1em; font-family: arial, helvetica, sans-serif;
 text-align: center;color: #444;background: #FFF;padding: 0; margin: 0; }
html{ font-size:100%; }
#mast {position:relative; background: #003366 url(mast.jpg) repeat-x;  margin:0; height: 8.25em; }
#logo a {position:absolute; top:0px; left:1.5em; }
#mast p {position:absolute; top:5em; left:5.9em; color:#FFFFFF;}
#wrap{width: 60em;margin: 0 auto;background: #fff;text-align: left; }
#intro {width: 60em; clear:both; background:#8FB6DC;border-top: 3px solid #FFF;}
#intro p {color:#FFF; font-weight:bold; font-size: 1.5em;}
#main { float: left; width: 33em;background: #FFF;margin-top: 2em; padding-bottom: 3em;}
#secondary {float: right; width: 23em; background: #FFF; margin-top: 2em; padding-bottom: 3em;}
#footer {clear:both; margin-top: 2em; background:#003366; padding: 1.3em;}
#footer p {color:#FFFFFF; font-size: 0.750em;}
h1 {color:#003366; font-size: 1.5em; line-height: 1em; margin: 1em; font-weight: 300;}
#secondary h2 {color:#CC6600; font-size: 1em;}
h2 {color:#003366; font-weight:bold; font-size: 1.5em;}
h3 {color:#08A4CC; font-size: 1em; font-weight:bold; padding-top:1.6em; padding-bottom: 1em;}
p {color:#333333; font-size: 0.9em; line-height: 1.5em; }
p img{width: 7.5em;height: 7.5em;margin: 0 1.5em 1.5em 0;float: left;}
.asides {color:#FFF;}
#corenav {float: left; width: 100%; padding-left: 0; margin: 0; background:#8FB6DC; border-width:1px 0;}
#corenav li {display:inline; padding: 0; margin: 0;}
#corenav a:link, #corenav a:visited { float: left; width: auto; color:#FFF; background:#8FB6DC; padding:10px 20px 4px 10px; text-decoration:none; font:bold 0.750em/1em Arial, Helvetica, sans-serif;}
#corenav a:hover {background: #FB7306;}

#typenav {float: left; width: 100%; padding-left: 0; margin: 0; background:#FB7306; border-width:1px 0;}
#typenav li {display:inline; padding: 0; margin: 0;}

#typenav a:link, #typenav a:visited { float: left; width: auto; color:#FFF; background:#FB7306; padding:10px 20px 4px 10px; text-decoration:none; font:bold 1em/1em Arial, Helvetica, sans-serif;}
#typenav a:hover {background: #ccd296;}
 
#home #nav-home a, #about #nav-about a, {color: #FFF; background:#003366; }


#welcome-box { width: 60em;  clear:both; background: #FFF; margin-top: 2em; min-height: 18em; }

#welcome-box p {color:#121621;}
#helpdesk {background:#7B133F; border-top: 1px solid #B93A31;}
#helpdesk p {color:# FFF;}

#courses {background:#EEE; border-top: 1px solid #666;}

.left {float:left; width: 19em; margin-top: 1em;}
.middle {float: left; margin-left:0em; width:19em;margin-top: 1em;}
.right {float: right; width: 19em;margin-top: 1em; }

.sidebar {float:left; width: 10em; margin-top: 1em;}
.entry {float: left; margin-left:0em; width:32em;margin-top: 1em;}
.asides {float: right; width: 15em;margin-top: 1em; }

ul li {margin-left: 1em; color:#666666; font-size: 0.8em; padding-top: 0.5em; padding-left: 1em; padding-right: 3em; padding-bottom: 1em; line-height: 1em; list-style-type:circle; }
#intro ul li { padding-left:90px; overflow:hidden; }
#intro ul li img { float:left; position:relative; left:-70px; margin-right:-60px; margin-top:1em; }
 ul a {display:block; line-height: 1.5em; font-size: 0.750em;}

a:link, a:visited {color:#FF6699; padding: 0.3em;}
a:hover { color:#FFFFFF; background:#000;}