@media only screen and (max-width: 600px) {
    body {
    }
    .clearlogo {
	clear: both;
    }
}

.hilite {
    color: #a00000;
    font-family: Helvetica, serif;
    font-weight: bold;
}

.hilite0 {
    color: #a00000;
    font-weight: bold;
}

.updated { background-color: yellow; }

.red { color: red; font-weight: bold; }

.blue { color: blue; font-weight: bold; }

.yellow { background-color: black; color: yellow; font-weight: bold; }

.copyright {
    font-size: .7rem;
}

.calmain {
    width: 100%;
    border: 3px solid #d0d0d0;
    border-collapse: collapse;
    margin: 0;
    empty-cells: show;
    background-color: lightcyan /* rgb(224, 255, 255) */;
    font-size: 0.8rem;
}

.calcheck {
    border: 1px solid #d0d0d0;
    padding: 0;
    font-size: 0.8rem;
}

.calcheck img {
    width: 1.5em;
}

.calday {
    xwidth: 0em;
    border: 1px solid #d0d0d0;
    padding: 6px 4px 6px 4px;
    text-align: left;
    white-space: pre;
    font-weight: bold;
    font-size: 0.8rem;
}

.caldate {
    width: 4em;
    border: 1px solid #d0d0d0;
    padding: 6px 4px 6px 4px;
    text-align: right;
    white-space: pre;
    font-weight: bold;
    font-size: 0.8rem;
    text-decoration-line: inherit;
    text-decoration-color: inherit;
    text-decoration-thickness: inherit;
}

.calmon {
    float: left;
    text-align: left;
    font-weight: bold;
    font-size: 0.8rem;
    text-decoration-line: inherit;
    text-decoration-color: inherit;
    text-decoration-thickness: inherit;
}

.caldesc {
    border: 1px solid #d0d0d0;
    padding: 6px 4px 6px 4px;
    text-align: left;
    font-size: 0.8rem;
}

/* Mark a calendar item as current */
.calmark {
    //background-color: #f8f8ff;
    background-color: white;
}

/* Mark a calendar item as completed */
.caldone {
    /* display: none; */
    background-color: lightcyan /* rgb(224, 255, 255) */;
}

div.snote, div.snote0 {
    margin: 5px 20px 5px 20px;
    border: 3px solid #d0d0d0;
    border-radius: 7px;
    padding: .2em;
    background: aliceblue;
    overflow: hidden;
}

div.snote0 {
    border: none;
    padding: 0;
}

p.snote {
    margin: .5em 0px .5em 0px;
    padding: 3px;
    font-weight: bold;
}

.rphoto {
    float: right;
    margin: 2px 0px 0.5em 0.5em;
    padding: 0;
    /* border: 1px solid red; */
    width: 300px;
}

.lphoto {
    float: left;
    margin: 2px 0.5em 0.5em 0px;
    padding: 0;
    /* border: 1px solid red; */
    width: 300px;
}

.rphoto img, .lphoto img {
    margin: 0;
    /* border: 2px solid green; */
    width: 100%;
}

@media only screen and (max-width: 500px) {
    .rphoto, .lphoto {
	float: none;
	margin: 2vw auto 2vw auto;
    }
    .rphoto img, .lphoto img {
	/* width: 94vw; */
	width: 100%;
    }
}


div.fb {
    width: 100px;
    /* border: 1px solid grey; */
    font-size: 0.7rem;
}

div.fb img {
    float: left;
    margin: 0 4px 0 0;
}

.textbox {
    display: block;
    /*border: 1px dotted green; */
    /* background: yellow; */
    margin-top: 5px;
}

.excited {
    font-weight:	bold;
    font-style:		italic;

}


/* Mark an event as canceled */
.canceled {
    text-decoration-line: line-through;
    text-decoration-color: #c00000;
    text-decoration-thickness: 2px;
}

.uncanceled {
    text-decoration-line: none;
    display: inline-block;
}


/* List of Rules/Regulations */
.rules-list {
    margin-left: 1em;
    padding-left: 1em;
    border: 1px solid black;
    border-radius: 7px;
    background: #fff0d0;
    font-size: 0.8rem;
}

.rules-list li {
    margin: 2em 2em 2em 1em;
    padding-left: 1em;
}

/* Definition Lists */
dl.list { background: lightgray; }
dl.list dt { color: blue;}
dl.list dd { margin-left: 3em; margin-bottom: 1em; }


ul.spotprice {
    list-style-type: none; margin: 0; padding: 10px 2.0em;
}
ul.spotprice li {
    margin-bottom: 5px; text-indent: -2.0em;
}

dl.pricelist {
    margin: 0 0 0 1em;
}
dl.pricelist dt {
    float: left; clear: left; width: 3em;
}
dl.pricelist dd {
    margin: 0 0 0 3em; padding: 0 0 .3em 0;
}


/* Large covering alerting popup */
.popup {
    display: none;
    position: absolute;
    width: 550px;
    top: 100px;
    left: 120px;
    padding: 4px;
    border: 4px solid #ff0000;
    background-color: khaki;
    font-size: 1.0rem;
    font-family: Lucida, sans serif;
    /* font-weight: bold; */
    z-index: 10;
}

.popup-insert {
    float: right;
    margin: 2px;
    padding: 5px;
    height: 250px;
    border: 2px solid #c0c0c0;
    border: 1px solid black;
}

/* Hilight a word of text */
.flash {
    border: 4px solid gold;
    background-color: gold;
    text-decoration: underline;
}

/* recycle */
.addr {
    position: relative;
    top: -5px;
    margin: 0 0 0 2em;
    padding: 0 0 0 0;
}

.obsolete {
    text-decoration: line-through;
}

/* weather */
iframe.weather {
    border: none; width: 650px; height: 750px;
}