body {
  margin: 0;
  padding: 0;
  background: #808080;
}

#container {
  width: 672px;
  background: url('/images/container_bg.png') #ffffff repeat-y;
  color: #000000; 
  medium-size: medium;
  font-family: Arial, sans-serif;
  margin: 25px auto;
  position: relative;
  top: 0;
  left: 0;
}

body#admin #container {
  margin-left: 175px;
}

body#admin #adminnav {
  position: absolute;
  width: 160px;
  top: 0;
  left: -160px;
}

body#admin #adminnav ul {
  margin-left: 10px;
  padding-left: 0;
  color: #ffffff;
}

body#admin #adminnav ul ul {
  margin-left: 10px;
}

body#admin #adminnav a:link,
body#admin #adminnav a:visited,
body#admin #adminnav a:active {
  color: #ffffff;
}


#header {
  background: url('/images/header_bg-redorange.jpg') no-repeat;
  height: 166px;
  position: relative;
  top: 0;
  left: 0;
}

body.aqua #header {
  background: url('/images/header_bg-aqua.jpg') no-repeat;
}
body.bluegreen #header {
  background: url('/images/header_bg-bluegreen.jpg') no-repeat;
}
body.blue #header {
  background: url('/images/header_bg-blue.jpg') no-repeat;
}
body.green #header {
  background: url('/images/header_bg-green.jpg') no-repeat;
}
body.lime #header {
  background: url('/images/header_bg-lime.jpg') no-repeat;
}
body.litepink #header {
  background: url('/images/header_bg-litepink.jpg') no-repeat;
}
body.neongreen #header {
  background: url('/images/header_bg-neongreen.jpg') no-repeat;
}
body.orange #header {
  background: url('/images/header_bg-orange.jpg') no-repeat;
}
body.pink #header {
  background: url('/images/header_bg-pink.jpg') no-repeat;
}
body.purple #header {
  background: url('/images/header_bg-purple.jpg') no-repeat;
}
body.redorange #header {
  background: url('/images/header_bg-redorange.jpg') no-repeat;
}
body.salmon #header {
  background: url('/images/header_bg-salmon.jpg') no-repeat;
}
body.skyblue #header {
  background: url('/images/header_bg-skyblue.jpg') no-repeat;
}
body.yellow #header {
  background: url('/images/header_bg-yellow.jpg') no-repeat;
}

#header h1 {
  height: 59px;
  width: 349px;
  margin: 0;
  padding: 0;
  line-height: .75em;
  position: absolute;
  top: 107px;
  left: 320px;
  overflow: hidden;
}

#header h1 span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('/images/header_bg-redorange.jpg') no-repeat;
  background-position: -320px -107px;
}

#progress {
  position: absolute;
  top: 15px;
  left: 15px;
  width: 140px;
  text-align: center;
  font-weight: bold;
  font-size: x-small;
  font-family: Verdana, Arial, sans-serif;
  font-variant: small-caps;
  letter-spacing: 0.2em;
}

body.aqua #header h1 span {
  background-image: url('/images/header_bg-aqua.jpg');
}
body.bluegreen #header h1 span {
  background-image: url('/images/header_bg-bluegreen.jpg');
}
body.blue #header h1 span {
  background-image: url('/images/header_bg-blue.jpg');
}
body.green #header h1 span {
  background-image: url('/images/header_bg-green.jpg');
}
body.lime #header h1 span {
  background-image: url('/images/header_bg-lime.jpg');
}
body.litepink #header h1 span {
  background-image: url('/images/header_bg-litepink.jpg');
}
body.neongreen #header h1 span {
  background-image: url('/images/header_bg-neongreen.jpg');
}
body.orange #header h1 span {
  background-image: url('/images/header_bg-orange.jpg');
}
body.pink #header h1 span {
  background-image: url('/images/header_bg-pink.jpg');
}
body.purple #header h1 span {
  background-image: url('/images/header_bg-purple.jpg');
}
body.redorange #header h1 span {
  background-image: url('/images/header_bg-redorange.jpg');
}
body.salmon #header h1 span {
  background-image: url('/images/header_bg-salmon.jpg');
}
body.skyblue #header h1 span {
  background-image: url('/images/header_bg-skyblue.jpg');
}
body.yellow #header h1 span {
  background-image: url('/images/header_bg-yellow.jpg');
}

#link_peri {
  position: absolute;
  top: 26px;
  left: 555px;
  height: 55px
  width: 110px;
}

#link_peri a { 
  display: block;
  height: 55px;
  width: 110px;
  overflow: hidden;
}

#link_peri span {
  position: absolute;
  height: 55px;
  width: 110px;
  background: url('/images/header_bg-redorange.jpg') no-repeat;
  background-position: -555px -26px;
}
body.aqua #link_peri span {
  background-image: url('/images/header_bg-aqua.jpg');
}
body.bluegreen #link_peri span {
  background-image: url('/images/header_bg-bluegreen.jpg');
}
body.blue #link_peri span {
  background-image: url('/images/header_bg-blue.jpg');
}
body.green #link_peri span {
  background-image: url('/images/header_bg-green.jpg');
}
body.lime #link_peri span {
  background-image: url('/images/header_bg-lime.jpg');
}
body.litepink #link_peri span {
  background-image: url('/images/header_bg-litepink.jpg');
}
body.neongreen #link_peri span {
  background-image: url('/images/header_bg-neongreen.jpg');
}
body.orange #link_peri span {
  background-image: url('/images/header_bg-orange.jpg');
}
body.pink #link_peri span {
  background-image: url('/images/header_bg-pink.jpg');
}
body.purple #link_peri span {
  background-image: url('/images/header_bg-purple.jpg');
}
body.redorange #link_peri span {
  background-image: url('/images/header_bg-redorange.jpg');
}
body.salmon #link_peri span {
  background-image: url('/images/header_bg-salmon.jpg');
}
body.skyblue #link_peri span {
  background-image: url('/images/header_bg-skyblue.jpg');
}
body.yellow #link_peri span {
  background-image: url('/images/header_bg-yellow.jpg');
}

#link_peri span {
  cursor: hand; 
  /* this makes IE display the right cursor, with no effect on other browsers */
}

#link_nrmc {
  position: absolute;
  height: 55px;
  width: 150px;
  top: 28px;
  left: 386px;
}

#link_nrmc a {
  display: block;
  height: 55px;
  width: 150px;
  overflow: hidden;
}

#link_nrmc span {
  position: absolute;
  height: 100%;
  width: 100%;
  background: url('/images/header_bg-redorange.jpg') no-repeat;
  background-position: -386px -28px;
}
body.aqua #link_nrmc span {
  background-image: url('/images/header_bg-aqua.jpg');
}
body.bluegreen #link_nrmc span {
  background-image: url('/images/header_bg-bluegreen.jpg');
}
body.blue #link_nrmc span {
  background-image: url('/images/header_bg-blue.jpg');
}
body.green #link_nrmc span {
  background-image: url('/images/header_bg-green.jpg');
}
body.lime #link_nrmc span {
  background-image: url('/images/header_bg-lime.jpg');
}
body.litepink #link_nrmc span {
  background-image: url('/images/header_bg-litepink.jpg');
}
body.neongreen #link_nrmc span {
  background-image: url('/images/header_bg-neongreen.jpg');
}
body.orange #link_nrmc span {
  background-image: url('/images/header_bg-orange.jpg');
}
body.pink #link_nrmc span {
  background-image: url('/images/header_bg-pink.jpg');
}
body.purple #link_nrmc span {
  background-image: url('/images/header_bg-purple.jpg');
}
body.redorange #link_nrmc span {
  background-image: url('/images/header_bg-redorange.jpg');
}
body.salmon #link_nrmc span {
  background-image: url('/images/header_bg-salmon.jpg');
}
body.skyblue #link_nrmc span {
  background-image: url('/images/header_bg-skyblue.jpg');
}
body.yellow #link_nrmc span {
  background-image: url('/images/header_bg-yellow.jpg');
}

#link_nrmc span {
  cursor: hand;
  /* this makes IE display the right cursor, with no effect on other browsers */
}

#content {
  background: url('/images/content_bg-redorange.jpg') no-repeat;
  min-height: 361px;
  padding-top: 25px;
  padding-left: 150px;
  padding-right: 20px;
}
body.aqua #content {
  background-image: url('/images/content_bg-aqua.jpg');
}
body.bluegreen #content {
  background-image: url('/images/content_bg-bluegreen.jpg');
}
body.blue #content {
  background-image: url('/images/content_bg-blue.jpg');
}
body.green #content {
  background-image: url('/images/content_bg-green.jpg');
}
body.lime #content {
  background-image: url('/images/content_bg-lime.jpg');
}
body.litepink #content {
  background-image: url('/images/content_bg-litepink.jpg');
}
body.neongreen #content {
  background-image: url('/images/content_bg-neongreen.jpg');
}
body.orange #content {
  background-image: url('/images/content_bg-orange.jpg');
}
body.pink #content {
  background-image: url('/images/content_bg-pink.jpg');
}
body.purple #content {
  background-image: url('/images/content_bg-purple.jpg');
}
body.redorange #content {
  background-image: url('/images/content_bg-redorange.jpg');
}
body.salmon #content {
  background-image: url('/images/content_bg-salmon.jpg');
}
body.skyblue #content {
  background-image: url('/images/content_bg-skyblue.jpg');
}
body.yellow #content {
  background-image: url('/images/content_bg-yellow.jpg');
}

* html #content {
  height: 361px; /* IE/win treats height as min-height */
}

#content h2 {
  margin-top: 0;
  font-size: large;
  padding-top: 0;
}
div.coursecontent {
  clear: both;
}

div.coursecontent h1,
div.coursecontent h2,
div.coursecontent h3,
div.coursecontent h4,
div.coursecontent h5,
div.coursecontent h6 {
  font-size: large;
  margin-bottom: .5em;
}

div.coursecontent p {
  margin-top: 0;
  margin-bottom: .5em;
}

#nav_ul {
  list-style: none;
}

#nav_ul li {
  font-weight: bold;
  text-transform: uppercase;
  font-size: small;
  line-height: 12px;
  display: block;
  border-bottom: 1px solid #000000;
  font-family: Verdana, Arial, sans-serif;
}

#nav_ul a:link,
#nav_ul a:visited,
#nav_ul a:active {
  color: #000000;
  text-decoration: none;
}

#nav_ul a:hover {
  color: #0000aa;
}

#nav_one {
  position: absolute;
  top: 97px;
  left: 100px;
  padding-left: 35px;
}

#nav_two {
  position: absolute;
  top: 118px;
  left: 69px;
  padding-left: 30px;
}

#nav_three {
  position: absolute;
  top: 139px;
  left: 52px;
  padding-left: 25px;
}

#nav_four {
  position: absolute;
  top: 160px;
  left: 34px;
  padding-left: 25px;
}

#nav_five {
  position: absolute;
  top: 181px;
  left: 21px;
  padding-left: 20px;
}

#footer {
  background: url('/images/footer_bg.jpg') no-repeat;
  height: 44px;
}

img {
  border-width: 0px;
  border-style: none;
}

#courselist {
  border-collapse: collapse;
  border-color: #8bbaf2;
  border-style: solid none;
  border-width: 2px;
  width: 500px;
  margin: 1em 0;
}

#courselist #namecol {
  text-align: left;
}

#courselist #buttoncol {
  text-align: right;
}

#courselist th { 
  border-color: #8bbaf2;
  border-style: none none solid none;
  border-width: 1px;
}

#courselist td {
  height: 2em;
}

#courselist td img {
  padding: 2px;
}

table.form td.label {
  font-weight: bold;
}
  
table.tableform td {
  vertical-align: top;
}

table.tableform td.label {
  text-align: right;
  font-weight: bold;
}

table.tableform td.element {
  text-align: left;
}

div.coursedesc {
  background: #ffffcc;
  width: 350px;
  color: #000000;
  border: 1px solid black;
  visibility: hidden;
  position: absolute;
}

#breadcrumbs {
  text-align: right;
  font-size: xx-small;
  margin-bottom: 10px;
}

#breadcrumbs ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#breadcrumbs ul li {
  display: inline;
  margin: 0;
  padding: 0;
}

#name #welcome {
  font-size: small;
  font-weight: bold;
  color: #000088;
}

#name #changeuser {
  font-size: xx-small;
}

#name {
  margin-bottom: 10px;
}

#sectionid {
  text-align: right;
}

div.coursecontent img {
  margin: 0 1em 0.5em;
}

div.buttons {
  text-align: right;
  clear: both;
}

.finalIncorrect {
  font-size: small;
  color: #FF0000;
  font-weight: bold;
}

.finalCorrect {
  font-size: small;
  color: #009900;
  font-weight: bold;
}

table.form td.element p {
  margin-top: 0;
}

span.coursename {
  cursor: help;
}

.tableHeader,
.tableSubHeader {
  height: 25px;
  background: #8bbaf2;
  color: #000000;
  font-weight: bold;
}

.tableHeader {
  font-size: medium;
}

.tableHeaderSmall
{
  height: 25px;
  background: #8bbaf2;
  color: #000000;
  font-weight: bold;
  font-size: 12px;
}

.tableSubHeader {
  font-size: small;
}

.adminTable
{
  border:   2px solid #8BBAF2;
  padding:  0px;
  margin:   0px;
}
tr.rowa
{
  background: #8BBAF2;
}

tr.rowb
{
  background: #B7E7FD;
}