body {
background-color: #996666;
font-family: "Century Gothic", Arial, "san-serif";
font-size: 13.0pt;
}

.top 
{ 
position: absolute;
top: 0; 
left: 0; 
width: 200px; 
height: 75px; 
text-align: center;
background-color: #E3C3B8;
padding-top: 5px;

}

.left
{ 
position: absolute; 
background-color: #330000;
top:75px; 
left: 0; 
width: 200px;
height: 2000px;  
margin: 1% 1% 0% 0%;
padding-top: 75px;
}

.middle 
{ 
position: absolute;
top: 0px; 
left:210px; 
min-width: 360px; 
width: 60%; 
margin-top: 1%;
}


/* **********************
Top left box text 
************************ */

.small_head {
font-size: 100%;
color: #330000;
line-height: 0.8em;
padding: 5px;
}

.small_sub_head {
font-size: 70%;
color: #330000;

}


/* **********************
 Left box menu text 
************************ */
ul#menu {
list-style-type: none;
}

.menu_text {
font-size: 70%;
text-align: left;
padding: 5px;
color: #996666;
}

/* **********************
 Menu link styles 
************************ */
.menu_inline {
color: #996666;
border: none;
}

.menu_inline a:link {
color: #996666;
border: none;
}

 a:hover.menu_inline {
font-weight: bold;
color: #E3C3B8; 
}



/* **********************
 General text & images 
************************ */
h1 {
font-size:150%;
font-weight: 700;
text-align: center;
}

h1.header {
font-size: 275%;
font-weight: 400;
}

h2 {
font-size: 150%;
font-weight: 400;
text-align: center;
}

h3 {
font-size: 100%;
font-weight: bold;
}

ul.body_list {
margin-left: 10em;
padding-left: 5em;
}

.align_left {
text-align: left;
}

.centered {
text-align: center;
border: none;
}

.justify {
text-align: justify;
}

img.float_left {
float: left;
padding-top: 5px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 5px;
margin-right: 5px;
}

img.float_right {
float: right;
padding-top: 5px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 5px;
margin-right: 5px;
}


.inline {
color: #660033;
border: none;
}

a:hover.inline  {
font-weight: bold;
color: #660033; 
}


.first_letter p:first-letter {
font-size: 150%;
float: left;
}

/* ************************
Timetable specific 
************************** */
.timetable {
border:1.0pt solid windowtext;
font-family: "Century Gothic", Arial, "san-serif";
font-size:10.0pt;
padding-left: 5.4pt; 
padding-right: 5.4pt; 
padding-top: 0cm; 
padding-bottom: 0cm;
text-align: center; 
margin: 2%;
border-collapse: collapse;
margin-left: auto;
margin-right:auto;
}