html, body, div, p {font: 11px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif; color: #333;}
body {margin: 0; padding: 0; background: #fff;}
/*
LINKS --------------------- */
a:link, a:active, a:visited {font-weight: bold; color: #5583B5; padding: 1px 2px 2px; background: url(../images/bg_diag.gif); text-decoration: none;}
a:hover {color: #5583B5;}
a img {border-width: 0; border-style: none;}
a:link.glosslink, a:active.glosslink, a:visited.glosslink {border-bottom: 1px dotted #5583B5; font-weight: normal; color: #000000; padding: 1px; text-decoration: none; background: url(none);}
/*
COMMON --------------------- */
h2 span, h3 span, h4 span {display: none; color:#5583B5}
p {margin: 0; padding: 1em 0 0; line-height: 140%;}
hr {display: none;}
form {margin: 1em 0 0;}
input, textarea, select {background: #fff;}
table {margin-top: 1em; width: 100%; border: none;}
th {padding: .75em; text-transform: uppercase; font-size: 12px; text-align: left; background: url(../images/bg_diag.gif);}
td {width: 45%; padding: .75em; vertical-align: top; border-bottom: 1px solid #E4E4E4;}
img.left {float: left; margin: 5px 10px 4px 1px;}
img.right {float: right; margin: 5px 1px 4px 10px;}
/*
MASTHEAD + NAV --------------------- */
#bar {position: absolute; top: 0; left: 0; width: 141px; height: 6px; background: #fff;}
#logo {position: absolute; top: 6px; left: 0; width: 200px; height: 108px; background: url(../images/julia1.jpg) no-repeat;}
#logo h1 {margin: 0;}
#logo h1 strong {display: none;}
#masthead {position: relative; margin-left: 9px; height: 103px;}
#navholder {position: absolute; top: 59px; left: 272px !important; left: 220px;}
#nav {margin: 0; padding: 0; list-style: none;}
#nav li {display: block; float: left; margin-left: 5px; border-top: 1px dotted #6A6A6A; width: 90px; background: url(../images/bg_diag.gif); text-indent: 4px}
#nav li a {display: block; height: 22px; padding: 0 !important; color: #6A6A6A}
#nav li a:hover {border-bottom: 2px solid #5583B5;}
#nav li a strong {font-variant: small-caps}
#nav li#hm {display: none}
#nav li#nav-teaching {}
#nav li#nav-consulting {}
#nav li#nav-software {}
#nav li#nav-blog {}
#nav li#nav-glossary {}
#nav li#nav-jobs {}
#nav li#nav-contact {}
li#nav-teaching a {font-variant: small-caps}
li#nav-consulting a {}
li#nav-software a {}
li#nav-blog a {}
li#nav-glossary a {}
li#nav-jobs a {}
li#nav-contact a {}
#skip {display: none;}
/*
INTRO --------------------- */
#intro {margin-top: 40px; height: 330px;}
#lifestyle {float: right; width: 237px; height: 330px; background: url(../images/st-louis-home.jpg) no-repeat;}
#catnavholder {float: left; width: 520px;}
#catnav {margin: 0; padding: 0; list-style: none;}
#catnav li {display: block; float: left; width: 130px; position: relative;}
#catnav li a.on {display: block; height: 124px; padding: 0 !important; text-indent: 5px}
#catnav li a.on strong {color: #5583B5; font-size: 16px; border-bottom: 1px dashed #5583B5; display: block }
#catnav li p {position: absolute; top: 52px; left: 0; padding: 0 10px; font-size: 10px; line-height: 110%;}
#catnav li p a {padding: 0; font-weight: normal; color: #333; background: none;}
#catnav li p a:hover {color: #666;}
li#learners {background: transparent url(../images/bg.jpg) bottom left no-repeat;}
li#teachers {background: transparent url(../images/bg.jpg) bottom left no-repeat;}
li#schools {background: transparent url(../images/bg.jpg) bottom left no-repeat;}
li#managers {background: transparent url(../images/bg.jpg) bottom left no-repeat;}
li#learners a.on {background: transparent url(../images/bg.jpg) bottom left no-repeat;}
li#learners a.on:hover {background-position: top left;}
li#teachers a.on {background: transparent url(../images/bg.jpg) bottom left no-repeat;}
li#teachers a.on:hover {background-position: top left;}
li#schools a.on {background: transparent url(../images/bg.jpg) bottom left no-repeat;}
li#schools a.on:hover {background-position: top left;}
li#managers a.on {background: transparent url(../images/bg.jpg) bottom left no-repeat;}
li#managers a.on:hover {background-position: top left;}
#welcome {float: left; width: 460px; height: 205px; padding-left: 9px;}
#welcome h2 {margin: 0; width: 460px; height: 28px; color:#5583B5; font-size: 17px}
/*
CONTENT --------------------- */
#content {float: left; margin: 39px 0 0 9px; width: 485px !important; background: url(../images/bg_linedark.gif) top left repeat-x;}
#content h2 {margin: 1.2em 0 0; font: 24px Avenir,Helvetica,Arial,sans-serif; color:#5785B6 ;}
#content h2 a:link, #content h2 a:active, #content h2 a:visited {font-weight: normal; background: none; padding: 0;}
#content h2 a:hover {color: #5583B5; text-decoration: underline;}
#content h3 {margin: 0 0 1em; height: 22px; border-bottom: 2px solid #5785B6; font: normal 12px/200% arial; color:#000;}
#content h3#faqhome { border-bottom: 2px solid #5785B6;font:normal 12px/200% arial; color:#000;}
#content h4 {margin: 1.2em 0 0; padding-top: 1.2em; text-transform: uppercase; font-size: 12px; background: url(../images/bg_linelight.gif) top left repeat-x;}
#content h4.nobg {background: none;}
#content h4 strong {color: #00BFF3;}
#content ul, #content ol {margin-top: 1em; margin-bottom: 0;}
#content ul li, #content ol li {margin-top: .5em; line-height: 140%;}
#content ul li p, #content ol li p {padding-top: 0;}
#content ul li span, #content ol li span {font-size: 10px; text-transform: uppercase; letter-spacing: 1px;}
#home #content {margin-left: 41px !important;}
#home #content p {padding: .5em 0; color: #6B6B6B;}
#home #content h3 {width: 173px; background: url(../images/hFAQ.gif) no-repeat;}
#teaching #content h3 {width: 58px; background: url(../images/bTeaching.gif) no-repeat;}
#consulting #content h3 {width: 71px; background: url(../images/bConsulting.gif) no-repeat;}
#software #content h3 {width: 60px; background: url(../images/bSoftware.gif) no-repeat;}
#blog #content h3 {width: 30px; background: url(../images/bBlog.gif) no-repeat;}
#glossary #content h3 {width: 58px; background: url(../images/bGlossary.gif) no-repeat;}
#jobs #content h3 {width: 28px; background: url(../images/bJobs.gif) no-repeat;}
#contact #content h3 {width: 54px; background: url(../images/bContact.gif) no-repeat;}
#info #content h3 {width: 186px; background: url(../images/bInfo.gif) no-repeat;}
.faqhead {padding: 1em 0 0 !important; color: #333 !important;}
.def p {padding: 1em 0; border-bottom: 1px solid #E4E4E4;}
.def p.nobd {border: none; padding-bottom: 0;}
.def ul {padding-bottom: 1em; border-bottom: 1px solid #E4E4E4;}
.note {margin: 1em 0; padding: 1em 0; font-size: 10px; color: #6B6B6B; border-top: 1px solid #E4E4E4; border-bottom: 1px solid #E4E4E4;}
.step {margin: 2em 0 0; padding: .5em 2em 2em; background: url(../images/bg_diag.gif);}
.step h2 {margin-top: .5em !important;}
/*
SIDEBAR --------------------- */
h2{font:normal 18px/100% lucinda grande, lucinda sans unicode, verdana, arial, sans-serif; color:#5583CE;}
.questions p {color:#5583ce}
#callout {margin: 2em 0; background: #FF8200;}
#callout p {padding: .5em 1em; }
#callout a {font-weight: normal; padding: 0; background: none; color: #fff;}
#home #sidebar {float: left !important; margin-left: 9px;}
#home #sidebar p {padding: 0;}
#home #sidebar h3 {width: 111px; background: url(../images/hDiscussion.gif) no-repeat;}
#sidebar {float: left; margin-top: 39px; width: 200px; background: url(../images/bg_linedark.gif) top left repeat-x;}
#sidebar h3 {margin: 1px 0 0; width: 112px; height: 22px; background: url(../images/hInformation.gif) no-repeat; border-bottom: 2px solid #5785B6;}
#sidebar h4 { font-size:11px;}
#sidebar ul {margin: 2em 0 1em; padding: 0;}
#sidebar ul li {list-style: none; margin-top: 1em;}
.al1 {text-align: right; padding-bottom: 0;}
.al2 {text-align: center;}
.bloghead {margin-left: -2px; padding: 2em 0 .25em !important;}
.highlight {margin: 2em 0; padding: 1em; background: url(../images/bg_diag.gif);}
.highlight a {background: none;}
.highlight h4 {margin: 0 0 1em; width: 67px; height: 16px; background: url(../images/subscribe.gif) no-repeat;}
.highlight p {padding: 0;}
.highlight input#email {float: left; margin-right: 5px; width: 125px; font-size: 10px; border-top: 1px solid #B8B8B8; border-right: 1px solid #E8E8E8; border-bottom: 1px solid #E8E8E8; border-left: 1px solid #B8B8B8;}
.i {padding: 3px; background: #fff;}
.posted {margin-top: .5em; padding-top: .25em !important; background: url(../images/bg_linelight.gif) top left repeat-x; color: #6B6B6B;}
.posted a:link, .posted a:active, .posted a:visited {font-weight: normal; background: none; padding: 0; color: #6B6B6B;}
.posted a:hover {color: #333;}
.posted img {margin-right: 2px; vertical-align: text-top;}
.questions {position:absolute; left:375px; top:950px; }
h1 {font:normal 14px/200% arial; color:#000; border-bottom: 3px solid #5785B6;font-variant:small-caps;}
/*
FOOTER --------------------- */
#footer {margin: 39px 0 39px 9px; background: url(../images/bg_linelight.gif) top left repeat-x;}
#footer a {padding: 0; background: none; color: #6B6B6B; font-weight: normal; text-decoration: underline;}
#footer p {font-size: 10px; color: #6B6B6B;}
#home footer {margin-left: 0 !important;}
#switch, #top {display: none;}
/* --- MISC --------------------- */
#container {margin: 0 auto; width: 757px;}
/* Nifty Corners */
.rtop,.rbottom {display: block;}
.rtop *,.rbottom * {display: block; height: 1px; overflow: hidden;}
.r1 {margin: 0 5px;}
.r2 {margin: 0 3px;}
.r3 {margin: 0 2px;}
.r4 {margin: 0 1px; height: 2px;}
.rs1 {margin: 0 2px;}
.rs2 {margin: 0 1px;}
input.txt {width: 125px; color: #00008B; border: 1px solid #444;}
input.btn {color: #00008B; border: 1px outset #00008B; margin-right: 150px}
form p {clear: left; margin: 0; padding: 0; padding-top: 5px;}
label {float: left; width: 150px;}
p.submittal {text-align: right;}
.prop {line-height: 100%}
.prop p,td {font-size: 10px;}
.nugget {width: 50px; height: 50px; float: left; margin: 2px;}
.nuggetarea a {padding: 0}