BODY {
background-color: #ffffff;
font-family: Georgia, Times New Roman, serif; color: black;
margin-top: 3em;  /*******this is transferred from #wrapper to fix IE bug*******/
 }

#wrapper {
margin: 0 3em 3em 3em;
border: 3px solid #600;
}

#topmenu {
font-family: Arial, Helvetica, sans-serif;
width: 100%;
border-bottom: solid #600 1.5px; 
font-size: .8em;  
text-align: center;
background-color: transparent;
}
#bottommenu {
font-family: Arial, Helvetica, sans-serif;
width: 100%;
border-top: solid #600 1.5px; 
font-size: .8em;  
text-align: center;
background-color: transparent;
}
 
 h1 { margin-top: 1.5em; margin-bottom: 3em;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.5em;
color: #660000;
text-align: center;
border-top: solid; border-color: #660000; border-width: 2px;
border-bottom: solid; border-color: #660000; border-width: 2px;
border-left: 0;
border-right: 0;
 background: transparent;
}

h2 { margin-top: .6em; margin-bottom: .6em; margin-left: .8em; margin-right: .3em;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.1em;
color: #660000;
text-align: center;
background-color: transparent;
} 
h3 { margin-top: .6em; margin-bottom: .6em; margin-left: .8em; margin-right: .3em;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
color: #660000;
text-align: left;
background-color: transparent;
} 
h4 { margin-top: .6em; margin-bottom: .6em; margin-left: .8em; margin-right: .3em;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
color: #660000;
text-align: center;
background-color: transparent;

} 
h5 { margin-top: .6em; margin-bottom: .6em; margin-left: .8em; margin-right: .3em;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
color: #006600;
text-align: center;
background-color: transparent;

} 
h6 { margin-top: .6em; margin-bottom: .6em; margin-left: .8em; margin-right: .3em;
font-family: Arial, Helvetica, sans-serif;
font-size: .9em;
color: #660000;
background-color: transparent;

}  




p {

color: black;
margin-top: 2em;  margin-left: 2.5em; margin-right: 2.5em; margin-bottom: 2em;
font-family: Georgia, Times New Roman, serif; background-color: transparent;
} 
h7 {

color: #ff0000;
margin-top: 2em;  margin-left: 2.5em; margin-right: 2.5em; margin-bottom: 2em;
font-family: Georgia, Times New Roman, serif; background-color: transparent;
} 


/* links*/ 
a:link {font-family: Georgia, Times New Roman, serif; font-weight: bold; color: #660000;text-decoration: none; background-color: transparent;}
a:visited {font-family: Georgia, Times New Roman, serif; font-weight: bold; color: #cc6633;text-decoration: none; background-color: transparent;}
a:hover {font-family: Georgia, Times New Roman, serif; font-weight: bold; color: #996633; text-decoration: none; background-color: transparent;}

/* table links */
td.tablelinks a:link {font-family: Georgia, Times New Roman, serif; color: #660000;background-color: transparent;}

td.tablelinks a:visited {font-family: Georgia, Times New Roman, serif; font-weight: bold; color: #cc6633;text-decoration: none; background-color: transparent;}

td.tablelinks a:hover {font-family: Georgia, Times New Roman, serif; font-weight: bold; color: #996633; text-decoration: none; background-color: transparent;}

/*this asigns border properties to logo image without the link attributes being picked up*/
img.myimageclass {border-style: solid; border-color: #660000; border-width: 2px; background: transparent;
}


/*table*/
 table {border:  1px solid #660000;  border-spacing: 0; width: 80%; margin-left: auto; margin-right: auto; margin-bottom: 3em;
 
 }
 th {padding: 2px 4px; border: .5px solid #660000; color: #660000; background-color: transparent;
 }
 td {text-align: center; padding: 2px 4px; border: 1px solid #660000; font-family: sans-serif;
font-size: .9em; font-weight: 400;
}
 thead tr th { text-align: center;font-family: Arial, Helvetica, sans-serif; font-size: .8em; color: #660000; background-color: transparent;
 }
 tfoot tr td {text-align: left; color: #660000; font-size: .8em; background-color: transparent;
 }

/*position for logo*/                                                   

#one {
position: absolute;
top: 6em; left: 2em;
}
 
 /*position for strip1*/
 #two {
 position: absolute;
 top: 12em;
 }

/* contact paragraph*/
#three {
text-align: center; width: 50%; margin-left: auto; margin-right: auto; margin-top: 2em; margin-bottom: 2em;
font-family: Arial, Helvetica, sans-serif; font-size: .8em; background-color: transparent;

 
} 
.ctr {
  text-align: center; 
  }
  
/*text style for table on timetable page*/
.color {
  font-family: Arial, Helvetica, sans-serif; font-size: .9em; font-weight: 600; color: #660000; background-color: transparent;
  }


.mar {list-style-type: disc; color: black;
font-size: .8em; font-family: Arial, Helvetica, sans-serif;
margin-top: 5em; margin-bottom: 5em;
background-color: transparent;
}
.red {
color: #FF0000;
}