/* Meyer Reset http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again */
html, body, div, span, applet, object, iframe, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    background: transparent;
}
td {
vertical-align: top;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* End Reset */


/* General */
body {
    word-wrap: break-word;
    font-size: 90%;
    color: #3A2C2E;
    font-family: arial, sans-serif;
    background: #E7E2D0;
}
a {
    color: #7F4000;
}
a:hover {
    color: red !Important;
    text-decoration: underline !Important;
}
.TableCenter ol {
    margin-left: 35px;
    list-style-type: decimal !Important;
}
.TableCenter ul {
    margin-left: 35px;
    list-style: square !Important;
}
#color_key  ul {
    list-style: none !Important;
}
hr {
    height: 1px;
    border: 0; /* FF */
    background: #273446; /* FF */
    color: #273446; /* IE */
}
h1, h2, h3, h4, h5, h6  {
    color: inherit;
}

#article p {
    font-size: small;
    font-family: verdana, arial, sans-serif;
}

/* --------------- Navigation ------------ */
#navigation a {
  text-decoration: none;
}
#navigation .menu_primary   {
    height: 40px; /* Harvey: changed from 25 to 40 */
    line-height: 20px; /* Harvey: changed from 25 to 20 */
    background: #D9D1B9;
}
#navigation .menu_secondary {
    height: 20px;
    line-height: 20px;
    background: #E7E3D7;
}
#navigation .menu_primary a {
    text-align: center;
    display: block;
    padding: 5px 9px;
    line-height: 15px;
}
#navigation .menu_primary li:first-child a {
    line-height: 30px;
    border: none;
}
#navigation .menu_primary a:hover,
#navigation .menu_primary li.active a {
    color: white;
    background: #7F4000;
}
#navigation .menu_secondary a {
    background: none;
    padding: 0 7px;
    line-height: 20px;
}
#navigation .menu_secondary a:hover {
    color: white;
    background: #7F4000;
}
#navigation ul {
  margin: 0;
}
#navigation .menu_primary ul li,
#navigation .menu_secondary ul li {
    list-style: none;
    float: left;
}
#navigation .menu_primary ul a {
    border: 0;
        border-left: 1px solid #BDB497;
}


.HorizontalMenu {
    background: #D9D1B9;
}

/* Layout */
.TableHeader {
    border-bottom: 1px solid #CDCDCD;
}
.TableHeader .Container {
    height: 113px;
    background: url(../images/headerbg.gif) repeat-x;
}
.TableHeader .HeaderLeft {
    height: 113px;
    background: url(../images/header_left.gif) left no-repeat;
}
.TableHeader .HeaderRight{
    height: 113px;
    background: url(../images/header_right.gif) right no-repeat;
}
.Table {
    border-right: 1px solid #b6a779;
    border-left: 1px solid #b6a779;
    line-height: 1.5;
    margin: 0 auto;
    width: 1005px !Important;
}
.TableLeft,
.TableRight {
    width: 1%;
}
.TableLeft,
.TableCenter,
.TableRight {
    background: white;
    padding: 10px;
}
.TableFooter {
    background: black;
    border-top: 2px solid #DBD8CF;
    color: #C7BC99;
    text-align: center;
    font-size: 75%;
    padding: 10px 0;
}
.TableFooter a {
    color: #C7BC99;
}
.TableFooter a:hover {
    color: white;
}
.churchtitle,
.churchtitle_dropshadow,
.churchsubtitle,
.churchsubtitle_dropshadow {
    display: none !Important;
}

/* Document Groups
-------------------------------------------------------------- */\
#document_group th {
    padding: 5px;
    text-align: left;
}
#document_group table {
    border-collapse: collapse;
}
#document_group td {
    padding: 5px;
    border-top: 1px solid #6C7A5F;
}

/* Podcasts
-------------------------------------------------------------- */
.products_list h2 {
    background: #C7C4B8;
    padding: 5px;
}
ul.products_list {
    margin: 0;
}
.podcast {
    width: 100%;
    padding: 0;
    border: 0;
}

/* Calendar
-------------------------------------------------------------- */
.calendar {
    width: 100%;
}
.dayName {
    text-align: left;
}
.dayName th {
    border-bottom:3px solid #ABA1AB;
    font-size:85%;
    vertical-align:bottom;
    width: 75px;
    color: white;
    background-color:black;
    padding: 3px;
    height: 35px;
}
.monthName th {
    font-weight:normal;
    padding-bottom:0em;
    padding-top:0em;
    text-align:left;
}
.calendar .day,
.calendar .specialDay {
    padding: 3px;
    border-left:1px dotted #938970;
    border-bottom:1px dotted #938970;
    text-align: left;
    vertical-align: top;
    height: 75px;
    background-color:#FFFFFF;
}
.weekendDay {
    border-bottom:1px dotted #ABA1AB; text-align:left; vertical-align:top;
}
#event_calendar .today {
    color: white;
    background-color:#5A2E01;
}
#event_calendar .today a {
    color: white;
}
#event_calendar .today a:hover {
    color: #B59B80;
}
.otherMonth.weekendDay {
    color: #858278;
}
.otherMonth {
    padding: 3px;
    color: #858278;
    border-right:1px solid white;
    text-align:left;
    vertical-align:top;
    border-bottom:1px dotted #ABA1AB;
    background-color: #DBD8CF;
}
.otherMonth a {
    color: #858278;
}
.otherMonth a:hover {
    color: black;
}
.product_description p {
    margin-left:100px; width:350px;
}
.upcoming_events,
.past_events {
    margin-bottom:25px;
}

/* Scal and TinyScal */
.widget .scal .celebration {
    font-weight: bold;
    background-color: #975243 !Important;
}
.scal .daybox{
    border: 1px solid #525252;
}
.scal .dayboxname{
    border: 1px solid black;
    background-color: black;
    color:white;
    font-size:16pt;
}
.scal .dayboxsunday{
    background-color: #AFA893;
}
.scal .dayboxsaturday{
    background-color: #AFA893;
}
.scal .dayoutmonth{
    background: #817C6C;
    color: #4A473A;
}

/*
tinyscal - a mini version of the calendar type.
useful in tight spaces. usage:
define class of base element as "scal tinyscal"
as tinyscal is dependent on scal.
*/
.tinyscal {
    font-size:8pt;
    width: 250px;
    min-height:140px;
}
.tinyscal .daybox:hover {
    border-right:1px solid white;
    border-left: 1px solid white;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
}
.scal .dayselected {
    font-weight: bold;
    background-color: #B9897E;
    color: white;
}
.tinyscal .dayboxname:hover {
    border-color: transparent;
}
.tinyscal .daybox {
    border-top: 1px solid #CCC5B2;
    border-left: 1px solid #CCC5B2;
    border-right: 1px solid #525252;
    border-bottom: 1px solid #525252;
    width: 33px;
}
.tinyscal .dayboxname {
    font-weight: bold;
    font-size: 8pt;
    border: 1px solid black;
}