.adjustedZIndex {
    z-index: 999;
}

body    {font-family: Arial;
    font-size: medium;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    color: #000000;}
    
ul {font-family: Arial;font-size: small;font-weight: normal;font-style: normal;font-variant: normal;text-transform: none; }
p { font-size: small; font-family: Arial; white-space: normal; }
p.text { font-size: small; color: #000000; font-family: Arial; text-decoration: none; text-align: left; text-indent: 10px; white-space: normal; }

#breadcrumbs
    {
	color: #fdea12;
	background-color: #a83930;
	padding: 10px;
	float: right;
	clear: left;
	margin-bottom: 1.8em;
	}

.InvoiceNamePlate
    {
    font-family: Arial;
    font-size: small;
    vertical-align: top;
    text-align: left;
    }


.logon
  {
    font-family: Arial;
    font-size: small;
    font-weight: bold;
    font-style: normal;
    vertical-align: top;
    }

.sfTable    {
    font-family: Arial;
    font-size: small;
    }
    
.invoiceS1
    {
    font-family: Arial;
    font-size: smaller;
    }

.invoiceS2
{
    font-family: Arial;
    font-size: xx-small;
    font-style: italic;
    vertical-align: top;
}
.invoiceS1L
    {
    font-family: Arial;
    font-size: smaller;
    text-align: left;
    padding-top: 2px;
    padding-bottom: 2px;
    }
    
.invoiceS1R
{
    font-family: Arial;
    font-size: smaller;
    text-align: right;
}

.EventHeading
{
    font-family: Arial;
    font-size: medium;
    text-decoration: underline;
    font-weight: bold;
    font-variant: small-caps;
    text-transform: capitalize;
    background-color: #999999;
    width: 500px;
    height: 35px;
}

.event
{
    font-family: Arial;
    font-size: small;
    text-align: justify;
}
        
.section_title
{
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid #ba0000;
    border-bottom: none;
    voice-family: "\"}\"";
    voice-family: inherit;
    background: #ba0000;
    color: #ffffff;
    font-size: 16px;
    font-family: arial;
    text-align: left;
}

.section_title_2
{
    margin-top: 0px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid #ba0000;
    border-bottom: 1px solid #ba0000;
    background: #999999;
    color: #000000;
    font-size: 14px;
    font-family: arial;
    text-align: left;
}

.section_title_3
{
    margin-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    border: 1px solid #ba0000;
    border-bottom: 1px solid #ba0000;
    border-right: 0px;
    background: #999999;
    color: #000000;
    font-size: 14px;
    font-family: arial;
    text-align: left;
}

.section_title_mobile2
{
    margin-top: 10px;
    padding-left: 10px;
    padding-right: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid #ba0000;
    border-bottom: 1px solid #ba0000;
    background: #999999;
    color: #000000;
    font-size: 14px;
    font-family: arial;
    text-align: left;
}

.section_title_mobile1
{
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid #ba0000;
    border-bottom: none;
    voice-family: "\"}\"";
    voice-family: inherit;
    background: #ba0000;
    color: #ffffff;
    font-size: 16px;
    font-family: arial;
    text-align: left;
    font-weight: bold;
}

.whiteLink
{
    font-size: medium;
    font-family: arial;
    color: #FFFFFF;
}

.SmLink
{
    font-size: smaller;
    font-family: arial;
    color: #000000;
}
.whiteText
{
    font-family: Arial;
    font-size: medium;
    color: #ffffff;
}

.whiteTextSm
{
    font-family: Arial;
    color: #ffffff;
    font-size: small;
}

.ffWhiteOnRed
{
    padding-right: 10px;
    background: #ba0000;
    color: #ffffff;
    font-size: 16px;
    font-family: arial;
    text-align: right;
    vertical-align: top;
}

.ffWhiteOnGrey
{
    padding-right: 10px;
    background: #999999;
    color: #ffffff;
    font-size: 16px;
    font-family: arial;
    text-align: right;
    vertical-align: top;
}

.smWhiteLink
{
    font-size: small;
    font-family: arial;
    color: #FFFFFF;
}

.table { padding: 0px;    font-family: Arial;    border: thin solid #ba0000;    border-spacing: 5px;    border-collapse: collapse;    vertical-align: top;}

.dirPhotoBox {padding: 3px; font-family: Arial; width: 90px; height: 120px; background-color: #999999;}
.dirPhotoDescStaff {padding: 5px; font-family: Arial; width: 210px; }

.TableTop{    background: #ba0000;    color: #ffffff;    font-size: 14px;    font-family: arial;    text-align: center;    vertical-align: middle;    height: 40px;}
.TablePanel{    padding: 15px;    margin: 0px;     border: thin groove #ba0000;}

a.menu:link { font-size: small; color: white; font-family: Arial;  text-decoration: none; }
a.menu:active { font-size: small; color: white; font-family: Arial;  text-decoration: none; }
a.menu:visited { font-size: small; color: white; font-family: Arial; text-decoration: none; }
a.menu:hover { font-size: small; color: white; font-family: Arial; text-decoration: underline; }

a.menuXSmRed:link { font-size: x-small; color: #ba0000; font-family: Arial;  text-decoration: none; }
a.menuXSmRed:active { font-size: x-small; color: #ba0000; font-family: Arial;  text-decoration: none; }
a.menuXSmRed:visited { font-size: x-small; color: #ba0000; font-family: Arial; text-decoration: none; }
a.menuXSmRed:hover { font-size: x-small; color: #ba0000; font-family: Arial; text-decoration: underline; }

a.menuSmRed:link { font-size: small; color: #ba0000; font-family: Arial;  text-decoration: none; }
a.menuSmRed:active { font-size: small; color: #ba0000; font-family: Arial;  text-decoration: none; }
a.menuSmRed:visited { font-size: small; color: #ba0000; font-family: Arial; text-decoration: none; }
a.menuSmRed:hover { font-size: small; color: #ba0000; font-family: Arial; text-decoration: underline; }

a.menuSDGray:link { font-size: small; color: #333333; font-family: Arial;  text-decoration: none; }
a.menuSDGray:active { font-size: small; color: #333333; font-family: Arial;  text-decoration: none; }
a.menuSDGray:visited { font-size: small; color: #333333; font-family: Arial; text-decoration: none; }
a.menuSDGray:hover { font-size: small; color: #333333; font-family: Arial; text-decoration: underline; }

a.menuSDWhite:link { font-size: small; color: #FFFFFF; font-family: Arial;  text-decoration: none; }
a.menuSDWhite:active { font-size: small; color: #FFFFFF; font-family: Arial;  text-decoration: none; }
a.menuSDWhite:visited { font-size: small; color: #FFFFFF; font-family: Arial; text-decoration: none; }
a.menuSDWhite:hover { font-size: small; color: #FFFFFF; font-family: Arial; text-decoration: underline; }

a.menuRed:link { font-size: medium; color: #ba0000; font-family: Arial;  text-decoration: none; }
a.menuRed:active { font-size: medium; color: #ba0000; font-family: Arial;  text-decoration: none; }
a.menuRed:visited { font-size: medium; color: #ba0000; font-family: Arial; text-decoration: none; }
a.menuRed:hover { font-size: medium; color: #ba0000; font-family: Arial; text-decoration: underline; }

a.menuXSmBlue:link { font-size: x-small; font-family: Arial;  text-decoration: none; }
a.menuXSmBlue:active { font-size: x-small; font-family: Arial;  text-decoration: none; }
a.menuXSmBlue:visited { font-size: x-small; font-family: Arial; text-decoration: none; }
a.menuXSmBlue:hover { font-size: x-small; font-family: Arial; text-decoration: underline; }

a.menuSmBlue:link { font-size: small; font-family: Arial;  text-decoration: none; }
a.menuSmBlue:active { font-size: small; font-family: Arial;  text-decoration: none; }
a.menuSmBlue:visited { font-size: small; font-family: Arial; text-decoration: none; }
a.menuSmBlue:hover { font-size: small; font-family: Arial; text-decoration: underline; }

a.menuBlue:link { font-size: medium; font-family: Arial;  text-decoration: none; }
a.menuBlue:active { font-size: medium; font-family: Arial;  text-decoration: none; }
a.menuBlue:visited { font-size: medium; font-family: Arial; text-decoration: none; }
a.menuBlue:hover { font-size: medium; font-family: Arial; text-decoration: underline; }

a.menuBene:link { padding: 10px; font-family: Tahoma; font-size: large; font-weight: normal; font-style: normal; font-variant: normal; color: #0000FF; text-decoration: none; }
a.menuBene:active { padding: 10px; font-family: Tahoma; font-size: large; font-weight: normal; font-style: normal; font-variant: normal; color: Black; text-decoration: none; }
a.menuBene:visited { padding: 10px; font-family: Tahoma; font-size: large; font-weight: normal; font-style: normal; font-variant: normal; color: Black; text-decoration: none; }
a.menuBene:hover { padding: 10px; font-family: Tahoma; font-size: large; font-weight: normal; font-style: normal; font-variant: normal; color: #0000FF; text-decoration: underline; }

a.menuPBS:link { font-size: small; color: white; font-family: Arial;  text-decoration: none; padding-bottom: 10px; padding-top: 10px; }
a.menuPBS:active { font-size: small; color: white; font-family: Arial;  text-decoration: none; padding-bottom: 10px; padding-top: 10px; }
a.menuPBS:visited { font-size: small; color: white; font-family: Arial; text-decoration: none; padding-bottom: 10px; padding-top: 10px; }
a.menuPBS:hover { font-size: small; color: white; font-family: Arial; text-decoration: underline; padding-bottom: 10px; padding-top: 10px; }

a.bucket:visited { color: white; font-family: Arial; text-decoration: none}
a.bucket:link { color: white; font-family: Arial;  text-decoration: none}
a.bucket:hover { color: white; font-family: Arial; text-decoration: underline }
a.bucket:active { color: white; font-family: Arial;  text-decoration: none}


.HidenText label {display:none;}
.items {font-family: Arial;font-size: 11pt;}

.smXXText {font-size: xx-small; font-family: Arial;}
.smXText {font-size: x-small; font-family: Arial;}
.smText {font-size: small; font-family: Arial;}
.mdText {font-size: medium;font-family: Arial;}

.smXXBText { font-size: xx-small; font-family: Arial; font-weight: bold; }
.smXBText { font-size: x-small; font-family: Arial; font-weight: bold; }
.smBText { font-size: small; font-family: Arial; font-weight: bold; }
.mdBText { font-size: medium; font-family: Arial; font-weight: bold; }
.lgBText { font-size: large; font-family: Arial; font-weight: bold; } 
.lgXBText { font-size: x-large; font-family: Arial; font-weight: bold; }
.lgXXBText { font-size: xx-large; font-family: Arial; font-weight: bold; }

.smXXIText { font-size: xx-small; font-family: Arial; font-style: italic; }
.smXIText { font-size: x-small; font-family: Arial; font-style: italic; }
.smIText { font-size: small; font-family: Arial; font-style: italic; }
.mdIText { font-size: medium; font-family: Arial; font-style: italic; }
.lgIText { font-size: large; font-family: Arial; font-style: italic; }
.lgXIText { font-size: x-large; font-family: Arial; font-style: italic; }
.lgXXIText { font-size: xx-large; font-family: Arial; font-style: italic; }

.smXXBIText { font-size: xx-small; font-family: Arial; font-style: italic; font-weight: bold;}
.smXBIText { font-size: x-small; font-family: Arial; font-style: italic; font-weight: bold;}
.smBIText { font-size: small; font-family: Arial; font-style: italic; font-weight: bold;}
.mdBIText { font-size: medium; font-family: Arial; font-style: italic; font-weight: bold;}
.lgBIText { font-size: large; font-family: Arial; font-style: italic; font-weight: bold;}
.lgXBIText { font-size: x-large; font-family: Arial; font-style: italic; font-weight: bold;}
.lgXXBIText { font-size: xx-large; font-family: Arial; font-style: italic; font-weight: bold;}

.smXXWText { font-size: xx-small; font-family: Arial; color: #ffffff; }
.smXWText { font-size: x-small; font-family: Arial; color: #ffffff; }
.smWText { font-size: small; font-family: Arial; color: #ffffff; }
.mdWText { font-size: medium; font-family: Arial; color: #ffffff; }
.lgWText { font-size: large; font-family: Arial; color: #ffffff; }
.lgXWText { font-size: x-large; font-family: Arial; color: #ffffff; }
.lgXXWText { font-size: xx-large; font-family: Arial; color: #ffffff; }

.smXXBWText { font-size: xx-small; font-family: Arial; font-weight: bold; color: #ffffff; }
.smXBWText { font-size: x-small; font-family: Arial; font-weight: bold; color: #ffffff; }
.smBWText { font-size: small; font-family: Arial; font-weight: bold; color: #ffffff; }
.mdBWText { font-size: medium; font-family: Arial; font-weight: bold; color: #ffffff; }
.lgBWText { font-size: large; font-family: Arial; font-weight: bold; color: #ffffff; }
.lgXBWText { font-size: x-large; font-family: Arial; font-weight: bold; color: #ffffff; }
.lgXXBWText { font-size: xx-large; font-family: Arial; font-weight: bold; color: #ffffff; }

legend  { font: bold 14px Arial; color: #000000; }
fieldset { display: inline; vertical-align: top; padding: 0.5em 0.5em 0.5em 0.5em; border-color: #ba0000;}

.LeftSideBorderReg { border-color: #ba0000; border-left-style: solid; }
.RightSideBorderRed { border-color: #ba0000; border-right-style: solid; }
.LeftSideBorderGrey { border-color: #999999; border-left-style: solid; }
.RightSideBorderGrey { border-color: #999999; border-right-style: solid; }

/* ------------------------------------Menu Styles------------------------------------ */
div.sdmenu {width: 180px; margin-top: 15px; margin-bottom: 20px; font-family: Arial, sans-serif;font-size: 12px;padding-bottom: 15px;background: url(Red-Bottom.gif) no-repeat  right bottom;color: #fff;}
div.sdmenu div {background: url(Red-Top.gif) repeat-x;overflow: hidden;}
div.sdmenu div:first-child {background: url(Red-Middle.gif) no-repeat;}
div.sdmenu div.collapsed {height: 25px;}
div.sdmenu div span {display: block;padding: 5px 25px;font-weight: bold;color: white;background: url(expanded.gif) no-repeat 10px center;cursor: default;border-bottom: 1px solid #ffffff;}
div.sdmenu div.collapsed span {background-image: url(collapsed.gif);}
div.sdmenu div a {padding: 5px 10px;background: #ffffff;display: block;border-bottom: 1px solid #ddd;color: #567632;}
div.sdmenu div a.current {background : #ccc;}
div.sdmenu div a:hover {background : #999999 url(linkarrow.gif) no-repeat right center;	color: #fff; text-decoration: none;}

div.sdmenuQuick {width: 180px; margin-top: 15px;	margin-bottom: 20px; font-family: Arial, sans-serif;	font-size: 12px;	padding-bottom: 15px;	background: url(Red-Bottom.gif) no-repeat  right bottom;	color: #ffffff;}
div.sdmenuQuick div {background: url(Red-Top.gif) repeat-x; overflow: hidden;}
div.sdmenuQuick div:first-child {background: url(Red-Middle.gif) no-repeat;}
div.sdmenuQuick div.collapsed {height: 25px;}
div.sdmenuQuick div span {display: block; padding: 5px 25px;	font-weight: bold;	color: white;	background: no-repeat 10px center;	cursor: default; text-align: center; border-bottom: 1px solid #ffffff;}
div.sdmenuQuick div a {padding: 5px 10px;background: #ffffff;display: block;border-bottom: 1px solid #ddd;color: #567632;}
div.sdmenuQuick div a.current {background : #ccc;}
div.sdmenuQuick div a:hover {background : #999999 url(linkarrow.gif) no-repeat right center;color: #fff;text-decoration: none;}


.myBox {
  
  margin: 0px 0px 0px 0px;
  color: #cccccc;
  width: 1020px;
  height: 800px;
  padding: 0px;
  text-align: center;
  background-color: #fff;
  border: 3px solid #999;
  border-radius:10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  background-image: url(/kcba/images/courtroom_long.jpg);
  background-repeat: no-repeat;
  background-position: left top;}

.myBoxSections {
  
  margin: auto;
  width: 930px;
  height: auto;
  padding: 0px;
  text-align: center;
  background-color: #F5F5F4;
  border: 3px solid #F5F5F4;
  border-radius:10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  }
  
  .myBoxMainSection {
  
  margin: auto;
  width: 820px;
  height: 370px;
  padding: 0px;
  text-align: center;
  background-color: #F5F5F4;
  border: 3px solid #F5F5F4;
  border-radius:10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  }
  
  
    .myBoxPillar {
  
  width: 860px;
  height: auto;
  padding: 0px;
  padding-left: 20px;
  text-align: center;
  background-color: #cccccc;
  background-image: url('/membership/images/pillar.jpg');
  background-repeat: no-repeat;
  border: 3px solid #F5F5F4;
  border-radius:10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  }

  .myBoxJewel {
  
  width: 900px;
  margin: auto;
  height: auto;
  padding: 0px;
  padding-left: 10px;
  text-align: center;
  background-color: #F5F5F4;
  /*background-image: url('/membership/images/pillar.jpg');*/
  background-repeat: no-repeat;
  border: 3px solid #F5F5F4;
  border-radius:10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  }
  
  .myBoxMLK {
  
  margin: auto;
  width: 860px;
  height: auto;
  padding: 0px;
  text-align: center;
  background-color: #F5F5F4;
  border: 3px solid #BA0000;
  border-radius:10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  }

    .myBoxVolunteer {
  
  margin: auto;
  width: 810px;
  height: auto;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 0px;
  padding-right: 0px;
  /*padding: 0px;*/
  /*text-align: center;*/
  background-color: #cccccc;
  border: 2px solid black;
  border-radius:10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  }

 
  .myBoxAnnualDinner {
  
  margin: auto;
  width: 880px;
  height: auto;
  padding: 0px;
  border-collapse: collapse;
  text-align: center;
  background-color: #F5F5F4;
  border: 3px solid #BA0000;
  border-radius:10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  }