﻿body 
{
    margin: 0px; background: #959595; text-align: center
}
body, div, span, font, p, td {font-family: Arial, Sans-Serif}
div {text-align: left; margin: auto}
#mainshell {width: 100%; margin-top: 5px; overflow: hidden; background: White; background-image: url(../graphics/design/menubarbg.gif); background-repeat: repeat-x }

#menushell {width: 992px; height: 91px; margin: auto}
#logo {width: 256px; height: 91px; border: 0px; float: left}
#searchbox {float: right; margin-top: 27px}
.btnSearch {width: 23px; height: 24px; border: 0px; border: 0px solid #dadada; border-left: 0px; margin: 0px; background: url(../graphics/design/search.gif)}
.txtSearch {border: 1px solid #dadada; border-right: 0px; font-size: 12px; width: 168px; height: 20px; color: #959595; text-align: right; padding: 2px 3px 0px 0px}

#splashshell {width: 992px; height: 320px; position: relative; margin: auto;}
#splashheadline {position: absolute; top: 224px; left: 16px; color: white; font-size: 12px; width: 360px}
#splashheadline div {font-size: 20px}
#splashheadline a {font-family: Georgia; text-decoration: underline; color: White; font-style: italic}

#homesplitter {width: 100%; height: 48px; margin: auto; text-align: center; background: url(../graphics/design/homesplitterbg.gif)}
#homesplitter img {width: 992px; height: 48px;}

#hpnews, #hpintro {margin: 28px 12px 0px 3px; width: 964px; overflow: hidden}
#hpnews td, #hpintro td {vertical-align: top}
.hpnewstitle {font-size: 16px; color: #005542; border-bottom: 1px solid #005542}
.hpnewsbox {margin: 18px 0px 18px 0px; line-height: 18px; overflow: hidden}
.hpitemtitle {font-size: 14px; color: #005542; font-weight: bold}
.hpitemteaser {font-size: 12px; color: #464646}
.hpitemteaser A {color: #005542; text-decoration: underline; font-style: italic}
.hpitempic {float: right; margin-left: 30px; border: 3px solid #cccccc}
#hpintro .hpnewstitle {color: White; border-bottom: 1px solid White}
#hpintro .hpitemteaser, #hpintro .hpitemteaser A {color: White; position: relative; overflow: visible}
#hpintro .hpitemteaser img {float: left; border: 3px solid White; margin-bottom: 9px; width: 50px; height: 34px}
#hpintro .hpnewsbox {margin-top: 10px}
#imgourfolks {width: 120px; height: 88px}
#AllOverBox a {text-decoration: none; font-style: normal}

.wordballoon {cursor: pointer; display: none; font-size: 12px; color: #464646; z-index: 100; top: 0px; left: -130px; position: absolute; width: 169px; height: 84px; background: url(../graphics/design/balloon_bg.png)}
.wordballoon div {margin: 13px 16px}

#footer1 {width: 100%; border-top: 1px solid #afafaf; overflow: hidden}
#footer2 {width: 100%; border-top: 1px solid #9b9b9b; overflow: hidden}
#footer3 {width: 100%; border-top: 2px solid #7f7f7f; text-align: center; background: #636363; overflow: hidden}
#footer4 {width: 992px; margin: 10px auto; font-size: 10px; color: White}
#footer4 a {color: White; text-decoration: underline}

#intshell {width: 976px; font-size: 12px; margin-left: 16px; color: #464646; text-align: left; overflow: hidden; border-top: 1px solid #e4e4e4}
#intshell h2 {color: #005542; font-size: 18px; font-weight: normal}
#intnav {width: 240px; float: left; min-height: 648px; font-size: 12px; color: #464646;
        overflow: hidden; background: url(../graphics/design/intnav_bg.jpg); margin: 0px}
#maincontent {width: 470px; overflow: hidden; color: #464646; line-height: 18px; margin: 0px}
#maincontent a {color: #4E99B4}

#pagetitleshell {margin-left: 0px; width: 470px; height: 129px; overflow: hidden; background: url(../graphics/design/page_title_bg.jpg); background-repeat: no-repeat}
#pagetitleshell h1 {color: White; font-size: 24px; font-weight: normal; margin-right: 10px; line-height: normal}

#sectionhead {margin: 63px 32px 18px 17px; font-size: 18px; color: #005542; border-bottom: 1px solid #005542;}
#sectionhead a {color: #005542; text-decoration: none}

.menuitem, .submenuitem, .subsubmenuitem {margin: 0px 7px 12px 16px}
.menuitem a, .submenuitem a, .subsubmenuitem a {color: #464646; text-decoration: none}
.menuitem a:hover, .submenuitem a:hover, .subsubmenuitem a:hover {color: #777777}
.current a {font-weight: bold; color: #005542}
.submenuitem {margin-left: 32px}
.subsubmenuitem {margin-left: 48px}

.leftmenuarrow {display: inline; width: 6px; height: 9px; background-image: url(../graphics/design/arrow_left_menu.gif); background-repeat: no-repeat; background-position: right center}
.menuitem a .leftmenuarrow, .submenuitem a .leftmenuarrow, .subsubmenuitem a .leftmenuarrow  {display: none}
.menuitem a:hover .leftmenuarrow, .submenuitem a:hover .leftmenuarrow, .subsubmenuitem a:hover .leftmenuarrow {display: inline}

.current a .leftmenuarrow {display: inline}


#breadcrumb {font-size: 12px; color: #464646; margin: 11px 16px 40px 16px}
#breadcrumb a {color: #959595; text-decoration: underline}
#functionlinks1 {font-size: 9px; margin: 40px 0px 0px 0px}
#functionlinks1 a {color: #959595; text-decoration: underline}
#functionlinks1 img {border: 0px}
#functionlinks2 {font-size: 9px; margin: 45px 0px 95px 0px}
#functionlinks2 a {color: #959595; text-decoration: underline}
#functionlinks2 img {border: 0px}

#rightshell {line-height: 17px; width: 227px; margin-top: 200px; float: right; font-size: 12px; overflow: hidden; color: #464646}
#rightshell a {color: #005542; text-decoration: underline}
#rightshell ul {margin-left: 15px; list-style-image: url(../graphics/bullet.gif)}
.rightshellimg {border: 3px solid #CCCCCC; margin: 5px 0px 30px 0px}
#rightheader {font-size: 14px; color: #464646; border-bottom: 1px solid #464646; width: 225px; margin-bottom: 10px}


#footershell {width: 100%; background: #959595; text-align: center; overflow: hidden; background: url(graphics/design/bottombar_bg.jpg); background-color: #a9a9a9; background-repeat: repeat-x}


/* editor styles */
.quote {font-size: 24px; font-style: italic; color: #005542; line-height: normal}
.smallquote {font-size: 20px; font-style: italic; color: #005542; line-height: normal}
.quoteperson {font-size: 14px; font-style: italic; color: #005542; line-height: normal}
.greensubhead {font-size: 18px; color: #005542}
.smalltext {font-size: 10px; line-height: normal}


/* event styles */
.eventAnchor {
    margin-bottom: 5px;
}
.eventTitle {
    font-size: larger;
    font-weight: bold;
    color: #005542;
}
.eventTeaser {
    margin-bottom: 5px;
}
.eventLocation {
    color: Gray;
}
.eventSeparator {
    margin-top: 10px;
    margin-bottom: 10px;
    color: #005542;
}
    

