/** General **/

a.arrow-orange
{
    background: transparent url(../image/4588) no-repeat scroll right center;
    padding-right: 15px;
}

a.arrow-orange:hover
{
    background-image: url(../image/4589);
}

a.arrow-yellow
{
    background: transparent url(../image/4592) no-repeat scroll right center;
    padding-right: 15px;
}

a.arrow-yellow:hover
{
    background-image: url(../image/4589);
}

a.arrow-green
{
    padding-right: 15px;
    background: transparent url(../image/3834) no-repeat right center;
}

a.arrow-green:hover
{
    background-image: url(../image/3835);
}

body
{
    margin: 0;
    padding: 0px;
    background: #ffffff url(../image/3837) repeat-x top left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.7em;
}

.clear
{
    background-color: #ffffff;
    clear: both;
}

.content ul
{
    list-style: none;
}

.content ul li
{
    padding: 0px 0px 6px 13px;
    background: transparent url(../image/3849) no-repeat 0px 5px;
}

button, input, select, textarea
{
    color: #000000;
    font-family: verdana, sans-serif;
    font-size: 1.0em;
}

span.black
{
    color: #000000;
}

table.member
{
    width: 100%;
    border-bottom: 1px solid #e2e2e2;
}

table.member td
{
    width: 80%;
    padding: 6px 8px 6px 8px;
    border-top: 1px solid #e2e2e2;
}

table.member td.label
{
    width: 20%;
}

td
{
    vertical-align: top;
}

textarea
{
    overflow: auto;
}

ul.list-green
{
    margin: 0px;
    padding: 0px;
    list-style: none;
}

ul.list-green li
{
    padding: 0px 0px 7px 20px;
    background: transparent url(../image/3835) no-repeat left 4px;
}

ul.list-green a, ul.list-green a:hover
{
    color: #000000;
}


/** Text **/

h1
{
    margin: 7px 0 30px 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.25em;
    font-weight: bold;
}

h2
{
    margin: 20px 0 10px 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    font-weight: bold;
}

h3.grey-small
{
    margin: 5px 0 10px 0;
    padding: 0 0 12px 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.0em;
    font-weight: bold;
    background: transparent url(../image/3843) repeat-x bottom left;
}

h3.green
{
    margin: 0;
    padding: 0 0 13px 22px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    font-weight: bold;
    color: #000000;
    background: transparent url(../image/3841) no-repeat bottom left;
}

h3.grey
{
    margin: 0;
    padding: 0 0 13px 22px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    font-weight: bold;
    color: #000000;
    background: transparent url(../image/3842) no-repeat bottom left;
}

h3.blue
{
    margin: 0;
    padding: 0 0 13px 22px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    font-weight: bold;
    color: #000000;
    background: transparent url(../image/3840) no-repeat bottom left;
}

h3.orange
{
    background: transparent url(../image/4587) no-repeat scroll left bottom;
    color: #000000;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 1.1em;
    font-weight: bold;
    margin: 0;
    padding: 0 0 13px 22px;
}

h3.yellow
{
    background: transparent url(../image/4593) no-repeat scroll left bottom;
    color: #000000;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 1.1em;
    font-weight: bold;
    margin: 0;
    padding: 0 0 13px 22px;
}

p
{
    line-height: 1.6;
    margin: 0 0 1.5em 0;
}


/** Images **/

img
{
    border: none;
}

img.left
{
    float: left;
    margin: 0 20px 0 0;
}

img.right
{
    float: right;
    margin: 0 0 0 20px;
}


/** Links **/

a
{
    color: #007e00;
    text-decoration: none;
}

a:hover
{
    color: #009900;
    text-decoration: underline;
}

a.blue-link
{
    color: #0066cc;
    text-decoration: none;
}

a.blue-link:hover
{
    color: #0066cc;
    text-decoration: underline;
}

/** Wrapper **/

div#wrapper
{
    width: 980px;
    margin: 0 auto 15px auto;
    padding: 0;
}


/** Header **/

div#header
{
    width: 100%;
    height: 71px;
    margin: 0;
    padding: 0;
}

div#logo
{
    float: left;
    width: 131px;
    height: 48px;
    padding: 23px 6px 0 0;
}

div#ornaments
{
    float: left;
    width: 423px;
    height: 71px;
}

div#teaser
{
    float: left;
    width: 420px;
    height: 71px;
}

div#teaser .image
{
    width: 192px;
    height: 71px;
}

div#teaser .text
{
    width: 228px;
    color: #ffffff;
    line-height: 1.2;
    vertical-align: middle;
}

div#teaser .text h3
{
    margin: 0px 0px 4px 0px;
    color: #ffffff;
    font-size: 0.9em;
    font-weight: bold;
    line-height: normal;
}

div#teaser .text a
{
    color: #cde1f6;
}

div#teaser .text a:hover
{
    color: #ffffff;
    text-decoration: none
}


/** Content frame **/

div#content-frame
{
    width: 100%;
    padding-top: 20px;
}


/** Navigation column **/

div#navigation-column
{
    float: left;
    width: 190px;
    margin-right: 40px;
}


/** Menu **/

ul#menu
{
    margin: 0 0 40px 0;
    padding: 0px;
    list-style: none;
    border-bottom: 1px solid #e2e2e2;
}

ul#menu li
{
    margin: 0;
    padding: 0px;
    height: 1%; /* IE7 hack that eliminates image flickering */
    border-top: 1px solid #e2e2e2;
}

ul#menu li a
{
    display: block;
    margin: 1px 0px 1px 0px;
    padding: 6px 0 6px 25px;
    background: #ffffff url(../image/3849) no-repeat 9px 12px;
    color: #000000;
}

ul#menu li a:hover
{
    background-color: #f5f5f5;
    text-decoration: none;
}

ul#menu li.selected
{
    border-top: none;
}

ul#menu li.selected a
{
    margin: 0px;
    background: #33cc33 url(../image/3850) no-repeat 9px 12px;
    font-weight: bold;
    color: #ffffff;
}

ul#menu li.selected a:hover
{
    background-color: #33cc33;
    font-weight: bold;
    color: #ffffff;
}

ul#menu li.opened
{
}

ul#menu li.opened a
{
    font-weight: bold;
}


/** Sub menu **/

ul#submenu
{
    margin: 3px 0px 3px 10px;
    padding: 0px;
    list-style: none;
}

ul#submenu li
{
    border: none;
    height: 1%; /* IE7 hack that eliminates image flickering */
}

ul#submenu li a
{
    display: block;
    padding: 4px 0px 4px 35px;
    background: #ffffff;
    color: #000000;
}

ul#submenu li.selected
{
}

ul#submenu li.selected a, ul#submenu li.selected a:hover
{
    background: #33cc33;
    font-weight: normal;
    color: #ffffff;
}


/** Sticky links **/

div#sticky-links
{
}

ul.blue-links
{
    margin: 0px 0px 20px 0px;
    padding: 0px;
    list-style: none;
    border-bottom: 1px solid #e2e2e2;
}

ul.blue-links li
{
    height: 1%; /* IE7 hack that eliminates image flickering */
    border-top: 1px solid #e2e2e2;
}

ul.blue-links li a
{
    display: block;
    padding: 3px 0px 3px 30px;
    background: transparent url(../image/3833) no-repeat 11px 7px;
    color: #0052c2;
}

ul.blue-links li a:hover
{
    background: transparent url(../image/3832) no-repeat 11px 7px;
    color: #0066cc;
}

ul.black-links
{
    margin: 0 0 20px 0;
    padding: 0px;
    list-style: none;
    border-bottom: 1px solid #e2e2e2;
}

ul.black-links li
{
    height: 1%; /* IE7 hack that eliminates image flickering */
    border-top: 1px solid #e2e2e2;
}

ul.black-links li a
{
    display: block;
    padding: 3px 0 3px 30px;
    background: transparent url(../image/3834) no-repeat 11px 7px;
    color: #000000;
    font-size: 0.9em;
}

ul.black-links li a:hover
{
    background: transparent url(../image/3835) no-repeat 11px 7px;
}


div.banner
{
    padding: 10px 0px 10px 0px;
    text-align: center;
}


/** Wide main content column **/

div#main-content-column-wide
{
    float: left;
    width: 510px;
}


/** Narrow main content column **/

div#main-content-column-narrow
{
    float: left;
    width: 420px;
}

div.frontpage-teaser
{
    margin: 30px 0 20px 0;
}

div.frontpage-teaser div.image
{
    display: inline;
    float: left;
    width: 70px;
    margin: 0 10px 0 10px;
}

div.frontpage-teaser div.text
{
    float: right;
    width: 310px;
    margin: 0 10px 0 0;
    line-height: 1.3;
}

div.frontpage-teaser div.text h4
{
    margin: 0 0 8px 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.0em;
    font-weight: bold;
    color: #007a00;
    line-height: normal;
}

div.frontpage-teaser div.link
{
    clear: both;
    float: left;
    width: 100%;
    margin-top: 30px;
}

div.frontpage-teaser div.link a
{
    font-weight: bold;
}

div.box-grey
{
    margin: 30px 0 10px 0;
    padding: 15px;
    background: #f1f1f1;
    font-size: 0.9em;
}

div.box-grey h3
{
    margin: 0 0 10px 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    font-weight: bold;
    color: #333333;
}


/** Narrow right column **/

div#right-column-narrow
{
    float: right;
    width: 200px;
}

div#right-column-narrow div.image
{
    margin: 0 0 20px 0;
}

div#right-column-narrow ul li a
{
    padding-right: 15px;
    background: transparent url(../image/3834) no-repeat right center;
}

div#right-column-narrow ul li a:hover
{
    background-image: url(../image/3835);
}


/** Wide right column **/

div#right-column-wide
{
    float: right;
    width: 305px;
}


/** Shortcut list **/

div.shortcut-list
{
    margin: 0px 0px 25px 0;
}

div.shortcut-list ul
{
    margin: 10px 0 10px 10px;
    padding: 0px;
    list-style: none;
}

div.shortcut-list ul li
{
    height: 1%; /* IE7 hack that eliminates image flickering */
}

div.shortcut-list ul li a
{
    display: block;
    padding: 4px 0 4px 20px;
    background: transparent url(../image/3845) no-repeat 0 5px;
    color: #007a00;
}

div.shortcut-list ul li a:hover
{
    text-decoration: none;
    background: transparent url(../image/3846) no-repeat 0 5px;
    color: #000000;
}

div.shortcut-list ul li.selected a
{
    text-decoration: underline;
    background: transparent url(../image/3846) no-repeat 0 5px;
    color: #000000;
}

div.shortcut-list ul li.selected a:hover
{
    background: transparent url(../image/3846) no-repeat 0 5px;
    color: #000000;
}

div.shortcut-list div.link
{
    text-align: right;
    font-size: 0.9em;
}

div.shortcut-list div.link img
{
    margin-left: 3px;
}

div.shortcut-list div.link a
{
    color: #000000;
}


/** Small shortcut list **/

div.shortcut-list-small
{
    margin: 0px 0px 20px 0px;
}

div.shortcut-list-small ul
{
    margin: 5px 0px 10px 10px;
    padding: 0px;
    list-style: none;
}

div.shortcut-list-small ul li
{
    height: 1%; /* IE7 hack that eliminates image flickering */
    line-height: 1.7em;
}

div.shortcut-list-small ul li a
{
    color: #007a00;
}


/** Footer **/

div#footer
{
    clear: both;
    width: 750px;
    margin: 30px 0 0 230px;
    padding-top: 7px;
    padding-bottom: 7px;
    border-top: 1px solid #e2e2e2;
}

div#footer div#footer-left
{
    float: left;
}

div#footer div#footer-right
{
    float: right;
}

div#footer span
{
    margin-left: 10px;
    margin-right: 10px;
    color: #d7d7d7;
}


/** Calendar **/

div.calendar
{
}

div.calendar div.caption
{
    position: relative;
    margin-top: 3px;
    padding: 6px 0px 6px 0px;
    width: 100%;
    background-color: #0066cc;
    text-align: center;
}

div.calendar div.caption a.prev
{
    position: absolute;
    left: 4px;
    top: 4px;
    width: 18px;
    height: 18px;
    background: transparent url(../image/4712) no-repeat 0px 0px;
}

div.calendar div.caption a.prev:hover
{
    background-position: 0px -18px;
}

div.calendar div.caption a.next
{
    position: absolute;
    right: 4px;
    top: 4px;
    width: 18px;
    height: 18px;
    background: transparent url(../image/4712) no-repeat -18px 0px;
}

div.calendar div.caption a.next:hover
{
    background-position: -18px -18px;
}

div.calendar div.caption span
{
    color: #ffffff;
    font-size: 1.1em;
    font-weight: bold;
}

div.calendar table
{
    margin-top: 3px;
    background-color: #e5e5e5;
    width: 100%;
}

div.calendar table tr td
{
    background-color: #ffffff;
    cursor: default;
}

div.calendar table tr td a.day
{
    display: block;
    position: relative;
    padding: 8px 1px 1px 1px;
    width: 25px;
    height: 19px;
    color: #000000;
    text-align: center;
    cursor: default;
    z-index: 1;
}

div.calendar table tr td a.day:focus
{
    outline: none;
}

div.calendar table tr td a.day:hover
{
    padding: 7px 0px 0px 0px;
    border: 1px solid #000000;
    color: #000000;
    text-decoration: none;
    z-index: 1000;
}

div.calendar table tr td a.day:hover div.tool
{
    visibility: visible;
}

div.calendar table tr td div.day
{
    display: block;
    padding: 8px 1px 1px 1px;
    width: 25px;
    height: 19px;
    color: #cccccc;
    text-align: center;
}

div.calendar table tr td a.day span.group-1,
div.calendar table tr td a.day span.group-2,
div.calendar table tr td a.day span.group-3,
div.calendar table tr td a.day span.group-4,
div.calendar table tr td a.day span.group-5,
div.calendar table tr td a.day span.group-6
{
    display: block;
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0px;
    height: 4px;
    z-index: 2;
}

div.calendar table tr td span.group-1 { background-image: url(../image/4705); }
div.calendar table tr td span.group-2 { background-image: url(../image/4706); }
div.calendar table tr td span.group-3 { background-image: url(../image/4707); }
div.calendar table tr td span.group-4 { background-image: url(../image/4708); }
div.calendar table tr td span.group-5 { background-image: url(../image/4709); }
div.calendar table tr td span.group-6 { background-image: url(../image/4710); }

div.calendar table tr td div.tool
{
    position: absolute;
    visibility: hidden;
    right: 36px;
    top: -10px;
    padding: 0px 0px 2px 0px;
    width: 240px;
    background: transparent url(../image/4711) no-repeat bottom left;
    z-index: 3;
}

div.calendar table tr td div.tool div.tip
{
    padding: 15px 25px 0px 0px;
    background: transparent url(../image/4711) no-repeat top left;
    text-align: left;
}

div.calendar table tr td div.tool div.group-1,
div.calendar table tr td div.tool div.group-2,
div.calendar table tr td div.tool div.group-3,
div.calendar table tr td div.tool div.group-4,
div.calendar table tr td div.tool div.group-5,
div.calendar table tr td div.tool div.group-6
{
    padding: 0px 0px 15px 28px;
    background-repeat: no-repeat;
    background-position: 13px 4px;
}

div.calendar table tr td div.tool span.location
{
    display: block;
    padding: 3px 0px 5px 0px;
    font-size: 0.9em;
}

div.calendar table tr td div.tool span.content
{
    display: block;
    color: #666666;
    font-size: 0.9em;
    line-height: 1.4em;
}

div.calendar table tr td div.tool div.group-1 { background-image: url(../image/4705); }
div.calendar table tr td div.tool div.group-2 { background-image: url(../image/4706); }
div.calendar table tr td div.tool div.group-3 { background-image: url(../image/4707); }
div.calendar table tr td div.tool div.group-4 { background-image: url(../image/4708); }
div.calendar table tr td div.tool div.group-5 { background-image: url(../image/4709); }
div.calendar table tr td div.tool div.group-6 { background-image: url(../image/4710); }