/* All-around {{{ */
html { overflow: -moz-scrollbars-vertical; }

html, body {
    padding: 0px;
    border: 0px;
    margin: 0px;
    background: #ffffff;
    font-family: "Trebuchet MS", "Trebuchet", "Arial", "Helvetica", sans-serif;
}

img {
    border: 0;
}

ul, form {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
}

table {
    border: 0;
    border-spacing: 0;
    border-collapse: collapse;
    font-size: 100%;
}

td, th {
    border: 0;
    padding: 0;
    margin: 0;
}

.clear {
    clear: both;
    line-height: 1px;
    height: 1px;
    font-size: 10%;
}
/* }}} */

/* Layout {{{ */
html {
    background: #a9c97b;
}
body {
    position: relative;
    background: white url(/images/newbg-shrunk.jpg);
}

div#grad-top {
    position: absolute;
    width: 100%;
    height: 127px;
    background: url(/images/grad-top.png) left top repeat-x;
}

div#grad-bot {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 283px;
    background: url(/images/grad-bot.png) left bottom repeat-x;
}

div#header {
    font-size: 50%;
}

div#header .frond-top {
    width: 760px;
    margin: 0 auto;
    height: 18px;
    background: url(/images/frond-head-top.png) no-repeat;
}
div#header .frond-left {
    position: relative;
    width: 742px;
    margin: 0 auto;
    padding-left: 18px;
    background: url(/images/frond-head-left.png) no-repeat;
}
div#header .frond-right {
    position: absolute;
    right: 0;
    width: 18px;
    height: 218px;
    background: url(/images/frond-head-right.png) right top no-repeat;
}
div#header .frond-main {
    height: 218px;
    background: url(/images/frond-head-faded.jpg) no-repeat;
}
div#header .frond-main.frond-main-home {
    background: url(/images/frond-head.jpg) no-repeat;
}

a#logohref {
    position: relative;
    top: 64px;
    display: block;
    margin: 0 auto;
    width: 369px;
    height: 93px;
    background: url(/images/logo.png) no-repeat;
}

div#header, table#body, div#footer {
    position: relative;
    z-index: 100;
}

table#body {
    margin: 0 auto;
}
table#body td.frond-left-edge,
table#body td.frond-right-edge {
    vertical-align: bottom;
    width: 18px;
}
table#body td.frond-left-edge div.frond {
    width: 18px;
    height: 172px;
    background: url(/images/frond-foot-left-edge.png) left bottom no-repeat;
}
table#body td.frond-right-edge div.frond {
    width: 18px;
    height: 172px;
    background: url(/images/frond-foot-right-edge.png) left bottom no-repeat;
}
table#body td.menubar {
    position: relative;
    width: 195px;
    padding-bottom: 172px;
    vertical-align: top;
    background: white url(/images/plan-faded.jpg) right top no-repeat;
}
table#body td.menubar.homemenubar {
    background: white url(/images/plan.jpg) right top no-repeat;
}
table#body td.menubar div.frond{
    position: absolute;
    bottom: 0;
    width: 195px;
    height: 172px;
    background: url(/images/frond-foot-left.png) left bottom no-repeat;
}


td.menubar ul.menu {
    margin: 0;
    padding: 0;
    padding-left: 10px;
    list-style-type: none;
    font-size: 90%;
    font-weight: bold;
}
td.menubar ul.menu li {
    height: 25px;
    padding-top: 2px;
    background: url(/images/flower.png) no-repeat;
}
td.menubar ul.menu li a {
    padding: 0;
    padding-left: 24px;
    text-decoration: none;
    color: #123b94;
}
td.menubar ul.menu li a:hover {
    text-decoration: underline;
}


table#body td.main {
    width: 529px;
    vertical-align: top;
    padding-bottom: 98px;
    background: white url(/images/frond-foot-right.jpg) left bottom no-repeat;
}

div#footer {
    position: relative;
    width: 760px;
    margin: 0 auto;
    font-size: 90%;
    text-align: center;
}

div#footer .frond-main {
    height: 172px;
    background: url(/images/frond-foot.jpg) no-repeat;
}
div#footer .frond-bot {
    width: 760px;
    margin: 0 auto;
    height: 18px;
    background: url(/images/frond-foot-bot.png) no-repeat;
}

div#footer ul.menu {
    width: 760px;
    height: 25px;
    margin: 0 auto;
    margin-top: -18px;
    padding: 0;
    padding-top: 12px;
    list-style-type: none;
    background: url(/images/footbar.png) no-repeat;
}
div#footer ul.menu li {
    display: inline;
    height: 25px;
    padding: 3px 1px;
    text-align: left;
    background: url(/images/flower.png) no-repeat;
}
div#footer ul.menu li a {
    position: relative;
    padding: 0 22px;
    padding-right: 8px;
    color: white;
    line-height: 100%;
    text-decoration: none;
}
div#footer ul.menu li a:hover {
    text-decoration: underline;
}

#footElements {
    margin-top: 37px;
}

div#greenline {
    border-bottom: 1px solid #a9c97b;
}
/* }}} */

/* Content {{{ */

h1.contentopen {
    margin: 0;
    margin-right: 20px;
    font-size: 120%;
}

/* Content templates */
div.contentitem_default {
    margin: 20px 20px 0 0;
}

h2.c_default {
    font-size: 90%;
    font-weight: bold;
    margin-bottom: 0.5ex;
}

div.c_default {
    font-size: 90%;
}

div.icon_default {
    font-size: 90%;
    text-align: center;
}

.contentPic {
    text-align: center;
    display: inline;
    float: left;
    margin-right: 7px;
    font-weight: bold;
    width: 240px;
}
/* }}} */

/* Administration {{{ */
#adminPage, #adminPage table {
    color: black;
}

span.admin_message {
    background-color: #009900;
    color: #ffffff;
    font-weight: bold;
}

span.admin_error {
    background-color: #990000;
    color: #ffffff;
    font-weight: bold;
}

div.admin_message {
    padding: 4px;
    background-color: #009900;
    color: #ffffff;
    font-weight: bold;
}

div.admin_error {
    padding: 4px;
    background-color: #990000;
    color: #ffffff;
    font-weight: bold;
}

table.admin_index {
    font-size: 0.8em;
}

th.admin_index {
    font-weight: bold;
    text-align: left;
    padding-left: 0.5em;
    padding-right: 0.5em;
}

tr.admin_index_th {
    background-color: #666666;
    color: #ffffff;
}

tr.admin_index_even, tr.admin_index {
    background-color: #dddddd;
    font-size: 1.0em;
}

tr.admin_index_odd {
    background-color: #eeeeee;
    font-size: 1.0em;
}

tr.admin_index_context {
    background-color: #aaaadd;
    font-size: 1.0em;
}

td.admin_index {
    padding-left: 0.5em;
    padding-right: 0.5em;
}
/* }}} */