/*
    pale yellow for background and
        current page menu highlight:        #f7f0c0
    blue for links:   #0a4573
    light blue for footer:  #a6c0d5;
*/
* {
    margin:0;
    padding:0;
    }


/* for all unordered lists */
ul {
    list-style:none;
    }

/* for all links */
a {
    color:#0a4573;                  /* medium blue */
    text-decoration:none;
    }
a:hover {
    text-decoration:underline;
    color:black;
    }

body {
    background-color:#f7f0c0;       /* pale yellow */
    font-family:Verdana;
    }
#wrapper {
    width:760px;
    /** to center page :
        "margin:0 auto 0 auto;" doesn't work because IE has problems
        with auto margins.  The following work-around is from
        Andy Budd's book, p. 136)
    **/
    position:relative;
    left:50%;
    margin-left: -360px;

    /** background is a 1-pixel row that's repeated down the page
        it had drop shadow and vertical cross bar           **/
    background:url('background_strip.jpg') repeat-y;
}

#page {
    /** page is centered within wrapper  **/
    width:720px;
    margin-left:20px;
    position:relative;
    background-color:white;     /* no background image */
    }


/* use a different masthead graphic that doesn't have the vertical crossbar */
#header_cal {
    width:100%;
    height:215px;
    background-image:url('header_calendar.jpg');
    }
table {
    width:100%;
    }

table td {
    width:14%;
    /* lines on top and left of each cell */
    border-top:1px solid black;
    border-left:1px solid black;
    height:120px;
    vertical-align:top;
    }

#moheader th {
    height:70px;
    }
#motitle {
    /*font-size:200%;*/
    /*color:#134777;
    color:#777369;*/
    color:black;
    font-weight:normal;
    }
.molink a {
    text-decoration:none;
    color:#e7e4d5;
    color:#dddacc;
    /*font-size:150%;*/
    }
.molink a:hover {
    color:#777369;
    }
table td.sun {
    background-color:#dae6ec;
    }
/* right border of calendar applied to Saturdays */
table td.sat {
    border-right:1px solid black;
}
/* and bottom border of calendar applied to last week */
table tr#lastweek td{
    border-bottom:1px solid black;;
    }
table td.not {
    background-color:#e7e4d5;
    background-color:#dddacc;
    }
.date {
    color:#134777;
    color:#0a4573;
    margin:3px;
    }

td.not .date {
    color:white;
    }
.event {
    margin:3px;
    font-size:70%;
    }
/*
#calendar .line {
    border-bottom:1px dotted #0a4573;
    }
*/
.special {
    background-color:#fedf87;
    }
.notime {
    background-color:#0a4573;
    color:white;
    }
.event .time {
    font-weight:bold;
    }

/* override for top of page table of links */
table#links td {
    height:30px;
    width:50%;
    font-size:90%;
    text-align:center;
    border:none;
    }


/* the following are for pop-up info windows */
/*
td a {
    position:relative;
    text-decoration:none;
    }
td a span {
    display:none;
    }
td a:hover {
    text-decoration:none;
    }
td a:hover span {
    display:block;
    position:absolute;
    bottom:2.5em;
    left:0;
    width:150px;
    background-color:#dae6ec;
    border:1px solid black;
    padding:5px;
    }
*/



#footer {
    clear:both;
    width:100%;
    height:30px;;
    border-top:3px solid #63666a;
    position:relative;
    background-color:#a6c0d5;           /* light blue */
    }
#footertext {
    position:relative;
    font-size:10pt;
    top:5px;
    left:180px;
    }