h1 {
font-size: 18px;
line-height: 18px;
font-family: "arial", "verdana", "geneva", sans-serif;
font-weight: bold;
text-align: left;
color: #3E534C;
}

h1.course {
font-size: 18px;
line-height: 18px;
font-family: "arial", "verdana", "geneva", sans-serif;
font-weight: bold;
text-align: center;
color: #0000ff;
}

h2.course {
font-size: 18px;
line-height: 18px;
font-family: "arial", "verdana", "geneva", sans-serif;
font-weight: bold;
text-align: center;
color: #0000ff;
}

.seobody {
font-size: 14px;
line-height: 16px;
font-family: "arial", "verdana", "geneva", sans-serif;
font-weight: normal;
text-align: justify;
color: #39514E;
}

.seobodysamplelesson {
font-size: 14px;
line-height: 16px;
font-family: "arial", "verdana", "geneva", sans-serif;
font-weight: normal;
text-align: left;
color: #39514E;
}

.factoidhead {
font-size: 12px;
line-height: 14px;
font-family: "arial", "verdana", "geneva", sans-serif;
font-weight: bold;
text-align: center;
color: #0000ff;
margin-left: 6px;
margin-right: 6px;
}

.factoid {
font-size: 12px;
line-height: 14px;
font-family: "arial", "verdana", "geneva", sans-serif;
font-weight: normal;
text-align: left;
color: #000000;
margin-left: 6px;
margin-right: 6px;
}

.code {
font-size: 12px;
line-height: 14px;
font-family: "tahoma", "courier";
font-weight: normal;
text-align: left;
color: #39514E;
}

.codeexample {
font-size: 12px;
line-height: 14px;
font-family: "tahoma", "courier";
font-weight: normal;
text-align: left;
color: #39514E;
}

.fontblue {
color: #0000ff;
}

div.resources {
font-size: 11px;
line-height: 12px;
font-family: "arial", "verdana", "geneva", sans-serif;
font-weight: normal;
text-align: left;
color: #000000;
text-indent: 0em;
letter-spacing: 0pxs;
text-transform: None;
word-spacing: normal;
text-decoration: none;
}

a:link.resources {
font-size: 11px;
line-height: 12px;
font-family: "arial", "verdana", "geneva", sans-serif;
font-weight: normal;
text-align: left;
color: #0000ff;
text-indent: 0em;
letter-spacing: 0pxs;
text-transform: None;
word-spacing: normal;
text-decoration: none;
}

a:visited.resources {
font-size: 11px;
line-height: 12px;
font-family: "arial", "verdana", "geneva", sans-serif;
font-weight: normal;
text-align: left;
color: #0000ff;
text-indent: 0em;
letter-spacing: 0pxs;
text-transform: None;
word-spacing: normal;
text-decoration: none;
}

a:hover.resources {
font-size: 11px;
line-height: 12px;
font-family: "arial", "verdana", "geneva", sans-serif;
font-weight: normal;
text-align: left;
color: #ff0000;
text-indent: 0em;
letter-spacing: 0pxs;
text-transform: None;
word-spacing: normal;
text-decoration: underscore;
}

a:active.resources {
font-size: 11px;
line-height: 12px;
font-family: "arial", "verdana", "geneva", sans-serif;
font-weight: normal;
text-align: left;
color: #ff0000;
text-indent: 0em;
letter-spacing: 0pxs;
text-transform: None;
word-spacing: normal;
text-decoration: underscore;
}

.leftcolumn {
font-size: 12px;
line-height: 16px;
font-family: "arial", "verdana", "geneva", sans-serif;
font-weight: normal;
text-align: left;
color: #ffffff;
background-color: #036;
padding-left: 12px;
}

.leftcolumn2 {
font-size: 12px;
line-height: 16px;
font-family: "arial", "verdana", "geneva", sans-serif;
font-weight: normal;
text-align: left;
color: #ffffff;
background-color: #036;
}

.rightcolumn {
font-size: 12px;
line-height: 16px;
font-family: "arial", "verdana", "geneva", sans-serif;
font-weight: bold;
text-align: left;
color: #ffffff;
background-color: #036;
padding-left: 12px;
padding-right: 12px;
}
.rightcolumn2 {
font-size: 12px;
line-height: 16px;
font-family: "arial", "verdana", "geneva", sans-serif;
font-weight: normal;
text-align: left;
color: #ffffff;
background-color: #036;
}
a:link.navleft {
font-size: 12px;
line-height: 16px;
font-family: "arial", "verdana", "geneva", sans-serif;
font-weight: bold;
text-align: left;
color: #ffffff;
text-decoration: none;
}

a:visited.navleft {
font-size: 12px;
line-height: 16px;
font-family: "arial", "verdana", "geneva", sans-serif;
font-weight: bold;
text-align: left;
color: #ffffff;
text-decoration: none;
}

a:hover.navleft {
font-size: 12px;
line-height: 16px;
font-family: "arial", "verdana", "geneva", sans-serif;
font-weight: bold;
text-align: left;
color: #ff0000;
text-decoration: underscore;
}

a:active.navleft {
font-size: 12px;
line-height: 16px;
font-family: "arial", "verdana", "geneva", sans-serif;
font-weight: bold;
text-align: left;
color: #ff0000;
text-decoration: underscore;
}

div.navleftcats {
font-size: 10px;
line-height: 12px;
font-family: "arial", "verdana", "geneva", sans-serif;
font-weight: normal;
text-align: center;
color: #000000;
text-decoration: none;
margin-left: 12px;
}

a:link.navleftcats {
font-size: 10px;
line-height: 12px;
font-family: "arial", "verdana", "geneva", sans-serif;
font-weight: normal;
text-align: center;
color: #000000;
text-decoration: none;
margin-left: 12px;
}

a:visited.navleftcats {
font-size: 10px;
line-height: 12px;
font-family: "arial", "verdana", "geneva", sans-serif;
font-weight: normal;
text-align: center;
color: #000000;
text-decoration: none;
margin-left: 12px;
}

a:hover.navleftcats {
font-size: 10px;
line-height: 12px;
font-family: "arial", "verdana", "geneva", sans-serif;
font-weight: normal;
text-align: center;
color: #000000;
text-decoration: underscore;
margin-left: 12px;
}

a:active.navleftcats {
font-size: 10px;
line-height: 12px;
font-family: "arial", "verdana", "geneva", sans-serif;
font-weight: normal;
text-align: center;
color: #0000ff;
text-decoration: underscore;
margin-left: 12px;
}

div.nav-bottom {
font-size: 10px;
line-height: 14px;
font-family: "arial", "verdana", "geneva", sans-serif;
font-weight: normal;
text-align: center;
color: #000000;
text-decoration: none;
}

a:link.nav-bottom {
font-size: 10px;
line-height: 14px;
font-family: "arial", "verdana", "geneva", sans-serif;
font-weight: normal;
text-align: center;
color: #000000;
text-decoration: none;
}

a:visited.nav-bottom {
font-size: 10px;
line-height: 14px;
font-family: "arial", "verdana", "geneva", sans-serif;
font-weight: normal;
text-align: center;
color: #000000;
text-decoration: none;
}

a:hover.nav-bottom {
font-size: 10px;
line-height: 14px;
font-family: "arial", "verdana", "geneva", sans-serif;
font-weight: normal;
text-align: center;
color: #000000;
text-decoration: underscore;
}

a:active.nav-bottom {
font-size: 10px;
line-height: 14px;
font-family: "arial", "verdana", "geneva", sans-serif;
font-weight: normal;
text-align: center;
color: #0000ff;
text-decoration: underscore;
}

p.glossary {
font-size: 10px;
color: #000000;
font-family: "verdana", "arial", "geneva", sans-serif;
letter-spacing: 0pxs;
line-height: 16px;
text-align: justify;
text-transform: None;
word-spacing: normal;
font-weight: normal;
}

a.glossary:link {
font-size: 8px;
color: #948484;
font-weight: normal;
font-family: "verdana", "arial", "geneva", sans-serif;
TEXT-DECORATION: underline
}

a.glossary:visited {
font-size: 8px;
color: #948484;
font-weight: normal;
font-family: "verdana", "arial", "geneva", sans-serif;
TEXT-DECORATION: underline
}

a.glossary:active {
font-size: 8px;
color: #948484;
font-weight: normal;
font-family: "verdana", "arial", "geneva", sans-serif;
TEXT-DECORATION: underline
}

a.glossary:hover {
font-size: 8px;
color: #948484;
font-weight: normal;
font-family: "verdana", "arial", "geneva", sans-serif;
TEXT-DECORATION: underline
}

div.copyright {
font-size: 10px;
line-height: 12px;
font-family: "arial", "verdana", "geneva", sans-serif;
font-weight: normal;
text-align: center;
color: #000000;
}

div.counter {
font-size: 10px;
line-height: 12px;
font-family: "arial", "verdana", "geneva", sans-serif;
font-weight: normal;
text-align: left;
color: #c0c0c0;
}

div.revision {
font-size: 10px;
line-height: 12px;
font-family: "arial", "verdana", "geneva", sans-serif;
font-weight: normal;
text-align: left;
color: #c0c0c0;
}

.pagedate {
font-size: 9px;
font-family: "arial", "verdana", "geneva", sans-serif;
font-weight: normal;
text-align: right;
color: #c0c0c0;
}

.main {
align: center;
}

div.directorylinks {
font-size: 9pt;
line-height: 11pt;
font-family: "arial", "verdana", "geneva", sans-serif;
text-align: left;
color: #000000;
}

a:link.directorylinks {
font-size: 9pt;
line-height: 11pt;
font-family: "arial", "verdana", "geneva", sans-serif;
text-align: left;
color: #0000ff;
text-decoration: none;
}

a:visited.directorylinks {
font-size: 9pt;
line-height: 11pt;
font-family: "arial", "verdana", "geneva", sans-serif;
text-align: left;
color: #ff0000;
text-decoration: none;
}

a:hover.directorylinks {
font-size: 9pt;
line-height: 11pt;
font-family: "arial", "verdana", "geneva", sans-serif;
text-align: left;
color: #ff0000;
text-decoration: underscore;
}

a:active.directorylinks {
font-size: 9pt;
line-height: 11pt;
font-family: "arial", "verdana", "geneva", sans-serif;
text-align: left;
color: #ff0000;
text-decoration: none;
}

div.nav-bottom-directories {
font-size: 9pt;
line-height: 11pt;
font-family: "arial", "verdana", "geneva", sans-serif;
text-align: center;
color: #000000;
}

a:link.nav-bottom-directories {
font-size: 9pt;
line-height: 11pt;
font-family: "arial", "verdana", "geneva", sans-serif;
text-align: center;
color: #000000;
text-decoration: none;
}

a:visited.nav-bottom-directories {
font-size: 9pt;
line-height: 11pt;
font-family: "arial", "verdana", "geneva", sans-serif;
text-align: center;
color: #000000;
text-decoration: none;
}

a:hover.nav-bottom-directories {
font-size: 9pt;
line-height: 11pt;
font-family: "arial", "verdana", "geneva", sans-serif;
text-align: center;
color: #ff0000;
text-decoration: underscore;
}

a:active.nav-bottom-directories {
font-size: 9pt;
line-height: 11pt;
font-family: "arial", "verdana", "geneva", sans-serif;
text-align: center;
color: #ff0000;
text-decoration: none;
}

/* this is for the horizontal nav at page top */
#navcontainer ul
{
padding: .2em 0;
margin: 0;
list-style-type: none;
background-color: #036;
color: #FFF;
width: 843px;
font: normal 90% arial, helvetica, sans-serif;
text-align: center;
}

li { display: inline; }

li a
{
text-decoration: none;
background-color: #036;
color: #FFF;
padding: .2em 1em;
border-right: 1px solid #fff;
}

li a:hover
{
background-color: #369;
color: #fff;
}

.inbounds {font-size: 8px;color: #ff0000;}
