body{
background: #333;
font-family: 'Raleway', sans-serif;
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
height: 100%; 
max-height: 100%; 
}

h1{
color: #fff;
font-size: 26px;
font-weight: 800;
text-shadow: #222 -2px -2px 3px;
font-family: "Aboreto";
}

h2 {
color: #5F9EA0;
font-size: 24px;
font-weight: 6S00;
font-family: "Aboreto";
}

h3{
color: #fff;
font-size: 16px;
font-weight: 400;
margin-top: -5px;
text-shadow: #222 -1px -1px 2px;
font-family: "Aboreto";
}

h4{
color: #fff;
font-size: 18px;
font-weight: 300;
margin-top: -5px;
text-shadow: #222 -1px -1px 2px;
font-family: "Aboreto";
}

h5{
color: #5F9EA0;
font-size: 20px;
font-family: "Aboreto";
}

table {
    width: 100%;
    border-collapse: collapse; /* Essential for single borders */
}
th, td {
    border: 1px solid #ddd; /* Add borders to th and td */
    padding: 8px;
    text-align: left;
}
th {
    background-color: #f2f2f2;
}

#framecontentLeft, #framecontentTop{
position: absolute; 
top: 0; 
left: 0; 
width: 260px; /*Width of left frame div*/
height: 100%;
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
}

#framecontentTop{ 
left: 200px; /*Set left value to WidthOfLeftFrameDiv*/
right: 0;
line-height: 45%;
width: auto;
height: 160Spx; /*Height of top frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
color: #bbb;
top: 30px;
}

#maincontent{
color: #222;
position: fixed; 
left: 200px; /*Set left value to WidthOfLeftFrameDiv*/
top: 120px; /*Set top value to HeightOfTopFrameDiv*/
right: 0;
bottom: 0;
overflow: auto; 
background: #E5E4E2;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}


.sidebar{
height: 100%;
position: relative;
top: 130px;
font-family: 'Raleway', sans-serif;
}

#footer {
background: #888;
bottom: 0px;
color: #ccc;
height: 60px;
left: 100px;
position: absolute;
width: 700px;
font-size: 16px;
-moz-border-radius-topleft: 12px;
-moz-border-radius-topright: 12px;
-webkit-border-top-left-radius: 12px;
-webkit-border-top-right-radius: 12px;
}

#footer p{
line-height: 8px;
padding:0px 8px;
}

#UofR {
bottom: 2px;
height: 127px;
left: 40px;
position: absolute;
width: 74px;
}

ol {
background: #333;
font-size: 18px;
list-style: none;
overflow: visible;
padding: 0px;
width: 200px;
}

.c {
color: #222;
font-size: 18px;
font-weight: 600;
}


.b {
background-color: #5F9EA0;
color: #ccc;
border: 3px solid #333;
border-radius: 10px;
padding: 10px 10px;
text-align: center;
font-weight: 600;

}

a.section {
  color: #5F9EA0;
  font-weight: 600;
}

li {
padding: 7px;
}

a:link {
color: #333;
text-decoration: none;
}

a:visited {
color: #333;
}

a:hover {
color: #000;
}

a:active {
color: #222;
}

* html body{ /*IE6 hack*/
padding: 120px 0 0 200px; /*Set value to (HeightOfTopFrameDiv 0 0 WidthOfLeftFrameDiv)*/
}

* html #maincontent{ /*IE6 hack*/
height: 100%; 
width: 100%; 
}

* html #framecontentTop{ /*IE6 hack*/
width: 100%;
}