/* globals */
body, a, ul, li, form { margin: 0px; padding: 0px; font-family: "Century Gothic", Verdana; }
table { border-collapse: collapse; border-spacing: 0px; }
td, th { padding: 0px; margin: 0px; vertical-align: top; }
h1, h2, h3 { padding: 0px; margin: 0px; color: #5151ee; }
h4 { padding: 0px; margin: 0px; color: black; white-space: nowrap; }
h1, h2 { font-size: large; }
a { color: #5151ee; text-decoration: none; }
a:hover { text-decoration: underline; }
a.nohover { color: #5151ee; }
a:hover.nohover { text-decoration: none; }
img { display: block; border: 0px; }
p { padding: 0px; margin: 0px; font-size: small; }
.padded { padding: 15px; }
.caption { color: #666; font-size: 11px; }

/* banner */
div#banner { height: 50px; width: 480px; background-image: url(images/banner.jpg); background-repeat: repeat-x; }
div#banner h1 { position: relative; top: 0px; left: 230px; font-size: 32px; font-weight: normal; color: white; overflow: hidden; }
div#banner em { position: relative; top: 10px; left: 290px; font-weight: bold; padding-right: 5px; color: #bbb; font-size: 15px; }
div#banner em a { color: #bbb; text-decoration: none; }

/* horizontal menu */
div#horiz_menu { padding: 0px; height: 16px; background-image: url(images/horiz_menu_gradient.gif); background-repeat: repeat-x; font-size: small; border-top: 1px solid black; border-bottom: 1px solid black; }
div#horiz_menu ul { display: inline; white-space: nowrap; position: relative; left: 230px; }
div#horiz_menu li { display: inline; list-style-type: none; font-family: verdana; font-weight: bold; padding-left: 10px; }
div#horiz_menu li a { text-decoration: none; border-left: 1px solid #8983df; border-right: 1px solid #8983df; padding-left: 5px; padding-right: 5px; color: black; }
div#horiz_menu li a:hover { border-left: 1px solid black; border-right: 1px solid black; background-color: #c0bcf8; padding-left: 5px; padding-right: 5px; }

/* size pane */
td#side_pane { width: 180px; background: white url(images/sidegradient.png) repeat-x; border-right: 1px solid black; padding: 10px; }
td#side_pane div.textbox { margin-bottom: 10px; }
div.textbox { border: 1px solid black; text-align: left; background-color: white; }
div.textbox div.title { width: 100%; background-color: #D0D0D0; font-size: small; font-weight: bold; color: black; border-bottom: 1px solid black; }
div.textbox div.title h1 { padding-left: 4px; color: black; font-size: small; }
div.content { padding: 5px; }
div.content ul { margin: 0px; padding: 0px; padding-top: 0px; }
div.content li { font-size: small; list-style-type: none; }
div.content li a { }
div.content li a:hover { }
.aligned table { table-layout: auto; }
.aligned td { font-size: x-small; text-align:right; width: 50px; }
.aligned td.number { width: 100%; }

/* main */
div#main { padding: 15px; background-color: #ececec; }
div#main h1, h2, h3, p { padding: 15px; }
div#main h1 { padding-bottom: 5px; }
div#main h2 { padding-bottom: 5px; padding-top: 0px; padding-bottom: 0px; font-size: 14px; color: black; }

/* main content sections */

/*
div#main div.content h1 { display: block;  }
div#main div.content { padding: 0px; margin-right: 25px; }
*/

div.section { margin: 0px; border: 1px solid black; margin-bottom: 15px; background-color: white; }
div.section h4 { display: block; background-color: #736bef; border-bottom: 1px solid black; padding: 0px; color: black; margin: 0px; color: white; padding: 5px; padding-top: 0px; padding-bottom: 0px; font-size: 14px; background-image: url(images/horiz_menu_gradient.gif); background-repeat: repeat-x; }

p { text-align: justify; }

.eventname { font-size: 16px; color: #736bef; }
td.eventdate { padding-left: 15px; }
td.eventdate a { font-family: fixed; }
td.eventdesc { padding-left: 15px; }

.intro { margin-left: 15px; margin-top: 15px; }
.intro td p { vertical-align: top; padding: 0px; padding-left: 10px; }

/* misc */
div#copyright { text-align: center; font-size: x-small; color: #aaa; }
div.logo p#name {
    text-align: center; font-weight: bold; font-size: 24px; padding: 0px;
}
div.logo p#subname {
    text-align: center; font-size: 12px; padding: 0px; padding-bottom: 15px;
}



/* calendar */
div.calendar {
}
table.calendar {
  table-layout: auto;
  font-size: small;
}
table.calendar th.dayofweek {
  color: #6762AF;
}
table.calendar caption.month {
  font-size: 1.1em;
  color: green;
  font-weight: bold;
  padding-bottom: 10px;
}
table.calendar td {
  padding: 8px;
  border: 1px solid #ccc;
  text-align: right;
  vertical-align: top;
  background-color: #efefef;
}
table.calendar td.linked-day a {
  color: red;
  text-decoration: underline;
}

div.specialevent {
    font-family: verdana, arial, tahoma;
    padding: 5px;
    font-size: small;
}
div.specialevent td {
    vertical-align: top;
}
div.specialevent h2 {
    padding-top: 0px;
}
div.specialevent a, div.specialevent b {
    padding: 0px;
    color: #404040;
}
#eventsummary {
  font-size: 12px;
}

.section th { font-family: "Century Gothic", Verdana; font-size: small; text-align: left;}






.editable, textarea { background-color: #dad8fa; }
textarea { width: 100%; }
img.progress { vertical-align: middle; padding: 0 10px; }
input { font-family: arial; font-size: 9px; }

.editableevent { padding: 5px; }
.editableevent p { padding: 0px; margin: 0px; }
.editableevent a { text-decoration: underline; font-size: 14px; cursor: pointer; }

.event_date { }
.event_short { font-size: 16px; color: #5151ee; }
.event_long { }

div.eventcalendar {
}

div.eventcalendar table {
  padding: 0px;
}

div.eventcalendar table td {
  padding: 2px;
}

div.eventcalendar td.ceventdate {
  font-weight: bold;
  font-size: small;
}

div.eventcalendar tr.oldceventdate {
  background-color: #dfe0f9;
}

div.eventcalendar td.ceventdesc {
  font-size: small;
}

div.eventcalendar td.ceventdescl {
  color: black;
  padding: 15px;
}

div.eventcalendar tr.spacer {
  height: 2px;
  background-color: #bfcfef;
}

div.eventcalendar tr.oldceventdate td.ceventdesc,
div.eventcalendar tr.oldceventdate td.ceventdescl {
  color: #888;
}

.link { font-family: fixed; color: #666; }

table.programme { width:100%;vertical-align:top; }
table.programme td { padding-right: 5px; }
table.programme th { padding-right: 5px; }