a
{
    font-family: Trebuchet MS, Helvetica, sans-serif;
    font-size: 12px;
    color: #C16D00;
    text-decoration: none;
}
a:hover
{
    font-family: Trebuchet MS, Helvetica, sans-serif;
    font-size: 12px;
    color: #C16D00;
    text-decoration: underline;
}
#innertube a
{
    font-family: Trebuchet MS, Helvetica, sans-serif;
    font-size: 12px;
    color: #505050;
    text-decoration: underline;
}
#innertube a:hover
{
    font-family: Trebuchet MS, Helvetica, sans-serif;
    font-size: 12px;
    color: #505050;
    text-decoration: none;
}
body
{
    background-attachment: scroll;
    background: #888888 url(/Images/bg.gif) top center repeat-y; /*background-color: #666;*/
    margin: 0;
}
html > body
{
    margin: 0;
}
input, textarea
{
    font-family: Trebuchet MS, Helvetica, sans-serif;
    font-size: 12px;
    color: #505050; /* padding-bottom: 3px;*/
}
input
{
    height: 15px;
}
.select
{
    height: 21px;
}
p, h1, h2, h3, h4, ul, ol
{
    font-family: Trebuchet MS, Helvetica, Sans-Serif;
    margin-bottom: 0;
    margin-top: 0;
}
span, table, select, p
{
    font-family: Trebuchet MS, Helvetica, sans-serif;
    font-size: 12px;
    color: #505050; /*line-height: 1.6em;*/
}
table
{
    border: none;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0;
    padding: 0;
}
/*------------------- CLASS --------------------*/
.borderbottom
{
    border-bottom: 1px solid #333;
}
.button
{
    font-family: Trebuchet MS, Helvetica, sans-serif;
    font-size: 12px;
    height: 21px;
    color: #333333;
    cursor: hand;
    background-image: url(/images/form_btn_tile.gif);
    background-color: White;
    border: 1px solid #BCBAA2;
}
.category
{
    font-style: italic;
}
.copyright
{
    font-family: Trebuchet MS, Helvetica, sans-serif;
    font-size: 11px;
    color: #eee;
    padding-left: 200px;
}
.hdr
{
    background: #f2f2f2 URL(/Images/header.jpg) repeat-x bottom left;
    height: 19px; /*border-bottom: 1px solid #ccc;*/
    padding: 2px 15px 2px 15px;
    text-align: center;
    color: #333; /*font-weight:bold;*/
    line-height: normal;
}
.hdr_MP3
{
    background: #f2f2f2 URL(/Images/header.jpg) repeat-x bottom left;
    height: 19px;
    border-bottom: 1px solid #ccc;
    padding: 3px 15px 1px 15px;
    text-align: center;
    color: #333; /*font-weight:bold;*/
    line-height: normal;
    width: 650px;
}
.menu
{
    text-align: right;
    padding-top: 20px;
    padding-right: 15px;
}
.menu a
{
    color: #edefb4;
}
.menuitem
{
    padding-bottom: 1px;
}
.pad
{
    padding: 0 10px 0 5px;
}
.padRight5
{
    padding-right: 5px;
}
.padRight10
{
    padding-right: 10px;
}
.padRight15
{
    padding-right: 15px;
}
.padRight20
{
    padding-right: 20px;
}
.padRight25
{
    padding-right: 25px;
}
.padRightNull
{
    padding-right: 0;
}
.space5
{
    height: 5px;
}
.space10
{
    height: 10px;
}
.space15
{
    height: 15px;
}
.space20
{
    height: 20px;
}
.space25
{
    height: 25px;
}
.subtitle, legend
{
    /*font-style: oblique;     font-family: Verdana, Helvetica, sans-serif;     font-weight: bold;*/
    font-size: 12px;
    color: #C16D00;
}
.subtitle2
{
    /*font-style: oblique;     font-family: Verdana, Helvetica, sans-serif; */
    font-weight: bold;
    font-size: 12px;
    color: #333;
}
.textLookUp
{
    height: 19px;
    background-color: #536548;
    border: 1px solid #edefb4;
    padding: 0 2px 0 2px;
    color: #edefb4;
}
.title
{
    font-family: Trebuchet MS, Helvetica, sans-serif;
    font-size: 16px;
    color: #000; /*font-weight: bold;*/
    padding-bottom: 10px;
}
/*------------------- ID --------------------*/
#background
{
    float: none;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    width: 900px;
    border-top: 3px solid #fff;
    border-bottom: 3px solid #fff;
}
#clock
{
    font-family: Trebuchet MS, Helvetica, sans-serif;
    padding-top: 12px;
    padding-left: 730px;
    font-size: 11px;
    color: #aaa;
}
#container
{
    background: #fff URL(/Images/bg_body.jpg) top left no-repeat;
    width: 714px;
}
#copyright
{
    float: none;
    margin-left: auto;
    margin-right: auto;
    padding-top: 3px;
    padding-bottom: 10px;
    width: 900px;
}
#corner
{
    width: 186px;
    height: 30px;
    background-color: #253d28;
}
#footer
{
    height: 30px;
    background-color: #ccc;
}
#header
{
    background: #fff URL(/Images/bg_shadow.jpg) top left repeat-x;
    height: 59px;
}
#innertube
{
    padding: 16px 15px 30px 15px;
    width: 498px;
}
#innertube_member
{
    padding: 16px 15px 30px 15px;
    width: 684px;
}
#leftcolumn
{
    width: 186px;
    background: #314d35 URL(/Images/bg_menu.jpg) top left no-repeat;
}
#logo
{
    width: 186px;
    height: 59px;
    background: #fff URL(/Images/bg_logo.jpg) top left no-repeat;
}
#main
{
    width: 528px;
}
#ctl00_rightcolumn
{
    width: 185px;
    background-color: #fff;
    padding: 20px 0 25px 15px;
    margin: auto; /*border-left: 1px solid #ddd;*/
}
#ctl00_rightcolumn .subtitle
{
    font-family: Trebuchet MS, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    color: #666;
    padding-left: 3px;
    padding-top: 2px;
    padding-bottom: 0;
    background-color: #ededed;
    height: 19px;
    width: 155px;
}
#ctl00_rightcolumn p .anchor
{
    font-size: 11px;
}
#ctl00_rightcolumn p
{
    padding-bottom: 8px;
}
#ctl00_rightcolumn p img
{
    padding-bottom: 10px;
}
.gradualfader
{
    filter: progid:DXImageTransform.Microsoft.alpha(opacity=50);
}

/*------------------- Event Colors --------------------*/
.event
{
    font-family: sans-serif;
    font-weight: normal;
    font-size: 11px;
    color: #3333cc; /*blue*/
}
.birthday
{
    font-family: sans-serif;
    font-weight: normal;
    font-size: 11px;
    color: #669966; /*green*/
}
.anniversary
{
    font-family: sans-serif;
    font-weight: normal;
    font-size: 11px;
    color: #cc9933; /*orange*/
}
.communion
{
    font-family: sans-serif;
    font-weight: normal;
    font-size: 11px;
    color: #cc66cc; /*purple*/
}
.nursery
{
    font-family: sans-serif;
    font-weight: normal;
    font-size: 11px;
    color: #cc3333; /*red*/
}
.communionLarge
{
    font-family: sans-serif;
    font-weight: normal;
    font-size: 12px;
    color: #cc66cc;
}
.nurseryLarge
{
    font-family: sans-serif;
    font-weight: normal;
    font-size: 12px;
    color: #cc3333;
}
.hideDays
{
    display: none;
}
/* ------------------------- MODAL -------------------------- */
.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}
.collapsePanelHeader
{
    width: 670px;
    height: 20px;
    color: Yellow;
    background-color: Black;
    font-weight: bold;
    float: none;
    padding: 5px;
    cursor: pointer;
    vertical-align: middle;
}
.collapsePanel
{
    width: 100%;
    height: 0;
    background-color: white;
    overflow: hidden;
}
/* ------------------------- GRID -------------------------- */
.GridViewBorder
{
    border-top: 1px solid #dbdbdb;
}
.GridViewStyle
{
    background-color: #fff;
    padding: 3px;
    width: 100%;
}
/*.GridViewStyle a:hover
{
    color: #69a23b;
    text-decoration: none;
}*/
.GridViewHeaderStyle
{
    background-color: #947938;
    font-weight: normal;
    text-align: left;
    color: #fff;
    height: 18px;
    white-space: nowrap;
    border-bottom: 1px solid #dbdbdb;
    padding-right: 15px;
}
.GridViewRowStyle
{
    background-color: #fff;
    height: 18px;
    text-align: left; /*padding-right: 5px;*/
    border-bottom: 1px solid red;
}
.GridViewEmptyDataRowStyle
{
    padding: 2px 7px 2px 7px;
}
.GridViewAlternatingRowStyle
{
    background-color: #ededed;
    height: 18px; /*padding-right: 5px;*/
}
.GridViewSelectedRowStyle
{
    background-color: #ffffcc;
    height: 18px;
    padding-right: 15px;
}
.GridViewPagerStyle
{
    background-color: #e5f3d9;
    font-weight: normal;
    padding-left: 5px;
    color: #333;
    height: 22px;
}
/* ------------------------- MESSAGE CENTER -------------------------- */
#message
{
    position: absolute;
    top: 10px;
    right: 0;
}
#ctl00_messageWrap
{
    position: absolute;
    right: 0;
    width: 280px;
    top: 10px;
    background-color: transparent;
    display: none;
    z-index: 100;
}
#messageLeft
{
    float: left;
    position: absolute;
    background: transparent URL(/Images/message_indicator2.gif) no-repeat top right;
    width: 29px;
    height: 165px;
    cursor: hand;
}
#messageRight
{
    position: relative;
    padding: 5px;
    left: 29px;
    height: 153px;
    right: 1px;
    width: 239px;
    border: 1px solid #80b455; /*filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ececec,endColorStr=#fefefe);*/
    background-color: #fff;
}
/* ----------------------------- MODAL ----------------------------- */
.modalBackground
{
    background-color: black;
    filter: alpha(opacity=50);
    opacity: 0.5;
}