/*
 * Old JPEG Logo blue: #223088 (34,48,136) **
 * Old JPEG Logo red: #b61b21 (182,27,33)
 * 
 * Old GIF Logo blue: #213388 (33,51,136)
 * Old GIF Logo red: #b11821 (177,24,33) **
 *
 * New Logo black: #161616 (22, 22, 22)
 * New Logo gold: #efd331 (239, 211, 49)
 *
 * Light background: #ddebff (221,235,255)
 * Medium background: #6674cc (102,116,204)
 */

html, body {
    font-family: /*"Franklin Gothic Book",*/ Verdana, Arial, Helvetica, sans-serif;
    font-size: 12pt;
    color: #161616;
    margin: 0px;
    padding: 0px;
    background: #ddebff;
    text-align: center;
}

h1 {
    font-family: "Arial Black", Verdana, Arial, Helvetica, sans-serif;
    font-variant: small-caps;
    font-size: 20pt;
    color: #161616;
    text-shadow: #efd331 1px 1px 1px;
}
h2 {
    font-family: "Arial Black", Verdana, Arial, Helvetica, sans-serif;
    font-size: 14pt;
}
h3 {
    font-size: 13pt;
}

p, li {
    line-height: 1.3em;
}

ul {
    list-style-type: none;
    padding: 0px;
    margin-left: 10px;
}
ul li {
    background: url("../images/bullet.png") no-repeat 0 0.4em;
    padding-left: 20px;
}
ul ul {
    list-style-type: circle;
    margin-left: 30px;
}
ul ul li {
    background: none;
    padding-left: 0px;
}
li {
    padding-bottom: 3px;
}

a, a:link, a:visited {
    text-decoration: none;
    border-bottom: 1px dotted #999;
    color: #161616;
}
a:hover {
    border-bottom: 1px solid #00f;
}

hr.colorstripe {
    height: 5px;
}
hr.colorstripe.top {
    /*background-color: #b11821;*/
    background-color: #efd331;
}
hr.colorstripe.bottom {
    /*background-color: #213388;*/
    background-color: #161616;
}

p.colorstripe {
    border-top: 5px solid #efd331;
    border-bottom: 5px solid #161616;
    padding: 5px 0px;
}

#loading {
    position: absolute;
    top: 1em;
    left: 2em;
    padding: 1em;
    font-weight: bold;
}
#loading img {
    vertical-align: middle;
}

#bodyWrapper {
    background: #ffffff url(../images/kba-page-back.gif) repeat-y top left;
    width: 800px;
    margin: 0 auto;
    text-align: center;
}
#bodyWrapperInner {
    position: relative; /* for absolute positioned burst */
    width: 800px;
    text-align: left;
}

#banner {
    width: 800px;
    height: 158px;
    padding: 0px;
    margin: 0px;
}
#banner a, #banner a:link, #banner a:visited, #banner a:hover {
    border-bottom: 0px none;
}
#banner img {
    width: 800px;
    height: 158px;
    padding: 0px;
    margin: 0px;
    border-width: 0px;
}
@media print {
  #banner, #banner img {
    width: 615px;
  }
}

#burst {
    position: absolute;
    top: 25px;
    left: 700px;
    height: 150px;
    background: url(../images/banner_burst.gif) no-repeat center center;
    text-align: center;
    cursor: pointer;
}
#burst table {
    width: 150px;
    height: 100%;
}
#burst table td {
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    padding: 20px;
}
#burst span {
    color: #ffffff;
    background: #b11821;
}
#burst span.on {
    color: #efd331;
    text-decoration: underline;
}
@media print {
  #burst {
    display: none;
  }
}

#burstDialog {
    border: 2px solid #161616;
}
#burstDialog .dijitDialogTitleBar {
    background: #223088;
    color: #ffffff;
    padding: 4px 8px 4px 4px;
}
#burstDialog .dijitDialogPaneContent {
    background: #ddebff;
}

#sidebar {
    float: left;
    position: relative;
    width: 170px;
    background: #ffffff;
    text-align: left;

}
@media print {
  #sidebar {
    display: none;
  }
}

#sidebar .sidebarStripe {
    width: 52px;
    height: 38px;
}
#sidebar .sidebarStripe.top {
    background: url(../images/kba-connector-top.gif) no-repeat bottom left;
    margin-bottom: 5px;
}
#sidebar .sidebarStripe.middle {
    background: url(../images/kba-connector-middle.gif) no-repeat top left;
    margin-top: 1px;
    margin-bottom: 2px;
    height: 26px;
}
#sidebar .sidebarStripe.bottom {
    background: url(../images/kba-connector-bottom.gif) no-repeat top left;
    margin-top: 2px;
}

#sidebarMenuWrapper {
    margin: 2px 0px 0px 5px;
    /*background-color: #6674cc;*/
    background-color: #efd331;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

#sidebarMenu {
    font-size: 9pt;
    font-weight: bold;
    letter-spacing: 0.05em;

    /*border: 2px solid #000000;*/
    border: 2px solid #161616;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;

    background: #ddebff;

    position: relative;
    top: -3px;
    left: -3px;
}

#sidebarMenu .sidebarMenuItem {
    cursor: pointer;
    color: #223088;
}
#sidebarMenu .sidebarMenuItem.lvl1,
#sidebarMenu .sidebarMenuItem.lvl1hover {
    padding: 5px;
    border-bottom: 1px solid #223088;
    border-top: 1px solid #fff;
}
#sidebarMenu .sidebarMenuItem.lvl1hover {
    background: #ffffff;
}
#sidebarMenu .sidebarMenuItem.lvl2,
#sidebarMenu .sidebarMenuItem.lvl2hover {
    padding: 5px 0px 0px 15px;
    font-weight: normal;
}
#sidebarMenu .sidebarMenuItem.lvl2hover {
    background: #ffffff url(../images/red_bullet.gif) no-repeat left bottom;
}
#sidebarMenu .sidebarMenuItem.lvl3,
#sidebarMenu .sidebarMenuItem.lvl3hover {
    padding: 5px 0px 0px 20px;
    font-weight: normal;
    letter-spacing: normal;
}
#sidebarMenu .sidebarMenuItem.lvl3hover {
    background: #ffffff url(../images/red_bullet.gif) no-repeat left bottom;
}

#sidebarMenu a,
#sidebarMenu a:link,
#sidebarMenu a:visited,
#sidebarMenu a:hover {
    text-decoration: none;
    border-bottom: 0px none;
    color: #223088;
}

#sidebarMenu .dijitTitlePaneTitle {
    border: 0px none;
    background: transparent;
    padding: 0px;
}

#sidebarMenu .dijitTitlePaneContentOuter {
    border: 0px none;
    background: transparent;
    clear: right;
}

#sidebarMenu .dijitTitlePaneContentInner {
    padding: 0px;
}

.sidebarBox {
    border-width: 1px 2px 2px 1px;
    border-style: solid;
    border-color: #161616;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #ffffff;
    font-size: 9pt;
    margin: 2px 0px 2px 2px;
    width: 170px;
    padding: 2px;
}

#announcement {
    background: #b11821;
    color: #ffffff;
    width: 164px;
    padding: 5px;
}
#announcement #announcementTitle {
    font-weight: bold;
    font-variant: small-caps;
    color: yellow;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px dashed #ffffff;
}

#constantContact {
    padding: 2px;
}
#constantContact a, #constantContact a:link, #constantContact a:visited {
    border-bottom: 0px none;
}
#constantContact table tr td > a:hover {
    border-bottom: 1px solid #00f;
}

/*
#facebook {
    margin: 2px 0px 2px 2px;
}
#facebook a, #facebook a:link, #facebook a:visited {
    border-bottom: 0px none;
}
#facebook img {
    width: 174px;
}
*/

#social {
}
#social div {
    clear: both;
    height: 50px;
    text-align: left;
    padding: 2px;
}
#social a, #social a:link, #social a:visited {
    border-bottom: 0px none;
    height: 50px;
}
#social img {
    cursor: pointer;
    float: left;
    height: 48px;
    margin-right: 2px;
    width: 48px;
}
#social #blog img {
    height: 38px;
    width: 38px;
    margin: 2px;
    
    border: 3px ridge #213388;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
#social label {
    color: #213388;
    cursor: pointer;
    position: relative;
    top: 5px;
    left: 5px;
}
#social #youtube label {
    top: 0px;
}
#social .place {
    display: block;
    font-size: 12pt;
    font-weight: bold;
}

#quoteOfWeek {
    padding: 0px; /* jlQow has own padding */
    width: 174px; /* increase to compensate */
}
#quoteOfWeek #jlQow {
    border: 0px none;
    font-size: 9pt;
}

#mainWrapper {
    float: right;
    width: 615px;
    padding-right: 15px;
    text-align: center;
}
@media print {
  #mainWrapper {
    float: none;
  }
}

#main {
    background: #ffffff;
    padding-left: 2.5em;
    padding-right: 2.5em;
    padding-top: 2em;
    margin: 0 auto;
    text-align: left;
}
@media print {
  #mainWrapper {
    padding-left: 0px;
  }
}

#footer {
    clear: both;
    padding: 0px;
    text-align: center;
    padding: 2em 10% 0px 12%;
}
#footer #footerInner {
    border-collapse: collapse;
    margin: 0 auto;
    padding: 0px;
    position: relative;
    top: 20px;
}
#footer #footerInner .footerStripe {
    width: 38px;
}
#footer #footerInner .footerStripe.left {
    background: url(../images/kba-connector-left.gif) no-repeat right bottom;
}
#footer #footerInner .footerStripe.right {
    background: url(../images/kba-connector-right.gif) no-repeat left bottom;
}
#footer #footerInner #footerMiddle {
    text-align: center;
    padding-right: 1em;
    padding-left: 1em;
    font-size: 9pt;
    color: #223088;
    border: 1px solid #161616;
    /*background: #ffffff url(../images/anna_black_belt.jpg) no-repeat center center;*/
    background: #ffffff;
}
#footer #footerInner #footerAddress {
    margin-top: 1em;
    margin-bottom: 1em;
    font-weight: bold;
}
#footer #footerInner #footerAddress a {
    color: #223088;
    text-decoration: none;
    border-bottom: 0px none;
}
#footer #footerInner #footerAddress a:hover {
    border-bottom: 0px none;
}
#footerVP {
    text-align: center;
    font-size: 7pt;
    padding: 2em;
}

#bottom {
    clear: both;
    width: 800px;
    height: 25px;
    text-align: left;
    margin: 0px;
    padding: 0px;
}
/*
#bottom #blCorner {
    float: left;
    width: 25px;
    height: 25px;
    margin: 0px;
    padding: 0px;
}
*/

@media print {
  #footer {
    width: 615px;
    padding: 2em 0px 0px 0px;
  }
  #footer #footerInner {
    top: 0px;
  }
  #footer #footerInner .footerStripe {
    display: none;
  }
  #bottom {
    display: none;
  }
  #footerVP {
    width: 615px;
  }
}


#calendarHeader {
    margin: 5px 1em;
    height: 18px;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.05em;
    vertical-align: middle;
}
#calendarHeader a,
#calendarHeader a:link,
#calendarHeader a:visited,
#calendarHeader a:hover {
    text-decoration: none;
    border-bottom: 0px none;
    color: #223088;
}
#calendarHeader a img {
    border: 0px none;
    vertical-align: bottom;
}
@media print {
  #calendarHeader {
    display: none;
  }
}


.bodyText {
    text-align: justify;
}

.dropfirst {
    /*background: #223088;
    color: #ffffff;*/
    /*color: #223088;*/
    color: #161616;
    text-shadow: #efd331 1px 1px 1px;
    font-weight: bold;
    font-variant: small-caps;
    /*font-size: 1.5em;*/
    white-space: nowrap;
}
.dropcap {
    float: left;
    font-size: 2.5em;
    line-height: 1em;
    /*
    border-top: 1px solid #ddebff;
    border-left: 1px solid #ddebff;
    border-right: 1px solid #6674cc;
    border-bottom: 1px solid #6674cc;
    padding: 2px;
    */
    /*
    border: 2px ridge #b11821;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 2px;
    */
    margin-right: 2px;
    margin-top: 0px;
}

.imgWrapper {
}
.imgWrapper.left {
    float: left;
    margin: 0px 1.5em 1.0em 0px;
}
.imgWrapper.right {
    float: right;
    margin: 0px 0px 1.0em 1.5em;
}
.imgWrapper img {
}
.imgWrapper .caption {
    display: block;
    text-align: center;
    font-size: 9pt;
}

.quote {
    background: #efefef url("../images/quote.gif") no-repeat 10px 10px;
    padding: 10px 20px 10px 52px;
    /*border-top: 2px solid #b11821;*/
    border-top: 2px solid #efd331;
    /*border-bottom: 2px solid #213388;*/
    border-bottom: 2px solid #161616;
    margin-top: 1em;
    margin-bottom: 1em;
    text-align: justify;
    font-size: 10pt;
}
.quote.left {
    float: left;
    clear: left;
    margin-right: 2em;
    width: 250px;
}
.quote.right {
    float: right;
    clear: right;
    margin-left: 2em;
    width: 250px;
}
.quote.center {
    margin-left: 15%;
    margin-right: 15%;
    width: 400px;
}
.quote .signature {
    display: block;
    font-family: serif;
    font-style: italic;
    text-align: right;
}
.quote q {
    display: block;
    padding-bottom: 5px;
}

.bordered {
    /*border-top: 2px solid #b11821;*/
    border-top: 2px solid #efd331;
    /*border-bottom: 2px solid #213388;*/
    border-bottom: 2px solid #161616;
}