body
{
    margin: 10px 0px;
    text-align: center;
}
H1, H2, H3, H4, H5, A, UL, UL LI, P, A, DT, DD
{
    font-family: Arial, Helvetica, sans-serif;
}


/* ****************** */
/*       Layout       */
/* ****************** */
#homepage
{
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 922px;
    text-align: left;
}
#logo { float: left; }
#logo a img { border: none; }
#header
{
    background-image: none;
    height: auto;
    border-top: 0px;
}
#banner
{
    width: 705px;
    height: 74px;
    border: 2px solid #000;
    float: left;
    margin: 0px 0px 10px 10px;
    background:url(../../Images/img/banner.jpg) no-repeat top left;
}
#leftcol
{
    display: block;
    float: left;
    width: 200px;
    clear: both;
    padding: 0px;
}
#promo
{
    display: block;
    width: 196px;
    border: 0px;
    margin: 10px 0px 10px 0px;
}
#giving
{
    display: block;
    width: 196px;
    height: 40px;
    border: 0px;
    margin: 10px 0px 13px 0px;
}
#promo IMG, #giving IMG { border: 2px solid #000; }
#rightcol
{
    display: block;
    float: left;
    width: 710px;
    padding: 0px;
    margin-left: 10px;
    margin-bottom: 10px;
}
#marketing
{
    width: 710px;
    margin-top: 0px;
}
#marketing .leftphoto, #marketing .middlephoto, #marketing .rightphoto
{
    width: 226px;
    height: 149px;
    border: 2px solid #000;
}
#marketing .leftphoto, #marketing .middlephoto
{
    margin-right: 10px;
    float: left;
}
#marketing .rightphoto { float: right; }
#content
{
    width: 710px;
    float: left;
    padding: 0px;
    margin: 10px 0px 0px 0px;
    background:url(../../Images/img/indexcontentbg.gif) repeat-y bottom left;
}
#newscol
{
    width: 700px;
    float: left;
    padding: 0px;
    margin: 0px;
    
}
#eventscol
{
    width: 232px;
    float: left;
    padding-left: 3px;
    margin: 0px;
}


/* ******************** */
/*       Top Menu       */
/* ******************** */
#topnav
{
    width: 705px;
    text-align: right;
    float: left;
    border: 2px solid #000;
    margin: 0px 0px 10px 0px;
    padding: 0px;
}
#topnav H2
{
    display: none;
}
UL#mainmenu
{
    margin: 0px;
    padding: 4px 0px;
    background-color: #900;
    color: white;
    width: 100%;
    line-height: 15px;
}
ul#mainmenu { text-align: left; }
ul#mainmenu li
{
    display: inline;
    padding: 0px;
    margin: 0px;
}
ul#mainmenu li.first a
{
    background-image: none;
    padding-left: 22px;
}
ul#mainmenu li a
{
    color: white;
    text-decoration: none;
    font-size: .80em;
    font-weight: bold;
    padding: 5px 20px 3px 21px;
    margin: 0px -4px 0px 0px;
    background:url(../../Images/img/topmenubg.gif) repeat-y top left;
}
* html ul#mainmenu li a
{
    color: white;
    text-decoration: none;
    font-size: .80em;
    font-weight: bold;
    padding: 7px 20px 4px 21px;
    margin: 0px -4px 0px 0px;
    background:url(../../Images/img/topmenubg.gif) repeat-y top left;
}
ul#mainmenu li a:hover { background-color: #600; }


/* ****************** */
/*      Side Menu     */
/* ****************** */
#nav
{
    width: 196px;
    clear: both;
    background:url(../../Images/img/menudown.gif) repeat-y top left;
    border: 2px solid #000;
    margin-bottom: 10px;
}
#nav UL
{
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    font-weight: bold;
    font-size: 0.85em;
}
#nav UL LI
{
    width: 196px;
    color: #fff;
    margin: 0px;
    padding: 0px;
    border-bottom: 1px solid #bcb58f;
}
#nav UL LI A
{
    padding: 4px 5px 4px 15px !important;
    text-decoration: none;
    display: block;
    margin: 0px;
    font-size: .90em;
    color: #897655;
    width: 175px;
    background:url(../../Images/img/menubg.gif) repeat-y top left;
}
#nav UL LI A
{
    text-decoration: none
}
#nav UL LI A:hover
{
    background:url(../../Images/img/hpmenuon.gif) repeat-y top left;
    width: 180px;
}
#nav UL LI.search
{
    padding-left: 15px;
    border-bottom: 1px solid #bcb58f !important;
    padding-bottom: 0px;
    width: 181px;
    font-size: .90em;
}
#nav UL LI.search p
{
    margin-top: 10px;
    padding: 0px;
    color: #900;
}
#nav UL LI.search p.small
{
    margin-top: -10px;
    padding: 0px;
    font-size: 0.90em;
    color: #897655;
}
#nav UL LI.login
{
    padding-left: 5px;
    border: 0px;
    margin-bottom: 13px;
}
#nav UL LI.login p
{
    margin: 10px 0px 0px 10px;
    padding: 1px 0px 0px 13px;
    background-image:url(../../Images/img/login.gif);
    background-repeat: no-repeat;
}
#nav UL LI.login p a
{
    margin: 0px !important;
    padding: 0px !important;
    color: #900 !important;
    border: 0px;
    background-image: none;
    
}
#nav UL LI.login p a:hover
{
    text-decoration: underline !important;
    color: #900 !important;
    background: none;
}
#nav UL LI.login p.small
{
    margin-top: 4px;
    padding: 0px;
    font-size: 0.9em;
    color: #900;
    background-image: none;
    font-weight: normal !important;
    text-decoration: underline;
}


/* ************************ */
/*       Content Areas      */
/* ************************ */
#newscol h2
{
    width: 465px;
    margin: 0px 7px 5px 0px;
}
#newscol h2.bottom
{
    width: 465px;
    margin: 10px 7px 5px 0px;
}
#eventscol h2
{
    width: 223px;
    margin: 0px 7px 4px 6px;
}
#newscol h2, #eventscol h2
{
    font-size: 1em;
    background:url(../../Images/img/dot.gif) repeat-x bottom left;
    color: #900;
    padding-bottom: 7px;
}
h2 A { text-decoration: none; }
#newscol h3
{
    font-size: 0.85em;
    font-weight: bold;
    color: #000;
    margin: 0px;
    padding: 0px;
}
#newscol img
{
    float: right;
    margin: 5px 10px 0px 5px;
}
#content p
{
    margin: 0px;
    padding: 0px 10px 7px 0px;
    color: #333;
    line-height: 1.2em;
    font-size: 0.80em;
}
#eventscol p { padding: 0px; }
#content a:link
{
    color: #900;
    text-decoration: underline !important;
}
#content a:visited
{
    color: #900;
    text-decoration: underline !important;
}
#content a:link:hover, #content a:visited:hover { color: #900 !important; }
#content ul
{
    margin: 5px 0px 0px 6px;
    padding: 0px;
}
#content ul li
{
    padding-bottom: 7px;
    padding-top: 0px;
    list-style-type: none;
    line-height: 1.2em;
    font-size: 0.75em;
    font-weight: bold;
    color: #000;
}
#content ul li.last
{
    padding-bottom: 0px;
}
#content ul li p
{
    color: #333;
    font-weight: normal;
    font-size: 0.95em;
}
#content p.socialweb
{
    font-size: 0.60em;
    text-align: center;
    margin: 0px;
    padding-bottom: 15px;
}


/* ************************ */
/*       Footer Styles      */
/* ************************ */
#footer
{
    clear: both;
    text-align: center;
    width: 100%;
    border-top: 1px solid #000;
    font-size: .70em;
    padding-top: 7px;
    margin: 0px;
}
#footer p
{
    color: #333;
    margin-top: 4px;
}
#footer p.address
{
    font-weight: bold;
    margin-bottom: 0px;
}
#footer p a:link, #footer p a:hover, #footer p a:visited { color: #900; }

address
{
    display: none;
}


/* ************************ */
/*   Social Web Stuff       */
/* ************************ */
#content .socialweb { margin-bottom: 10px; }
#content DIV.socialweb P.calendarevent
{
 margin-left: 0px;
 margin-bottom: 7px;
 line-height: 1.05em;
 padding-left: 5px;
}

#content .socialweb p.calendarevent small { display: block; font-size: 0.9em; padding-bottom: 1px; }



/* ************************ */
/*   General IR statements  */
/* ************************ */
.replace { 
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
    font-size: 1.2em;       /* Choose a font-size here that will keep the headline small enough to fit completely under the span. */
}
.replace em {
    display: block;
    position: absolute;
    top: 0; 
/*
left: 0;
*/
    z-index: 1; /* for opera5 (?) and o6/mac */
}
.replace a {
    cursor: hand;           /* for ie5.x/win, invalid */
    c\ursor: pointer;       /* reset for other browsers */
}
/* General IR statements for IE5.x mac only */
* html>body .replace { 
    position: static;
    overflow: visible;
    font-size: 10px;
/* Since overflow: hidden doesn'twork with ie5.x/mac, we choose a font-size here that will keep the headline small enough to fit completely under the span.*/
}
* html>body .replace em  { 
    position: static;
}
* html>body .replace a {
    text-decoration: none; /* ie5.0-5.1.x/mac must have this value or the underline shows through the image. */
}
* html>body #banner em {    /* for ie5.x/mac only */
    margin-bottom: -85px;   /* Required to bring text underneath image. Use the negative height of the image here.*/
}
* html>body #banner1 em {    /* for ie5.x/mac only */
    margin-bottom: -35px;   /* Required to bring text underneath image. Use the negative height of the image here.*/
}
* html>body #banner2 em {    /* for ie5.x/mac only */
    margin-bottom: -50px;   /* Required to bring text underneath image. Use the negative height of the image here.*/
}
* html>body #home em, * html>body #home2 em {    /* for ie5.x/mac only */
    margin-bottom: -48px;   /* Required to bring text underneath image. Use the negative height of the image here.*/
}
 

#item
{
    margin: 0px 0px 10px 0px;
    padding: 0px 7px 7px 7px;
    width: 182px;
    border: 2px solid #000;
    background-color: #dedede;
    float: left;
}
* html #item
{
    margin: 0px 0px 0px 0px !important;
}
#item h2
{
    width: 180px;
    background:url(../../Images/img/itemh2.gif) bottom left no-repeat;
    color: #900;
    font-size: 1.05em;
    font-weight: bold;
    margin: 3px 0px 0px 0px;
    padding: 24px 0px 6px 0px;
}
#item p
{
    color: #000;
    margin: 5px 0px 0px 0px;
    padding: 0px;
    font-size: 0.75em;
    font-weight: bold;
}
#item img
{
    float: right;
    margin-bottom: 0px;
    padding: 7px 0px 0px 7px;
}

#item p a { color: #000; text-decoration: none; }
#item p a:hover { color: #900; text-decoration: underline; }
#item img
{
    float: right;
    margin-bottom: 0px;
    padding: 7px 0px 0px 7px;
    border: 0px;
}