body {
    background: white;
    font-family: sans-serif;
    font-size: 110%;
    color: black;
    padding: 0px 0px 0px 0px;
    width: 98%;
}

div.nav a:link, div.nav a:visited, div.nav a:active {
    text-decoration: none;
    color: white;
}

div.header {
    position: absolute;
    top: 0px;
    left: 5%;
    right: 5%;
    height: 120px;
    text-align: center;
}

div.header div {
    display: inline;
    text-align: center;
    width: 100%;
}

div.title {
    text-align: center;
}

div.line {
    background: #6699CC;
    color: white;
    font-weight: bold;
    text-align: center;
    position: absolute;
    top: 120px;
    left: 5%;
    right: 5%;
    padding: 0px 10px 0px 10px;
}

div.line a {
    color: white;
}

div.line span.left {
    float: left;
}

div.line span.right {
    float: right;
}

div.line span.center {
    text-align: center;
}

div.nav {
    position: absolute;
    top: 139px;
    left: 5%;
    display: inline;
    float: left;
    width: 11em;
    background: #6699CC;
}

div.nav img {
    border: solid thin  black;
    margin: 1em;
}

div.content img {
    float: right;
    border: solid thin black;
    margin: 1em;
}

a img {
    border: none;
}

div.content {
    position: relative;
    margin-left: 17em;
    margin-top: 141px;
    margin-right: 5%;
    text-align: justify;
}

div.bottomline {
    background: #6699CC;
    font-size: 80%;
    text-align: center;
    color: white;
    margin-left: 5%;
    margin-right: 5%;
    clear: both;
}

div.nav li {
    font-weight: bold;
    font-size: 120%;
    color: black;
    padding: 0px;
    margin: 0px;
}

div.nav li ul li {
    font-size: 80%;
}

div.nav ul {
    list-style: none;
    padding: 0px 0px 0px 0px;
    margin: 0px;
    margin-bottom: 0.5ex;
    padding-left: 1em;
    margin-left: 0px;
}

div.nav a {
    color: white;
}

div.content p {
    padding: 0em 1em 1em 0em;
    margin: 0px;
}

div.content table {
    padding: 1em;
    margin: 0px;
}

div.content td {
    vertical-align: top;
}

p.motto {
    font-weight: bold;
    font-size: 150%;
    color: #6699CC;
}

p.thankyou {
    font-weight: bold;
    font-size: 150%;
    color: #6699CC;
}

div.content h1 {
    font-weight: bold;
    font-size: 150%;
    color: #6699CC;
}

div.content h2 {
    font-weight: bold;
    font-size: 110%;
    color: black;
}

table.schedule {
    background: white;
    border: thin dotted gray;
}

table.schedule td.time {
    font-weight: bold;
    font-size: 110%;
    padding-right: 2em;
    text-align: right;
}

table.schedule caption {
    font-weight: bold;
    font-size: 110%;
}

table.camp {
    background: white;
    border: thin dotted gray;
}

table.camp div.session {
    font-size: 90%;
}

table.camp div.name {
    font-weight: bold;
}

table.camp td {
    border: thin dotted gray;
    padding: 0.5ex;
}

table.camp div.date {
    font-style: italic;
}

table.camp div.name {
    font-weight: bold;
}

table.camp div.activity {
    font-weight: bold;
}

table.camp th {
    background: lightgray;
}

table.form, table.news_form {
    background: white;
    border: thin dotted gray;
}

table.news_form {
    width: 100%;
}

table.news_list th {
    background: gray;
}

table.news_list tr {
    border: thin solid black;
}

table.news_list tr.selected td {
    background: yellow;
}

table label {
    font-weight: bold;
    padding-right: 1em;
    text-align: right;
    vertical-align: top;
}

table {
    border-collapse: collapse;
}

table.groups tr td {
    padding: 1em;
}

table.groups tr th {
    text-align: center;
}

div.content ul {
    padding: 0px;
    margin: 0px;
    margin-bottom: 1ex;
}

div.content ol {
    padding: 0px;
    margin: 0px;
}

div.content table.schedule li {
    margin-bottom: 0px;
}

div.content ol li {
    margin-left: 2em;
    margin-bottom: 1em;
}

div.content ul li {
    margin-left: 1em;
}

div.left_banner {
    position: absolute;
    left: 0px;
    top: 0px;
}

div.login {
    position: absolute;
    right: 5%;
    top: 0px;
}

table.jobs, table.education, table.references {
    border: thin solid black;
}

table.jobs {
    background: #FFDDDD;
}

table.education {
    background: #FFFFBB;
}

table.references {
    background: #DDDDFF;
}

table.jobs td, table.education td, table.references td {
    border: thin dotted gray;
}

table caption {
    font-size: 120%;
    font-weight: bold;
    text-align: left;
}

div.application_list {
    margin-top: 1ex;
}

table.news_list {
    border: thin solid black;
}

div.news_item {
    margin-bottom: 1ex;
}

table.menu td {
    border: thin solid black;
    text-align: center;
}

table.menu th {
    text-align: center;
}

div.fixed_height {
    float: right;
    width: 0px;
    height: 35em;
}

div.hint_item, div.preschool_item {
    background: white;
    margin-bottom: 1ex;
}

div.preschool_theme {
    width: 60%;
}

div.preschool_wordwall {
    background: #6699CC;
    width: 30%;
    float: right;
    padding: 2px;
}

div.preschool_wordwall h2 {
    color: white;
    text-align: center;
}

table.calendar, table.themes {
    background:  white;
    border: thin dotted gray;
}

table.calendar th {
    background: #6699CC;
    color: white;
}

table.themes td, table.themes th {
    padding: 0ex 1ex 0ex 1ex;
}

div.preschool_item_header span.title {
    text-decoration: underline;
    font-size: 120%;
}

div.preschool_item_header {
    color: white;
    background: #6699CC;
    padding: 2px;
}

div.preschool_item_header a {
    color: white;
}

div.preschool_item {
    border: thin solid #6699CC;
    padding: 1ex;
}