/********************* General *********************/

body, td, p, input, textarea {
  font-family: arial, helvetica;
  font-size: 12pt;
  color: #000000;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}

body {
  color: #000000;
  background-color: #CCCCFF;
  margin: 0em;
}

a:link, a.noteFooter:link {
  color: #1003a0;
}
a:visited, a.noteFooter:visited {
  color: #1003a0;
}
a:hover, a.noteFooter:hover {
  color: #000000;
}
a:active, a.noteFooter:active {
  color: #777777;
}


.noteFooter, a.noteFooter:link, a.noteFooter:visited, a.noteFooter:hover, a.noteFooter:active {
  font-family: arial, helvetica;
  font-size: 8pt;
  font-weight: normal;
  font-style: normal;
}

.noteFooter {
  color: #000000;
}


.pageLink, a.pageLink, a.pageLink:visited, a.pageLink:hover, a.pageLink:active {
  font-family: arial, helvetica;
  font-size: 12pt;
  color: #000000;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
}

a.pageLink:hover {
    text-decoration: underline;
}
/********************* Header *********************/

td.header {
  background-color: #dadada; 
}

td.headerTransition {
  background-color: #48659f;
}

.addressLabel {
  color: #777777;
  font-weight: bold;
}

a.yourAddress {
  color: #48659f;
  font-weight: bold;
  font-size: 14pt;
}

a.yourAddress:hover {
  color: #3A507E;
}

a.yourAddress:visited, a.yourAddress:active {
  color: #48659f;
}
/********************* Welcome and Course and Page ******************/


.welcomeNavTitle, a.welcomeNavTitle, a.welcomeNavTitle:visited, a.welcomeNavTitle:hover, a.welcomeNavTitle:active {
  font-family: arial, helvetica;
  font-size: 16pt;
  color: #000000;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}

a.welcomeNavTitle:hover {
    text-decoration: underline;
}


.courseTitle {
  font-family: arial, helvetica;
  font-size: 16pt;
  color: #000000;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}

.pageTitle {
  font-family: arial, helvetica;
  font-size: 12pt;
  color: #000000;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
}

.courseContent {
    color: #000000;
    font-size: 12pt;
    font-family: arial, helvetica;
}

.courseContentTitle {
    color: #000000;
    font-size: 14pt;
    font-family: arial, helvetica;
}


/********************* Nav *********************/

.navTitle {
  background-color: #dadada;
  color: #48659f;
  font-weight: bold;
  font-size: 14pt;
}

.navTable {
  border-color: #48659f;
  border-style: solid;
}

.navBody {
  background-color: #eeeeee;
}
 
.navFont, a.navFont, a.navFont:visited, a.navFont:hover, a.navFont:active {
  font-family: arial, helvetica;
  font-size: 14pt;
  color: #000000;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}

a.navFont:hover {
    text-decoration: underline;
}

/********************* Content *********************/

.contentTitle {
  color: #48659f;
  font-size: 14pt;
  font-weight: bold;
}

.message {
  color: #cc0000;
  font-size: 12pt;
  font-weight: bold;
}

.note {
  color: #cc0000;
  font-weight: bold;
}

.noteItalic {
 font-size: 8pt;
 font-style: italic;
}

.noteXXSmall {
 font-size: 8pt;
}

.colorDisplay {
 font-size: 8pt;
 font-weight: bold;
}

/* Label for form elements */
.label {
  color: #48659f;
  font-weight: bold;
}

/* This follows the label on required form elements */
.required {
  color: #cc0000;
  font-weight: normal;
  font-size: 8pt;
}

/* This follows the label on optional form elements */
.optional {
  color: #000000;
  font-weight: normal;
  font-size: 8pt;
}

/********************* Lists *********************/

.noItems {
  font-weight: bold;
}

td.listHeader {
  background-color: #48659f;
  border-color: #48659f;
  color: #ffffff;
  font-size: 12pt;
  font-weight: bold;
}

td.listBodyOdd {
  background-color: #ffffff;
}

td.listBodyEven {
  background-color: #eeeeee;
}

td.listSelectAll {
  background-color: #d3d3d3;
  font-weight: bold;
}

/********************* Status *********************/

.active {
  font-style: normal;
}

.inactive, a.inactive:link, a.inactive:visited {
  color: #777777;
  font-style: italic;
}