/* CSS Document */

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 62.5%;
 background: #AFC4DD;
 margin: 0;
}

#wrapper_main {
 background: url('../images/left-tile.gif') left repeat-y;
 width: 690px;
 margin: 0 auto;
}

#column_left {
 position: relative;
 top: 0;
 bottom: 0;
 width: 196px;
 float: left;
}
#column_right {
 width: 485px;
 float: left;
}

#logo_top {
 background: #AFC4DD;
}

#content-wrapper {
 background: #fff url('../images/right-tile.gif') repeat-y;
}

#content {
 font-size: 1.2em;
 color: #333;
 background: inherit;
 padding: 10px 60px 10px 10px;
}

#footer {
 width: 690px;
 padding: 5px 5px 5px 280px;
 margin: 0 auto;
}

#footer span {
 padding: 5px;
}
#footer div {
 padding: 2px 0 0 0;
}

a /*:link, a:active, a:visited*/ {
 color: #003366;
 text-decoration: none;
 border-bottom: 1px dashed #003366;
}

a:hover {
 color: #996600;
 border-bottom: 1px solid #996600;
}

h1 { font-size: 1.6em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.4em; }
h5 { padding: 1px; margin: 1px; }

img { vertical-align: bottom; border: 0; }

a.img { border: 0; }

img.left {
 float: left;
 padding: 2px;
 margin: 2px;
}

img.right {
 float: right;
 padding: 2px;
 margin: 2px;
}

.clr { clear: both; }

.red { color: #FF0000; }

.timetable {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 color: #666666;
 border: 1px dotted #B3B3FF;
}

.timetable td.time {
 font-weight: bold;
 padding: 8px 12px 5px 8px;
}