html, body {
    margin: 0px;
    padding: 0px;
    height: 100%;
}

body {
    background-color: #FFFFFF;
    color: #3e4147;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    text-align: center;
    line-height: 1.9em;
    background-image: url('../images/header1.gif');
    background-position: top left;
    background-repeat: repeat-x;
}

#topbar {
    background-color: #5fbe6a;
    height: 156px;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1
}

#topbar_header_options {
    background-color: #3B9F46;
    width: 100%;
    height: 24px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2
}

#container {
    position: relative;
    width: 790px;
    text-align: justify;
    margin: 0 auto 0px auto;
    z-index: 3;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}

#header {
    background: #5FBE6A;
    height: 156px;
    margin: 0 0 56px 0
}

#header_options {
    position: absolute;
    top: 0px;
    left: 0px;
    background: #3B9F46;
    width: 100%;
    height: 24px;
}

#header_options ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

#header_options ul li {
    width: auto;
    float: right;
    line-height: 1em;
    font-size: 0.7em;
    display: block;
    margin: 3px 0 0 8px;
    font-weight: bold;
    color: #8BDF94
}

#header_options ul li a {
    color: #FFF;
}

a#logo {
    position: absolute;
    top: 44px;
    left: 0px
}

a img {
    border: 0px
}

#nav {
    position: absolute;
    top: 44px;
    left: 229px;
    height: 75px;
    width: 564px;
    line-height: 1em;
    text-align: left;
    z-index: 100
}

#nav, #nav ul /* all lists */ {
    padding: 0;
    margin: 0;
    list-style: none;
}

#nav li /* all list items */ {
    float: left;
    width: auto; /* width needed or else Opera goes nuts */
}

#nav li ul /* second-level lists */ {
    position: absolute;
    width: 10em;
    left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
    font-size: 0.9em
}

#nav li ul ul /* third-and-above-level lists */ {
    margin: -75px 0 0 94px;
    font-size: 1em
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
    left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul /* lists nested under hovered list items */ {
    left: auto;
}

/*IE7 FIX*/
ul#nav li:hover, ul#nav li.hover {
    position: static;
}

/*IE7 FIX*/
#nav li {
    height: 75px;
    width: 94px;
    float: left;
}

#nav a {
    color: #FFF;
    padding: 6px 0 0 11px;
    height: 69px;
    width: 82px;
    display: block;
    font-weight: bold;
    text-decoration: none;
    font-size: 0.9em;
    border-right: 1px solid #8fd197;
    background-color: #5FBE6A;
}

#nav ul a {
    border-bottom: 1px solid #8fd197;
    height: 68px;
}

#nav a:hover {
    background-color: #8ce196;
}

#nav a.arrow {
    background-image: url('../images/menu_arrow.gif');
    background-position: 78px 57px;
    background-repeat: no-repeat;
}

#nav a.arrow:hover {
    background-image: url('../images/menu_arrow_hover.gif');
}

.float_left {
    float: left;
    margin: 8px 16px 8px 0px
}

.float_right {
    float: right;
    margin: 8px 0px 8px 16px
}

#front_logo {
    float: left;
    margin: 0 24px 0 0;
    width: 350px;
}

h1 {
    text-align: left;
    color: #45b151;
    font-size: 3.1em;
    letter-spacing: -0.1em;
    line-height: 1.1em;
    margin: 0 0 8px 0
}

h1, h2, h3, h4, h5 {
    text-align: left
}

#footer {
    background-color: #8ce196;
    width: 100%;
    font-weight: bold;
    font-size: 0.8em;
    z-index: 300;
    position: absolute;
    margin-top: 16px
}

#footer a {
    color: #3B9F46
}

#footer, #push {
    height: 37px;
}

#front_content {
    margin: 0 0 24px 0;
    font-size: 1em;
    line-height: 1.6em;
    overflow: hidden
}

a, a:link {
    color: #3F97FF;
    text-decoration: underline;
}

a:visited {
    color: #9A6FDF;
    text-decoration: underline;
}

a:hover, a:active {
    color: #45B151;
    text-decoration: underline;
}

.pager_bar form {
    display: inline;
}

.pager_bar {
    background: #8CE196;
    padding: 8px;
    width: auto;
    margin: 21px 0 16px 0;
    text-align: center
}

.pager_bar span {
    font-size: 0.8em;
    font-weight: bold
}

.pager_bar a {
    color: #FFF;
    padding: 2px 4px 2px 4px;
    margin: 0 4px 0 0;
}

.pager_bar a:hover, .pager_bar a.selected:hover {
    color: #FFF;
    text-decoration: underline
}

.pager_bar a.selected {
    border-bottom: 4px solid #3B9F46
}

.clickable {
    cursor: pointer;
}

tr.hover:hover {
    background: #E9E8F0
}

/*////////////////////////////////*/
td, th {
    padding: 8px 16px 8px 8px;
}

td {
    border-bottom: 2px solid #DDD
}

th {
    border-bottom: 2px solid #57AF61
}

th {
    background: #5FBE6A;
    color: #FFF;
    width: 240px;
    text-align: right
}

table {
    margin: 0 0 32px 0;
    width: 100%
}

#search_events {
    width: 285px;
    float: right;
    position: relative;
    top: 8px
}

#search_events input {
    width: 220px;
}

label {
    font-weight: bold;
    display: block;
    width: 180px;
    float: left;
    text-align: right;
    margin: 0 12px 0 0;
    cursor: pointer;
    line-height: 1.3em
}

form.filled {
    width: 100%;
    margin: 0 auto 32px auto;
    background: #8CE196;
    padding: 16px;
}

input, textarea, select {
    width: 240px;
    color: #3e4147;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    letter-spacing: 0em;
    text-align: left;
    line-height: 1.9em;
}

button {
    cursor: pointer;
    font-weight: bold;
    color: #3e4147;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    letter-spacing: 0em
}

select#month {
    text-align: center
}

table.event {
    width: 561px;
    float: left;
    margin: 16px 0 0 0
}

.event th {
    width: 100px
}

div.spacer {
    clear: both;
    height: 1px;
    width: 100%
}

div.event_right {
    border: 2px solid #DDD;
    background: #FAFAFA;
    width: 174px;
    float: right;
    margin: 16px 0 0 0;
    padding: 16px;
    text-align: left
}

#share {
    line-height: 1em;
    border-bottom: 2px solid #EAEAEA;
    padding: 0 0 8px 0
}

div#legend label {
    background: #5FBE6A;
    display: block;
    width: 806px;
    padding: 0 16px 0 0;
    color: #FFF;
    margin: 0 0 16px 0;
    font-size: 0.9em;
    cursor: default;
}

label span {
    color: #FFF6DF;
    font-size: 1.5em;
    font-weight: bold;
    position: relative;
    top: 0px;
    left: 2px
}

label span.small {
    font-size: 0.8em;
    display: block;
    float: right;
    color: #3e4147;
    margin: 0 0 0 8px
}

.long_field {
    width: 244px;
    float: left;
    margin: 0 0 16px 0
}

#captcha_image {
    margin: 0 0 8px 0
}

.action_bar {
    clear: both;
    display: block;
    background: #AFFFB8;
    padding: 8px 16px 8px 192px;
    margin: 16px 0 0 0;
}

a.submit {
    background: #5FBE6A;
    color: #FFF;
    display: block;
    padding: 12px;
    font-size: 2em;
    margin: 0 0 32px 0
}

a.submit:hover {
    text-decoration: underline;
    background: #3B9F46
}

textarea.large {
    width: 480px;
    height: 154px
}

.half_column {
    width: 363px;
    margin: 0 32px 32px 0;
    float: left
}

a.group_preview {
    display: block;
    border-bottom: 2px solid #EEE;
    height: 116px;
    position: relative;
    color: #7F7F7F;
    overflow: hidden;
    text-decoration: none
}

span.image_container {
    width: 100px;
    height: 108px;
    background: #EEE;
    display: table-cell;
    vertical-align: middle;
    border-top: 8px solid #FFF;
    border-left: 8px solid #FFF;
}

span.image_container_small {
    width: 64px;
    height: 64px;
    background: #EEE;
    display: table-cell;
    vertical-align: middle;
}

span.group_preview_name {
    position: absolute;
    top: 8px;
    left: 124px;
    display: block;
    width: 220px;
    text-align: left;
    font-size: 1.4em;
    font-weight: bold;
    letter-spacing: -0.05em
}

a.group_preview:hover {
    color: #5FBE6A;
    text-decoration: none
}

span.extra_info {
    color: #4F4F4F;
    display: block;
    font-size: 0.6em;
    letter-spacing: -0.05em
}

span.extra_info:hover, a:hover span.extra_info {
    color: #5FBE6A;
    text-decoration: none
}

.time {
    width: 120px;
    text-align: center
}

fieldset {
    border-width: 2px 0 0 0;
    margin: 0 0 16px 0;
    border-color: #5FBE6A;
    border-style: solid;
    padding: 32px 0 0 0
}

legend {
    color: #5FBE6A;
    font-weight: bold;
    font-size: 1.5em;
    padding: 0 16px 0 16px;
}

a.event_preview {
    display: block;
    height: 60px;
    width: 100%;
    border-bottom: 2px solid #EEE;
    position: relative;
    padding: 10px 0 0 0;
    text-decoration: none
}

span.event_preview_date {
    color: #277630;
    font-size: 1.5em;
    letter-spacing: -0.1em;
    width: 100px;
    display: block;
    text-align: center
}

span.event_preview_date span.time {
    font-size: 0.8em;
    letter-spacing: -0.05em
}

span.date1, span.date2 {
    display: block;
    text-align: center;
    line-height: 1em;
    font-weight: bold
}

span.date2 {
    font-size: 0.9em;
    color: #3B9F46;
    letter-spacing: -0.05em
}

span.event_preview_title {
    text-align: left;
    position: absolute;
    top: 19px;
    left: 100px;
    line-height: 1.3em;
    font-size: 0.9em;
    width: 255px;
}

table span.event_preview_title {
    position: static;
}

ul.small_list {
    background-color: #5FBE6A;
    list-style-type: none;
    margin: 0 0 24px 0;
    padding: 16px
}

ul.small_list a {
    color: #FFF;
    display: block;
    padding: 0px 4px 4px 4px;
    border-bottom: 2px solid #8CE196;
}

ul.small_list a:hover {
    background-color: #8CE196;
}

ul.small_list span {
    font-size: 0.8em;
    letter-spacing: 0em;
    margin: 0 8px 0 8px;
    float: right
}

h2.small_list {
    background-color: #5FBE6A;
    padding: 8px 8px 8px 8px;
    color: #FFF;
    margin: 0px;
    font-size: 1.8em;
    border-bottom: 1px dotted #8CE196;
}

.checkbox {
    border: 0px;
    width: auto;
    position: relative;
    top: -4px
}

.form_half {
    width: 240px;
    float: left;
    height: 21px
}

#loading_overlay {
    display: none;
    background: #FFF;
    width: 100%;
    height: 600px;
    position: absolute;
    top: 156px;
    left: 0px;
    z-index: 2000;
    background-image: url('../images/loader.gif');
    background-repeat: no-repeat;
    background-position: center;
}

#loading_overlay span {
    font-weight: bold;
    color: #8CE196;
    font-size: 2em;
    letter-spacing: -0.1em;
    position: absolute;
    top: 232px;
    left: 0px;
    width: 100%
}

#loading_overlay_small {
    background: #FFF;
    width: 100%;
    height: 200px;
    z-index: 2000;
    background-image: url('../images/loader.gif');
    background-repeat: no-repeat;
    background-position: center;
    text-align: center
}

#loading_overlay_small span {
    font-weight: bold;
    color: #8CE196;
    font-size: 2em;
    letter-spacing: -0.1em;
    width: 100%;
    position: relative;
    top: 56px
}

a.photoalbum_preview {
    display: block;
    float: left;
    margin: 8px;
    width: 379px;
    height: 213px;
    position: relative;
    background-color: #B3EFBA;
    text-decoration: none;
    font-weight: bold
}

a.photoalbum_group_preview {
    display: block;
    float: left;
    margin: 0 0 4px 0;
    width: 363px;
    height: 140px;
    position: relative
}

span.photoalbum_title {
    position: absolute;
    bottom: 0px;
    left: 0px;
    color: #FFF;
    background: #8CE196;
    display: block;
    width: 371px;
    padding: 4px 4px 4px 4px;
    overflow: hidden;
    line-height: 1em
}

a.photoalbum_group_preview span.photoalbum_title {
    width: 355px
}

span.photoalbum_title span {
    font-size: 0.8em;
    display: block
}

/*LIGHTBOX STYLES*/
#lightbox {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 100;
    text-align: center;
    line-height: 0;
}

#lightbox img {
    width: auto;
    height: auto;
}

#lightbox a img {
    border: none;
}

#outerImageContainer {
    position: relative;
    background-color: #fff;
    width: 250px;
    height: 250px;
    margin: 0 auto;
}

#imageContainer {
    padding: 10px;
}

#loading {
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}

#hoverNav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}

#imageContainer >#hoverNav {
    left: 0;
}

#hoverNav a {
    outline: none;
}

#prevLink, #nextLink {
    width: 49%;
    height: 100%;
    background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */
    display: block;
}

#prevLink {
    left: 0;
    float: left;
}

#nextLink {
    right: 0;
    float: right;
}

#prevLink:hover, #prevLink:visited:hover {
    background: url(../images/prevlabel.gif) left 15% no-repeat;
}

#nextLink:hover, #nextLink:visited:hover {
    background: url(../images/nextlabel.gif) right 15% no-repeat;
}

#imageDataContainer {
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #fff;
    margin: 0 auto;
    line-height: 1.4em;
    overflow: auto;
    width: 100%;
}

#imageData {
    padding: 0 10px;
    color: #666;
}

#imageData #imageDetails {
    width: 70%;
    float: left;
    text-align: left;
}

#imageData #caption {
    font-weight: bold;
}

#imageData #numberDisplay {
    display: block;
    clear: left;
    padding-bottom: 1.0em;
}

#imageData #bottomNavClose {
    width: 66px;
    float: right;
    padding-bottom: 0.7em;
    outline: none;
}

#overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 500px;
    background-color: #000;
}

/*LIGHTBOX STYLES*/
a.photo_preview {
    display: block;
    float: left;
    margin: 8px;
    position: relative;
    width: 247px;
    height: 189px
}

a.news {
    display: block;
    height: 112px;
    border-bottom: 2px solid #EEE;
    padding: 0 0 15px 0;
    margin: 15px 0 0 0;
    text-decoration: none
}

a.news img {
    float: left;
    margin: 0 16px 0 0;
    width: 112px;
    height: 112px
}

a.news h2 {
    color: #277630;
    letter-spacing: -0.05em;
    margin: 0;
    font-size: 1.2em;
    text-align: left;
    height: 30px;
    display: block;
    width: 235px;
    overflow: hidden;
    position: relative;
    top: -6px
}

a.news p {
    color: #7F7F7F;
    position: relative;
    top: -6px;
    font-size: 0.9em;
    line-height: 1.5em;
    margin: 0 0 0 128px;
    font-weight: normal;
    height: 90px;
    overflow: hidden;
    text-align: left
}

.news_item {
    border-bottom: 2px solid #EEE;
}

.news_item img {
    float: right;
    margin: 0 0 24px 24px
}

ul#event_reviews {
    list-style: none;
    margin: 0;
    padding: 0;
    background-color: #EFFFF1
}

ul#event_reviews li {
    background-image: url('../images/quotes.gif');
    background-position: 8px 8px;
    background-repeat: no-repeat;
    padding: 0px 16px 0px 77px;
}

ul#event_reviews li.even {
    background-color: #DFFFE3
}

ul#event_reviews li span {
    font-size: 0.9em;
    color: #8CE196
}

ul#event_reviews li span span {
    font-weight: bold;
    color: #6F6F6F
}

.alpha_tabs a {
    background: #8CE196;
    display: block;
    width: 24px;
    float: left;
    color: #FFF;
    border: 1px solid #5FBE6A;
    text-align: center;
    margin: 0 2px 0 0;
    border-width: 1px 1px 0px 1px
}

.alpha_tabs a:hover {
    background: #74CF7E;
    text-decoration: underline
}

.alpha_tabs {
    border-bottom: 1px solid #8CE196;
    overflow: hidden;
    padding: 0 8px 0 8px
}

.alpha_tabs a.selected {
    font-size: 1.4em;
    width: auto;
    padding: 0 8px 0 8px;
    background: #5FBE6A;
    border: 1px solid #3B9F46;
    border-width: 1px 1px 0px 1px;
    text-decoration: underline
}

table.groups {
    width: 100%;
    margin: 16px 0 16px 0
}

table.groups tr {
    height: 64px
}

table.groups th {
    width: 64px;
    background: #FFF;
    border-color: #DDD
}

table.groups td a {
    font-size: 2em;
    position: relative;
    top: 16px
}

#edit_password_link {
    font-weight: bold;
    font-size: 1.8em;
    color: #888;
    letter-spacing: 0.05em
}

#edit_password_link img {
    position: relative;
    top: -8px
}

#page_children {
    background: #8CE196;
    width: 40%;
    float: right;
    margin: 0 0 16px 16px;
    padding: 8px
}

#page_children ul {
    list-style: none;
    padding: 0px;
    margin: 0px
}

#page_children h2 {
    margin: 0 0 2px 0;
    padding: 0px;
    color: #FFF;
}

#page_children a {
    display: block;
    border-bottom: 1px solid #74CF7E;
    color: #FFF;
    padding: 3px 8px 3px 8px;
}

#page_children a:hover {
    background: #74CF7E;
    border-bottom: 1px solid #6BBF74;
}

/* ------------------------------------------------------------
 Site Map Styles
 ------------------------------------------------------------ */
/* ------------------------------------------------------------
 NUMBER OF COLUMNS: Adjust #primaryNav li to set the number
 of columns required in your site map. The default is
 4 columns (25%). 5 columns would be 20%, 6 columns would
 be 16.6%, etc.
 ------------------------------------------------------------ */
#primaryNav li {
    width: 16.6%;
}

#primaryNav li ul li {
    width: 100% !important;
}

#primaryNav.col1 li {
    width: 99.9%;
}

#primaryNav.col2 li {
    width: 50.0%;
}

#primaryNav.col3 li {
    width: 33.3%;
}

#primaryNav.col4 li {
    width: 25.0%;
}

#primaryNav.col5 li {
    width: 20.0%;
}

#primaryNav.col6 li {
    width: 16.6%;
}

#primaryNav.col7 li {
    width: 14.2%;
}

#primaryNav.col8 li {
    width: 12.5%;
}

#primaryNav.col9 li {
    width: 11.1%;
}

#primaryNav.col10 li {
    width: 10.0%;
}

#utilityNav, #primaryNav, #utilityNav ul, #primaryNav ul {
    list-style: none
}

/* --------	Top Level --------- */
#primaryNav {
    margin: 0;
    float: left;
    width: 100%;
}

#primaryNav #home {
    display: block;
    float: none;
    background: #ffffff url('../images/slickmap_L1-left.gif') center bottom no-repeat;
    position: relative;
    z-index: 2;
    padding: 0 0 30px 0;
}

#primaryNav li {
    float: left;
    background: url('../images/slickmap_L1-center.gif') center top no-repeat;
    padding: 30px 0;
    margin-top: -30px;
}

#primaryNav li a {
    margin: 0 20px 0 0;
    padding: 10px 0;
    display: block;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: black;
    background: #c3eafb url('../images/slickmap_white-highlight.gif') top left repeat-x;
    border: 2px solid #b5d9ea;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 2px;
    -moz-box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 2px; /* FF 3.5+ */
}

#primaryNav li a:hover {
    background-color: #e2f4fd;
    border-color: #97bdcf;
}

#primaryNav li:last-child {
    background: url('../images/slickmap_L1-right.gif') center top no-repeat;
}

/* --------	Second Level --------- */
#primaryNav li li {
    width: 100%;
    clear: left;
    margin-top: 0;
    padding: 10px 0 0 0;
    background: url('../images/slickmap_vertical-line.gif') center bottom repeat-y;
}

#primaryNav li li a {
    background-color: #cee3ac;
    border-color: #b8da83;
}

#primaryNav li li a:hover {
    border-color: #94b75f;
    background-color: #e7f1d7;
}

#primaryNav li li:first-child {
    padding-top: 30px;
}

#primaryNav li li:last-child {
    background: url('../images/slickmap_vertical-line.gif') center bottom repeat-y;
}

/* --------	Third Level --------- */
#primaryNav li li ul {
    margin: 10px 0 0 0;
    width: 100%;
    float: right;
    padding: 9px 0 10px 0;
    background: #ffffff url('../images/slickmap_L3-ul-top.gif') center top no-repeat;
}

#primaryNav li li li {
    background: url('../images/slickmap_L3-center.gif') left center no-repeat;
    padding: 5px 0;
}

#primaryNav li li li a {
    background-color: #fff7aa;
    border-color: #e3ca4b;
    font-size: 12px;
    padding: 5px 0;
    width: 80%;
    float: right;
}

#primaryNav li li li a:hover {
    background-color: #fffce5;
    border-color: #d1b62c;
}

#primaryNav li li li:first-child {
    padding: 15px 0 5px 0;
    background: url('../images/slickmap_L3-li-top.gif') left center no-repeat;
}

#primaryNav li li li:last-child {
    background: url('../images/slickmap_L3-bottom.gif') left center no-repeat;
}

/* ------------------------------------------------------------
 Utility Navigation
 ------------------------------------------------------------ */
#utilityNav {
    float: right;
    max-width: 50%;
    margin-right: 10px;
}

#utilityNav li {
    float: left;
    margin-bottom: 10px;
}

#utilityNav li a {
    margin: 0 10px 0 0;
    padding: 5px 10px;
    display: block;
    border: 2px solid #e3ca4b;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    color: black;
    background: #fff7aa url('../images/slickmap_white-highlight.png') top left repeat-x;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 2px;
    -moz-box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 2px; /* FF 3.5+ */
}

#utilityNav li a:hover {
    background-color: #fffce5;
    border-color: #d1b62c;
}

/*-------------------------*/
#mailing_list {
    background: #5FBE6A;
    clear: both;
    padding: 8px;
    margin: 0 0 24px 0
}

#mailing_list h2 {
    color: #FFF;
    margin: 0 12px 0 0;
    float: left;
}

#mailing_list p {
    display: inline;
    background: #FFF;
    padding: 4px;
    font-weight: bold
}

form.filled a {
    color: #FFF
}

.nothing {
    font-size: 1.4em;
    color: #7F7F7F;
}

.nothing a {
    display: block;
    margin-top: 16px
}

.small {
    font-size: 0.8em;
    color: #7F7F7F;
    font-style: italic;
    text-align: center
}

.success {
    background: #BFFF8F;
    font-weight: bold;
    padding: 8px;
    color: #2F3F23
}

.problem {
    background: #FF6A5F;
    font-weight: bold;
    padding: 8px;
    color: #3F2D2B
}

.empty {
    color: #DDD;
    font-weight: bold;
    font-style: italic;
    text-transform: lowercase;
    margin: 0 auto 0 auto;
    width: 100%;
    display: block;
    text-align: center
}

form.filled {
    position: relative;
    top: 21px
}

form.filled .notice {
    position: absolute;
    top: 16px;
    right: 32px;
    width: 306px;
    color: #3E6F44;
    font-size: 0.9em;
    font-weight: bold;
}

form.filled fieldset .notice {
    position: static;
    width: 640px;
    margin: -16px auto 32px auto;
    padding: 4px;
    background: #A4EFAC;
    text-align: center;
}

#tt {
    position: absolute;
    display: block;
    z-index: 10000;
}

#tttop {
    display: block;
    overflow: hidden;
}

#ttcont {
    display: block;
    background: #FFF;
    border: 2px solid #8CE196;
    color: #3B9F46;
    font-size: 0.7em;
    font-weight: bold;
    padding: 16px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-box-shadow: 0px 8px 32px #999;
    -webkit-box-shadow: 0px 8px 32px #999;
    width: 180px;
    line-height: 1.5em;
    text-align: justify
}

#ttcont strong {
    text-shadow: 0px 1px 1px #83AF88;
    font-size: 1.5em;
    margin: 0 0 8px 0;
    display: block;
}

#ttcont span {
    display: block;
}

#ttbot {
    display: block;
    height: 7px;
    overflow: hidden;
}

table.calendar_new {
    width: 790px;
    border: 1px solid #AFAFAF;
    border-width: 1px 0 0 1px;
}

.calendar_new th {
    background: #DFA200;
    color: #FFFFFF;
    text-align: center;
    border: 1px solid #8F8674;
    border-width: 0 1px 0 0;
    padding: 4px 0 4px 0;
    font-size: 0.9em
}

.calendar_new td {
    width: 80px;
    border: 1px solid #AFAFAF;
    border-width: 0 1px 1px 0;
    height: 120px;
    position: relative;
    background: #FFF;
}

div.day_container {
    width: 80px;
    height: 120px;
    position: relative;
    left: -4px
}

div.day_container ul {
    margin: 0px;
    list-style: none;
    padding-left: 0;
}

div.day_container ul li a {
    text-align: left;
    color: #376F3E;
    font-size: 0.75em;
    display: block;
    width: 102px;
    margin: 2px 2px 6px 2px;
    font-weight: normal;
    border-bottom: 4px solid #B3EFBA;
    text-decoration: none;
    line-height: 1.1em;
    padding: 0 0 2px 0;
    height: 1.1em;
    overflow: hidden
}

div.day_container ul li a:hover {
    border-bottom: 4px solid #5FBE6A;
    color: #274F2C
}

div.day_container ul li a span {
    font-weight: bold;
    font-size: 0.9em
}

.calendar_new td span.day_num {
    font-size: 1.5em;
    color: #B5DFB9;
    font-weight: bold;
    display: block;
    padding: 0px;
    margin: 0px;
    width: 1.5em;
    height: 1.5em;
    text-align: center;
    position: absolute;
    bottom: -14px;
    left: 78px;
}

td.today {
    background: #FFF5DF
}

td.today span.day_num {
    color: #DBA83E
}

.pager_bar #month {
    margin: 8px 8px 0px 8px
}

.calendar_new a.extra {
    color: #666;
    font-weight: bold;
    font-size: 0.8em;
    width: 64px;
    text-align: center;
    padding: 2px 0 2px 0;
    position: absolute;
    bottom: -8px;
    left: 7px;
    border: 0px
}

.calendar_new a.extra:hover {
    background: #B5DFB9;
    border: 0px;
    text-decoration: none
}

ul.part_day {
    height: 120px;
}

ul.full_day {
    display: none;
    border: 2px solid #B5DFB9;
    background: #FFF;
    position: absolute;
    top: -16px;
    left: -11px;
    z-index: 2000;
    width: 122px;
    padding: 8px 0 0 0;
}

ul.full_day li {
    position: relative;
    left: 8px
}

ul.full_day li a {
    padding: 0 4px 0 4px;
}

ul.full_day li a.close {
    color: #888;
    font-weight: bold;
    text-align: center;
    border: 0px
}

ul.full_day li a.close:hover {
    border: 0px
}

option.selected {
    font-weight: bold;
    background: #5FBE6A;
    color: #fff
}

td.blank {
    background: #EFEFEF;
}