/*****************************************************************************************************************
Main Body Parts
*****************************************************************************************************************/
body
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #ffffff;
    background-color: #e5e5e5;
    background-image: url('../imgs/Main_BG_Tile.png');
    padding: 26px 0px 0px 0px;
    margin: 0px;
}
a
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
}
a:hover
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #72a820;
    text-decoration: none;
    font-weight: bold;
}
input
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    background-color: #9DBF37;
    border-style: solid;
    border-width: 1px 2px 2px 1px;
    border-color: #569A11;
}
#MainContainer
{
    width: 760px;
    margin: 0px auto;
    padding: 0px;
}
/*****************************************************************************************************************
Main Table Setup
*****************************************************************************************************************/
#MainTable
{
    width: 760px;
    padding: 0px;
    margin: 0px;
    border: none;
}
/*****************************************************************************************************************
Left Column
*****************************************************************************************************************/
#LeftCol
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #eb2200;
    padding: 0px;
    margin: 0px;
    width: 236px;
}
#LogoBox
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    background-image: url('../imgs/Logo_BG_Tile.png');
    background-repeat: repeat-y;
    padding: 0px;
    margin: 0px 0px 13px 0px;
    width: 219px;
    height: 218px;
    text-align: center;
}
#LogoBox img
{
    border: none;
    padding: 0px;
    margin: 0px 0px 8px 0px;
}
#LogoBox #Logo
{
    margin: 0px 0px 14px 0px;
}
/*****************************************************************************************************************
Top Menu - Home, Programs, & Contact Us Icons
*****************************************************************************************************************/
#TopMenu
{
    width: 219px;
    height: 38px;
    background-image: url('../imgs/Logo_Footer_BG.png');
    background-repeat: no-repeat;
    padding: 0px;
    margin: 0px;
}
#TopMenu ul
{
    list-style-type: none;
    width: 219px;
    height: 38px;
    padding: 0px;
    margin: 0px;
}
#TopMenu #HomeIcon
{
    background-position: left center;
    width: 27px;
    height: 11px;
    padding: 0px 0px 0px 13px;
    margin: 11px 8px 0px 17px;
    background-image: url('../imgs/Home-Icon.png');
    background-repeat: no-repeat;
    float: left;
}
#TopMenu #ProgramsIcon
{
    width: 47px;
    height: 11px;
    padding: 0px 0px 0px 13px;
    margin: 11px 8px 0px 0px;
    background-image: url('../imgs/Programs-Icon.png');
    background-repeat: no-repeat;
    background-position: left center;
    float: left;
}
#TopMenu #ContactUsIcon
{
    width: 55px;
    height: 11px;
    padding: 0px 0px 0px 15px;
    margin: 11px 8px 0px 0px;
    background-image: url('../imgs/Contact_Us_Icon.png');
    background-repeat: no-repeat;
    background-position: left center;
    float: left;
}
#TopMenu a
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    text-decoration: none;
}
#TopMenu a:hover
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #005db4;
    text-decoration: none;
}
/*****************************************************************************************************************
Left Menu - Home, Programs, Kids Page, Donors Page, & Our Staff Links
*****************************************************************************************************************/
#LeftMenu
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
    padding: 0px;
    margin: 0px;
    width: 219px;
    height: 179px;
}
#LeftMenu ul
{
    margin: 0px;
    padding: 0px;
    width: 219px;
    height: 179px;
    list-style-type: none;
}
#LeftMenu li
{
    width: 219px;
    height: 33px;
}
#LeftMenu a
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bolder;
    color: #ffffff;
    text-decoration: none;
    background-image: url('../imgs/Left_Menu_BG_Normal.png');
    background-repeat: no-repeat;
    width: 147px;
    height: 28px;
    padding: 5px 19px 0px 53px;
    margin: 1px 0px 1px 0px;
    display: block;
}
#LeftMenu a:hover
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bolder;
    color: #ffffff;
    text-decoration: none;
    background-image: url('../imgs/Left_Menu_BG_Hover.png');
    background-repeat: no-repeat;
    width: 147px;
    height: 28px;
    padding: 5px 19px 0px 53px;
    margin: 1px 0px 1px 0px;
    display: block;
}
#LeftMenu a:active
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bolder;
    color: #000000;
    text-decoration: none;
    background-image: url('../imgs/Left_Menu_BG_Active.png');
    background-repeat: no-repeat;
    width: 147px;
    height: 28px;
    padding: 5px 19px 0px 53px;
    margin: 1px 0px 1px 0px;
    display: block;
}
/*****************************************************************************************************************
New and Recent Events
*****************************************************************************************************************/
#EventsBox
{
    font-size: 1px;
    background-color: #ffffff;
    padding: 0px;
    margin: 0px;
    width: 236px;
    height: 236px;
}
#EventContainer
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #eb2200;
    background-color: #ffffff;
    padding: 0px;
    margin: 0px;
    width: 236px;
    height: 182px;
}
#EventContainer img
{
    padding: 0px;
    margin: 0px;
    border: none;
    float: left;
    width: 55px;
    height: 182px;
}
#EventContainer ul
{
    margin: 0px;
    padding: 0px;
    width: 181px;
    height: 178px;
    float: right;
    list-style-type: none;
}
#EventContainer li
{
    background-position: left 4px;
    margin: 0px;
    padding: 0px 17px 9px 13px;
    width: 151px;
    height: 80px;
    background-image: url('../imgs/Arrow_Bullet_Right.png');
    background-repeat: no-repeat;
    display: block;
}
#EventContainer a
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #eb2200;
    text-decoration: underline;
}
#EventContainer a:hover
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #005db4;
    text-decoration: underline;
}
#EventContainer a:active
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    text-decoration: underline;
}
#EventAdBox
{
    padding: 0px;
    margin: 10px 23px 3px 0px;
    width: 213px;
    height: 103px;
}
#EventAdBox img
{
    border: none;
    padding: 0px;
    margin: 0px;
    width: 213px;
    height: 103px;
}
/*****************************************************************************************************************
Middle Column
*****************************************************************************************************************/
#MiddleCol
{
    background-color: #005db4;
    background-image: url('../imgs/Main_Content_BG.png');
    background-repeat: repeat-y;
    width: 328px;
}
#MiddleCol h1
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: normal;
    color: #FFFFFF;
    padding: 0px;
    margin: 27px 42px 12px 42px;
}
#MiddleCol h3
{
    padding: 0px;
    margin: 0px 41px 0px 41px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #FFFFFF;
}
iframe
{
    padding: 0px;
    margin: 0px 5px 10px 5px;
}
/*****************************************************************************************************************
Right Column
*****************************************************************************************************************/
#RightCol
{
    width: 196px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    background-color: #ffffff;
    color: #000000;
}
#RightCol h1
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    color: #000000;
    font-weight: normal;
    padding: 0px;
    margin: 0px 12px 5px 22px;
}
#RightCol h2
{
    padding: 0px;
    margin: 6px 12px 3px 22px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
}
#RightCol h3
{
    padding: 0px;
    margin: 3px 12px 3px 22px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
}
#RightCol h4
{
    padding: 0px;
    margin: 3px 12px 3px 22px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    text-align: right;
}
#NewsThumb
{
    border-style: none;
    padding: 0px;
    margin: 9px 12px 6px 12px;
    width: 172px;
    height: 121px;
}
#RightCol a
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
}
#RightCol a:hover
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #005db4;
    text-decoration: none;
}
#RightCol a:active
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #f6eb00;
    text-decoration: none;
}
#RightAdBox
{
    padding: 0px;
    margin: 18px 8px 0px 8px;
    width: 180px;
    font-size: 1px;
}
#RightAdBox img
{
    border: none;
    padding: 0px;
    margin: 0px 0px 7px 0px;
}
/*****************************************************************************************************************
Footer Items
*****************************************************************************************************************/
#FooterLeftCol
{
    font-size: 1px;
    margin: 0px;
    padding: 0px;
    width: 236px;
    height: 10px;
}
#FooterMiddleCol
{
    font-size: 1px;
    margin: 0px;
    padding: 0px;
    width: 328px;
    height: 10px;
    background-image: url('../imgs/Main_Content_Footer.png');
    background-repeat: no-repeat;
}
#FooterRightCol
{
    font-size: 1px;
    margin: 0px;
    padding: 0px;
    width: 196px;
    height: 10px;
    background-image: url('../imgs/Right_Content_Footer.png');
    background-repeat: no-repeat;
}
#CopyRight
{
    height: 71px;
    width: 760px;
    margin: 0px;
    padding: 16px 0px 0px 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
    text-align: center;
}
#CopyRight a
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
}
#CopyRight a:hover
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #ffffff;
    text-decoration: none;
}