/*
 *  Style Sheet for all media
 *
 *  v 1.1
 *  10 October 2008
 */

body
{
 margin: 0;
 padding: 0;
 border: 0;
 font-family: Arial, Helvetica, sans-serif;
 color: #000;
 background: #ddd;
}

#wrapper
{
 margin: 0 auto 25px auto;
 border-right: 1px solid #111;
 border-bottom: 1px solid #111;
 background: #fff;
 width: 800px;
}

#header
{
 height: 150px;
 background: url(../images/header_bg.gif) no-repeat;
 background-position: 10px 10px;
}

#header #logo
{
 margin: 20px;
}

#footer
{
 clear: both;
 margin: 0;
 padding: 20px;
 text-align: right;
 font-size: 60%;
}

#footer p
{
 margin: 0;
}

/*  ----------------------------------------------------------------------------
 *  left column
 *
 */

#sidebar
{
 float: left;
 margin: 10px 0 0 0;
 padding: 0 10px 0 10px;
 width: 140px;
}

#menu
{
 margin: 0 0 30px 0;
 padding: 0;
 font-size: 75%;
}

#menu ul
{
 list-style: none;
 margin: 0;
 padding: 10px;
 background: #68A0D8;
}

#menu li
{
 padding-top: 4px;
 padding-bottom: 4px;
 border-top: 1px solid white;
 border-left: 1px solid white;
 border-right: 1px solid white;
}

#menu li a
{
 margin-left: 4px;
 padding-left: 6px;
 width: 105px;
 text-decoration: none;
 padding-top: 2px;
 padding-bottom: 2px;
 display: block;
 color: white;
}

#menu li a:hover
{
 color: #68A0D8;
 background: white;
}

#menu .bottom
{
 border-bottom: 1px solid white;
}

#links
{
 margin: 30px 0 0 10px;
 font-size: 75%;
}

#links .link_header
{
 margin-bottom: 5px;
 text-align: center;
 color: #68A0D8;
 font-size: 120%;
 font-weight: bold;
}

#links ul
{
 width: 110px;
 list-style: none;
 margin: 0;
 padding: 0;
}

#links li a
{
 padding: 5px;
 width: 100px;
 text-decoration: none;
 display: block;
}

#links li a:link, #links li a:visited
{
 color: #68A0D8;
}

#links li a:hover
{
 color: white;
 background:  #68a0d8;
}

/*  ----------------------------------------------------------------------------
 *  events column
 *
 */

#events
{
 float: right;
 margin: 10px 0 0 0;
 padding: 10px 10px 0 10px;
 width: 100px;
 font-size: 10px;
}

#events .heading
{
 margin-top: 20px;
 font-weight: bold;
 text-align: center;
}

#events .date
{
 text-align: center;
 padding: 0.5em 0 0.5em 0;
 border: 1px solid gray;
}

#events .event_item
{
 padding: 0.5em;
 border-right: 1px solid gray;
 border-left: 1px solid gray;
 border-bottom: 1px solid gray;
}

#events .event_time
{
 display: block;
 font-weight: bold;
}

#events .event_blurb
{
 margin-bottom: 4px;
 padding: 0.5em;
 border-right: 1px solid gray;
 border-left: 1px solid gray;
 border-bottom: 1px solid gray;
}

/*  ----------------------------------------------------------------------------
 *  main page (home)
 *
 */

#main_contentbox
{
 margin: 10px 120px 0 155px;
 padding: 0 10px 0 10px;
}

#main_contentbox img
{
 margin: 0 0 0 50px;
}

#main_contentbox .caption
{
 margin: 10px 0 20px;
 text-align: center;
 font-size: 12px;
}

#main_contentbox .credo
{
 padding: 20px 0 10px 0;
 font-size: 11px;
}

#main_contentbox .schedule
{
 margin: 0px auto 20px auto;
 padding: 4px;
 border: 1px solid gray;
 font-size: 75%;
}

#main_contentbox .schedule td
{
 vertical-align: top;
 padding-left: 4px;
 padding-right: 4px;
}

#main_contentbox .schedule th
{
 padding-bottom: 4px;
}

#main_contentbox .schedule .time
{
 text-align: right;
 padding-right: 0;
}

#main_contentbox .note
{
 text-align: center;
 font-size: 11px;
}

#main_contentbox .centered td
{
 padding-left: 1em;
}

/*  ----------------------------------------------------------------------------
 *  other pages
 *
 */

#contentbox
{
 margin: 10px 50px 0 190px;
 font-size: 80%;
}

#contentbox h2
{
 text-align: center;
 font-size: 1.6em;
}

#contentbox .schedule
{
 margin: 10px auto 10px auto;
}

#contentbox .centered
{
 margin: 10px auto 10px auto;
}

#contentbox .schedule .time
{
 text-align: right;
}

#contentbox .note
{
 text-align: center;
 font-size: 11px;
}

#contentbox .centered td
{
 padding-left: 1em;
}

/*  ----------------------------------------------------------------------------
 *  calendar page
 *
 */

#calendarwrapper
{
 background: #fff;
 margin: 0 auto 25px auto;
 border-right: 1px solid #111;
 border-bottom: 1px solid #111;
 width: 1080px;
}

#calendarheader
{
 height: 150px;
 background: url(../images/header_bg_c.gif) no-repeat;
 background-position: 10px 10px;
}

#calendarheader #logo
{
 margin: 20px;
}

#calendarcontent
{
 background: #fff;
 margin: 0 0 0 170px;
 font-size: 11px;
}

#month
{
 margin: 0;
}

#month tr.m_title th
{
 border-top: 1px solid gray;
 border-right: 1px solid gray;
 border-left: 1px solid gray;
 padding-top: 0.5em;
 font-size: 120%;
}

#days th
{
 color: #222;
 background: #fff;
 border-top: 1px solid gray;
 border-left: 1px solid gray;
 border-bottom: 1px solid gray;
 padding: 1px 0.33em;
}

tr#days th
{
 width: 14%;
}

tr#days th.sun
{
 width: 15%;
}

#month th.sat
{
 border-right: 1px solid gray;
}

#month td
{
 vertical-align: top;
 border-bottom: 1px solid gray;
 border-left: 1px solid gray;
 padding: 0;
 height: 160px;
}

#month td.sat
{
 border-right: 1px solid gray;
}

div.date
{
 color: #000;
 background: #F3F3F3;
 margin: 0; 
 border-bottom: 1px solid gray;
 padding: 0.25em 0.25em 0 0.25em;
 text-align: right;
}

#month td#today
{
 background: #eee;
}

td#today div.date
{
 font-weight: bold;
 text-align: center;
}

div.event
{
 margin: 0.5em;
}

div.event span
{
 display: block;
}

span.event_time
{
 font-weight: bold;
 text-align: left;
}

div.light_blue
{
 color: #000;
 background: #def;
 padding: 0.5em;
 text-align: center;
}

div.pink
{
 color: #000;
 background: #ffc0cb;
 padding: 0.5em;
 text-align: center;
}

div.green
{
 color: #000;
 background: #90ee90;
 padding: 0.5em;
 text-align: center;
}

div.purple
{
 color: #000;
 background: #f6f;
 padding: 0.5em;
 text-align: center;
}

#lastmonth
{
 border-left: 1px solid gray;
 text-align: center;
 padding-bottom: 0.5em;
 font-size: 120%;
}

#nextmonth
{
 border-right: 1px solid gray;
 text-align: center;
 padding-bottom: 0.5em;
 font-size: 120%;
}

#nextmonth a:link, #lastmonth a:link, #nextmonth a:visited, #lastmonth a:visited
{
 text-decoration: none;
 padding: 4px;
 border: 1px solid gray;
 color: #222;
}

#nextmonth a:hover, #lastmonth a:hover
{
 color: white;
 background: gray;
}