/*

  =========== Layout Styles ==================
*/

TABLE#main_table{
  margin-left: 0;
  margin-right: 0;
  table-layout: auto;
  width: 100%;
  border-collapse: collapse;
}

#main_table TD{
  border: 2px solid black;
  border: none;
}

col#left_column{
  width: 25em;
}

col#right_column{
  width: 25em;
}

col#middle_column{
 width: auto;
}


#sidebar_left {
  background-color: #00477F;
  vertical-align: top;
}

#sidebar_left TD{
  border: none;
}

#sidebar_right {
  background-color: #00477F;
  text-align: center;
  vertical-align: top;
}

#sidebar_right TD{
  border: none;
  padding-bottom: 20px;
}

#sidebar_right TABLE{
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
}

TD#main_content{
  vertical-align: top;
}

#main_content TABLE{
  margin-left: auto;
  margin-right: auto;
}

#header{
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  text-align: center;
}

A.footlink:link, A.footlink:active, A.footlink:visited{
  font-family: arial, helvetica, sans-serif;
  font-weight: bold;
  text-decoration: none;
  font-size: 9pt;
  color: #444444;
}

TD#footer{
  border-top: 20px solid #031b6f;
  border-top: 20px solid #00477F;
  text-align: center;
}

#footer TABLE{
  margin-left: auto;
  margin-right: auto;
}


.course_list{
  margin-left: auto;
  margin-right: auto;
}

.top_links{
  position: absolute;
  left: 0;
}

.top_links A:link, 
.top_links A:active, 
.top_links A:visited {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  color: black;
  font-weight: normal;
  text-decoration: none;
}

.top_links A:hover{
  text-decoration: underline;
}

/*
  ============= the Basics ==================
*/

BODY {
  background-color: #ffffff;
  background-color: #fbfbfb;
  background-color: #E6E8D9;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}

TD {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

IMG{
  border: none;
}

A:link, A:active, A:visited {
  color: #006699;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  text-decoration: none;
  font-size: 12pt;
}

A:hover {
  color: red;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  text-decoration: none;
  font-size: 12pt;
}

/*
 
 ============== Classes ===================

*/

.maincontent {
  background-color: #FFFFFF;
  background-color: #FbFbFb;
  background-color: #E6E8D9;
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 10pt;
}

.title {
  color: #0000CC;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 12pt;
  text-align: center;
}

.contentbar2 .title {
   font-size: 10pt;
}

/*
   --- Menu bar classes ---
*/

TABLE.menubar {
  width: 100%;  
}

.menubar {
  background-color: #bfe1c0; 
  background-color: #031b6f;
  background-color: #B7271A;
  color: #FFFFFF; 
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 12pt;
}

A.barlink:link, A.barlink:active, A.barlink:visited {
  color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  text-decoration: none;
  font-size: 11pt;
}

A.barlink:hover {
  color: red;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  text-decoration: none;
  font-size: 11pt;
}

/*
   --- sidebar classes ---
*/
.contentbar1 {
  background-color: #eae9e6;
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 12pt;
}


A.categorylink:link, A.categorylink:active, A.categorylink:visited {
  color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  text-decoration: underline;
  font-size: 9pt;
}

A.categorylink:hover {
  color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  text-decoration: none;
  font-size: 9pt;
}		    

.categorybar {
  border-right: 1px solid;
  border-right: none;
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 10pt;
}

.categorybar1 {
  background-color: #e6e8d9;
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 10pt;
}

/*
   --- ??? ---
*/


.maincontent2 {
  background-color: #FFFFFF;
  background-color: #FbFbFb;
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 12pt;
}

.mainbanner {
  background-color: #f5f1ee;
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 12pt;
}

.maincontentfree {
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 12pt;
}

.contentbarsmall {
  background-color: #FFFFFF;
  background-color: #FbFbFb;
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 9pt;
}

.contentbar2 {
  background-color: #c8c8c8;
  color: #0000CC;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 10pt;
}

.contentbar_red {
  background-color: #eae9e6;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 10pt;
  color: #FF0000;
}

/*
  --- results_buylist --- 
*/
.required {
  color: #FF0000;
  font-size: 12pt;
}

.results_buylist{
  width: 100%;
  text-align: center;
}

table.results_buylist{
  margin-left: auto;
  margin-right: auto;
}

.results_buylist td{
  width: 100%;
}


/*
  --- tiny cart --- 
*/
table.tiny_cart{
  border: 2px solid black;
  border-collapse: collapse;
  width: 100%;
}

.tiny_cart th{
  border: 2px solid black;
}

.tiny_cart td{
  border: 1px solid black;
}


.program_list{
  border: 1px solid black;
  width: 60%;
  margin-bottom: 1em; 
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  
}

.program_list a{
  display: block;
}

.program_list a:link, .program_list a:active,  .program_list a:visited {
  color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-decoration: none;
  font-size: 9pt;
}

.program_list a:hover {
  background-color: #E6E8D9;
  background-color: #B7271A;
  color: #000000;
}