﻿/***************************** 
page 
*****************************/

/* page left */

.pageLeftWrap
{
    width: 590px;
    margin: 0 20px 0 0;
    float: left;
}

.pageHead
{
    background: #000 url(/images/feed_head.png) no-repeat;
    width: 560px;
    height: 60px;
    padding: 0 15px 0 15px;
    float: left;
    line-height: 60px;
    overflow: hidden;
}

.pageBody
{
    background: #fff;
    width: 560px;
    padding: 0 15px 0 15px;
    float: left;
}

.calendarImg
{
    width: 80px;
    height: 80px;
}

.regFormImg
{
    float:left;
    width:80px;
    height:80px;
}

.pageTail
{
    background: url(/images/feed_tail.png) no-repeat;
    width: 590px;
    height: 10px;
    margin: 0 0 10px 0;
    float: left;
}

.pageHeadEx
{
    background: #000 url(/images/feed_head_ex.png) no-repeat;
    width: 878px;
    height: 60px;
    padding: 0 15px 0 15px;
    float: left;
    line-height: 60px;
    overflow: hidden;
}

.pageBodyEx
{
    background: #fff;
    width: 878px;
    padding: 0 15px 0 15px;
    float: left;
}

.pageTailEx
{
    background: url(/images/feed_tail_ex.png) no-repeat;
    width: 908px;
    height: 10px;
    margin: 0 0 10px 0;
    float: left;
}

/* page right */

.pageRightWrap
{
    width: 296px;
    float: left;
}

/* page right - head */

.msgBoxHead
{
    background: url(/images/msg_box_head.png) no-repeat;
    width: 276px;
    height: 26px;
    padding: 4px 0px 0px 20px;
    float: left;
    line-height: 20px;  
}

.msgBoxHead h2
{
    color: #FFD400; /* title yellow */
}

.msgBoxHead h2:hover
{
    text-decoration: underline;
    color: #FFD400; /* title yellow */
}

/* page right - tail */

.msgBoxTail
{
    width: 296px;
    height: 5px;
    margin: 0 0 10px 0;
    float: left;
}

.msgBoxTailBL
{
    background: url(/images/curve_bl_trans.png) no-repeat top left;
    width: 5px;
    height: 5px;
    float: left;
}

.msgBoxTailCnt
{
    background: #fff;
    width: 286px;
    height: 5px;
    float: left;
}

.msgBoxTailBR
{
    background: url(/images/curve_br_trans.png) no-repeat top right;
    width: 5px;
    height: 5px;
    float: right;
}

/* page right - body */

.msgBoxBody
{
    background: #fff;
    padding: 20px 18px 10px 18px;
    float: left;    
}

.msgBoxBodyImg
{
    width: 260px;
    height: 200px;
    margin: 0 0 15px 0;
}

.msgBoxBodyImg img
{
    width: 260px;
    height: 200px;
}

.msgBoxBodyTxt
{
    width: 260px;
    height: 145px;
    overflow: hidden;
}

.msgBoxBodyTxt div
{
    padding: 0 0 2px 0;
}

/* body ex - dyn box */

#LatestNews
{
    width: 900px;
    height: auto;
    float: left;
}

#FundraisingEvents
{
    width: 900px;
    height: auto;
    float: left;
}

.dynBoxItm
{
    width: 900px;
    padding: 0 0 10px 0;
    float: left;
}

.dynBoxItmImg
{
    width: 50px;
    height: 50px;
    padding: 0 10px 0 0;
    float: left;
}

.dynBoxItmImg img
{
    width: 50px;
    height: 50px;
}

.dynBoxItmTxt
{
    padding: 0;
    float: left;
}

.dynBoxItmTxt div
{
    max-width: 800px;
    padding: 0 0 2px 0;  
}

.dynBoxItmTxt div h2
{
    padding: 0;
}

.dynBoxItmTxt div p
{
    padding: 0;
}

/* body ex - calendar */

#calendar
{
    width: 900px;
    height: auto;
    padding: 0;
    margin: 0;
    float: left;
}

.calendarBody
{
    border: #ccc;
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 10pt;
    font-weight: bold;
    text-align: center;
}

.calendarBody td
{    
    /*border: 2px solid #ccc;*/
    padding: 0;
    text-align: center;
    vertical-align: middle;
}

.calendarBody td a
{
   /* font-size: 15pt;*/
}

.calendarBody th
{
    border: 1px solid #ccc;    
    padding: 0;
    text-align: center;
    vertical-align: middle;
    font-size: 10pt;
}

.calendarTitle
{
    background: url(/images/calendar_title.png);
    width: auto;
    height: 60px;
    font-size: 10pt;
    color: #000;
}

.calendarNextPrev
{
    color: #000;
}

.calendarDayHeader
{
    background: url(/images/calendar_cell.png);
    width: 80px;
    height: 60px;
}

.calendarDay
{
    background: url(/images/calendar_cell.png);
    width: 80px;
    height: 60px;
    vertical-align: middle;
}

.calendarWeekendDay
{
    background: url(/images/calendar_cell.png);
}

.calendarTodayDay
{
    background: url(/images/calendar_cell_sel.png);
}

.calendarSelectedDay
{
    background: url(/images/calendar_cell_sel.png);
}

/* body ex - sitemap */

#sitemap
{
    width: 900px;
    height: auto;
    padding: 0;
    margin: 0;
    float: left;
}

#sitemap ul li
{
    list-style-type: circle;
    padding: 3px 0 3px 0;
}

#sitemap ul li a
{
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 12pt;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    color: #000;
}

#sitemap ul li a:hover
{
    text-decoration: underline;
}

#sitemap ul li ul li
{
    list-style-type: circle;
    padding: 2px 0 5px 0;
}

#sitemap ul li ul li a
{
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 10pt;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    color: #000;
}

#sitemap ul li ul li a:hover
{
    text-decoration: underline;
    cursor: pointer;
}

/* body ex - search */

#search
{
    width: 900px;
    height: auto;
    padding: 0;
    margin: 0;
    float: left;
}

.searchItm
{
    width: 900px;
    padding: 3px 0 3px 0;
    float: left;    
}

.searchItm img
{
    width: 20px;
    height: 20px;
    padding: 0 5px 0 0;
    float: left;
}
