A:link    { color: #3366CC; text-decoration: none; }
A:visited { color: #3366CC; text-decoration: none;}
A:hover   { color: red; text-decoration: underline;}
A:active  { color: red; text-decoration: none; }

body {
font: 11pt sans-serif;
margin: 0px 0px 10px 0px;
background-color: #FFFFFF;
}

td {
 vertical-align: top;
}

td.up {
background-color: #336666;
}

td.upr {
text-align: right;
vertical-align: top;
background-color: #336666;
color: #FFFFFF;
margin-right: 1em;
}

td.downr {
text-align: right;
vertical-align: middle;
color: #FFFFFF;
background: #660000 url(images/backdown.jpg);
}

td.left {
background-color: #336666;
}

td.main {
text-align: justify;
vertical-align: top;
color: #000000;
}

td.pin {
text-align: center;
vertical-align: top;
}

p {
margin: 8px 8px 0px 8px;
}

p.top {
margin: 0px 8px 0px 0px;
}

p.cent {
text-align: center;
}

h3 {
font: 14pt "Tahoma", sans-serif;
color: #660000;
margin: 8px 8px 8px 8px;
}

h4 {
font: 12pt "Tahoma", sans-serif;
margin: 8px 8px 8px 8px;
}

li.nd {
list-style-type: circle;
}

li.gek {
list-style-type: lower-roman;
}

#left {
float: left;
margin: 0px 8px 8px 0px;
}

#right {
float: right;
margin: 0px 0px 8px 8px;
}

#white {
color: white;
}

#rem {
color: #660000;
}

p.mr {
margin: 8px 0px 0px 0px;
}

hr {
margin: 0px 0px 0px 8px;
}

hr.pin {
 margin: 0;
}


#lesson {
text-align: left;
vertical-align: top;
}

#collap {
border-collapse: collapse;
}

li {
 margin-bottom: 6px;
 margin-right: 10px;
 list-style-type: circle;
}

img {
 border: 0;
}

.gradcontain {
 border: 0;
 width: 600px;
}

.grad {
width: 300px;
width-min: 250px;
text-align: justify;
vertical-align: top;
color: #000000;
}

.mgrad {
width: 300px;
text-align: justify;
vertical-align: top;
color: #000000;
}

.phd {
 border-top: 1px solid black;
 border-right: 1px solid black;
 margin: 8px 8px 8px 8px;
 width: 97%;
}

.phd td {
 border-left: 1px solid black;
 border-bottom: 1px solid black;
 padding: 4px 4px 4px 4px;
 vertical-align: top;
 text-align: left;
}

.post td {
 background-color: #336699;
 color: white;
}

.post {
 color: #330099;
}

table.info {
 width: 95%;
}

table.info p {
 margin-top: 4px;
 margin-bottom: 0;
}

caption {
 text-align: left;
}

.view {
 text-align: center;
 margin-left: auto;
 margin-right: auto;
 border: 1px solid #999999;
}

.phd .emp {
 text-align: center;
 vertical-align: middle;
}

table.info caption {
 font-size: 120%;
 padding: 8px 8px 0px 8px;
}

table.info th {
 padding-left: 8px;
}

table.info td {
 padding-left: 8px;
}

.banner {
 text-align: center;
 margin-left: auto;
 margin-right: auto;
}

#oldAnnounce {
 margin: 5px 5px 5px 5px;
 display: none;
}

#oldOpportune {
 margin: 5px 5px 5px 5px;
 display: none;
}

.display {
 width: 95%;
 margin: 5px;
}

.display th, .ending {
 background-color: #DDDDDD;
}

.display .course_title {
 width: 350px;
}

.display .course_stitle {
 width: 200px;
}

.display .course_rest {
 width: 50px;
 text-align: center;
}

.display .course_inst {
 width: 50px;
}

.lesson_display {
 margin: 5px;
}

.lesson_display th {
 width: 150px;
 color: blue;
 vertical-align: top;
 border-bottom: 1px solid #CCCCCC;
 text-align: left;
}

.lesson_display td {
 border-bottom: 1px solid #CCCCCC;
}

div.tab {
 background-color: #CC9966;
 border: 1px solid #FFFFFF;
 display:inline;
 margin-left:10px;
 position: relative;
 z-index: 500;
}

div.repeating {
 background-image: url("images/back-gray.png");
 width: 600px;
 position:relative;
 margin-top:-10px;
 padding:4px;
}

table.results {
  margin: 1em 1em 1em 0;
  background: whitesmoke;
  border-collapse: collapse;
}
table.results tr:hover {
   background: lightsteelblue !important;
}
table.results th, table.results td {
  border: 1px silver solid;
  padding: 0.2em;
}
table.results th {
  background: gainsboro;
  text-align: left;
}
table.results caption {
  margin-left: inherit;
  margin-right: inherit;
}