#cal_main { padding: 2px;border-spacing: 4px; width: 100%}
.cal_planning { border: 1px solid blue; vertical-align: top;}
#cal_text {  width: 200px; border: 1px solid blue; vertical-align: top;}
#cal_main #cal_text p { margin: 5px; }
.cal_monthview { border: 4px outset blue; width: 85%;  margin-left: auto; margin-right: auto; padding: 3px;border-collapse: collapse;}
.cal_monthview thead { text-align: center; font-weight: bold; border-bottom: 3px double darkblue; background-color: lightgrey; font-variant: small-caps;}
.cal_daycolumn { width: 40px;}
.cal_ndaycolumn { width: 25px;}
.cal_monthview tbody td {  vertical-align: middle; border-bottom: 1px solid darkblue; margin: 5px; height: 20px; }
.cal_textday {background-color: lightgrey;}
.cal_textday p { margin-top: 0px; margin-bottom: 0px; margin-left: 3px; text-align: center; }
.cal_numday { border-right: darkgrey 1px solid; background-color: lightgrey}
.cal_numday p {margin-top: 0px; margin-bottom: 0px;}
.cal_contents div{margin-top: 0px; margin-bottom: 0px; margin-left: 4px;}
.cal_contents a { text-decoration: none; color: black}
.cal_contents a:hover { color: red; background-color: yellow;}
.cal_subtitle { font-family: serif; font-size: 7px; color: darkblue; margin: 0px; margin-left: 17px; margin-top: -2px;}
.cal_nav { text-align: center;}
.cal_nav a { text-decoration: none; }
.cal_nav a:hover { text-decoration: underline overline}
.cal_nav a.current { font-weight: bold;}