/* Main body */
body {
    background-color:	#6666FF;
    background-image:	url(../images/blue_background.jpg);
    background-repeat:  repeat;
    font-family:        Arial, Helvetica, sans-serif;
    font-size:          medium;
    font-style:         normal;
    text-align:         center;
    margin-top:		10px;
    margin-bottom:	10px;
    margin-left:        auto;
    margin-right:       auto;
    width:              840px;
}

img{
    border:             none;
}

/* div to cover the page */
#container { 
    background-color:   white;
    border-color:       silver;
    border-style:       dotted;
    border-width:       1px;
    padding:            10px;
    width:              840px;
}

/* heading */
#masthead {
    padding:            0px;
}
#masthead_left {
    float:              left;
}
#masthead_right {
    float:              right;
}

/* today's date */
#date_bar { 
    background-color:   #28B4E4;
    color:              white;
    font-size:          90%;
    padding-top:        2px;
    padding-bottom:     2px;
    margin-bottom:      10px;
    width:              100%;
}

/* menu buttons */
#menu_bar {
    float:              left;
    margin-bottom:      10px;
    text-align:         left;
    width:              150px;
}
ul.menu {
    line-height:        150%;
    list-style-type:    none;
    margin:             0px;
    padding:            0px;
}
ul.menu a:link, 
ul.menu a:visited, 
ul.menu a:hover, 
ul.menu a:active {
    display:            block;
    padding:            2px 5px;
    text-decoration:    none;
}
ul.menu a:link {
    color:              white;
}
ul.menu a:visited {
    color:              white;
}
ul.menu a:hover {
    color:              black;
    background:         #28B4E4;
}
ul.menu a:active {
    color:              white;
}
li.menu_button {
    background-color:   #0060A9;
    border-color:       #0060A9;
    border-style:       outset;
    margin-bottom:      5px;
}
#menu_current a {
    background-color:   #CC3333;
    color:              white;
}

/* main content area */
#content {
    border:             none;
    height:             880px;
    margin:             0;
    padding:            0;
    width:              660px;
}

/* footer */
#footer { 
    border-left:        0;
    border-top:         10px solid #28B4E4;
    border-right:       0;
    border-bottom:      0;
    clear:              both;
    padding:            5px 0 0 0;
}
p.footer {
    color:              gray;
    font-size:          70%;
    line-height:        150%;
    padding:            0 0 0 0;
    text-align:         right;
}