/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* Something useful to know for political sites:                                *
*    The US flag colors are #BF0A30 #FFFFFF #002868 (DarkRed, White, NavyBlue) *
* (These values were found on a number  of  sites  that  claim  some  sort  of *
* authority, so they may actually be official values.)                         *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

body.siteF {
	border: 0px dotted navy;
	text-align: left;
	margin: 0;
	padding: 0;
}

body.siteM {
	border: 0px dotted navy;
	text-align: left;
	margin: 0;
	padding: 0;
}

hr {
	border: 1px solid navy;
	margin:  0px;
	padding: 0px;
}

hr.msghdr {
	border: 1px dotted orange;
	margin:  0px;
	padding: 0px;
}

.top {
	text-align: top;
}

div.B {
	border: 2px dotted green;
	width: 100%;
	text-align: right;
}
div.badlogin {
	border: 12px ridge red;
	width: 80%;
	padding: 20px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.L {text-align: left}
.C {text-align: center}
.R {text-align: right}

.left   {text-align: left}
.center {text-align: center}
.right  {text-align: right}
.top    {text-align: top}
.bottom {text-align: bottom}

div.Bulletin {
	border: 0px dotted green;
	text-align: center;
	padding: 2;
}

table.Bulletin {
	border: 1px solid blue;
	text-align: left;
	padding: 2px;
	margin-left: auto;
	margin-right: auto;
}

#dl.Bulletin {
#	border: 2px dotted purple;
#	text-indent: 0px;
#	padding: 2;
#}
#
#dt.Bulletin {
#	border: 2px dotted orange;
#	text-indent: 0px;
#	padding: 2;
#}
#
#dd.Bulletin {
#	border: 2px dotted green;
#	text-indent: 0px;
#	padding: 2;
#}

table.TV {
	border: 2px solid blue;
	text-align: left;
	padding: 2px;
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
}

td.bodystyle {
	border: 1px solid DarkGreen;
	text-align: left;
	vertical-align: top;
	padding: 1px;
	padding: 1px;
	font-size: smaller;
}

div.info {
	border: 0px dotted green;
	text-align: center;
	margin: 0;
	padding: 0;
/*	margin: 1px 5px 1px 5px; */
}

div.body {
	border: 0px dotted orange;
	bgcolor: white;
	text-align: left;
}

blockquote {
	border: solid orange;
	border-width: 1px 0px 1px 3px;
	margin: 1px 0px 1px 5px;
	text-align: left;
	padding: 1px;
}

blockquote.msgF {
	border: solid navy;
	border-width: 1px 0px 1px 4px;
	margin: 1px 0px 1px 5px;
	text-align: left;
	padding: 1px;
	margin: 4px;
}

blockquote.msgM {
	border: solid navy;
	border-width: 1px 0px 1px 2px;
	margin: 1px 0px 1px 5px;
	text-align: left;
	padding: 0px;
	margin: 4px;
}

/*
*/
div.date {
/*	width: 95%; */
	border: 0px dotted orange;
	text-align: center;
	vertical-align: center;
	margin:  0px;
}

div.selectF {
	border: 0px solid blue;
	margin: 4px 8px;
	text-align: left;
}

div.selectM {
	border: 0px solid blue;
	margin: 2px 4px;
	text-align: left;
}

div.blogdescF {
	border: 0px solid darkgreen;
	margin: 4px 8px;
	text-align: left;
}

div.blogdescM {
	border: 0px solid darkgreen;
	margin: 2px 4px;
	text-align: left;
}

div.message {
	border: solid darkgreen;
	border-width: 1px 0px 1px 2px;
	margin: 1px 0px 1px 5px;
	text-align: left;
}

div.newmsg {
	border: 0px dotted darkgreen;
/*	border-width: 1px 0px 1px 2px; */
	margin: 1px 0px 1px 5px;
	text-align: left;
}

div.announces {
	border: 2px dotted green;
	margin: 1px;
	text-align: left;
}

div.announce {
	border: 2px solid green;
	text-align: left;
}

div.msgs {
	border: 0px dotted orange;
	margin: 1px 0px 1px 5px;
	text-align: left;
}

div.msghtml {
	border: 2px solid navy;
	text-align: left;
}

div.msgraw {
	border: 2px solid green;
	text-align: left;
}

div.schedule {
	border: 0px dotted orange;
	text-align: left;
}

div.links {
	border: 0px dotted navy;
	border-collapse: collapse;
	margin: 1px;
}

div.linkswrapper {
	border: dotted navy;
	border-width: 1px 0px 1px 1px;
	border-collapse: collapse;
	margin: 0px;
}

div.previewtext {
	border: solid green;
	border-width: 1px 0px 1px 2px;
	border-collapse: collapse;
	margin: 1px 0px 1px 5px;
}

div.textwrapper {
	border: 1px dotted magenta;
/*	border-width: 1px 0px 1px 3px; */
	border-collapse: collapse;
	margin: 0px;
}

input.editdata {
	width: 99%;
	border-width: 1px 1px 1px 2px;
	padding: 0;
	margin: 0;
}

input.editfile {
	float: right;
	padding: 0;
	margin: 0;
}

input.subject {
	width: 98%;
	padding: 0;
	margin: 0;
}

form.accounts {
/*	width: 99%; */
	border:  0px solid orange;
	padding: 0px;
	margin:  0px;
}

xxx.editfile {
	border:  0px solid orange;
	padding: 1px;
	margin:  1px;
}

form.uploadM {
	width: 99%;
	border:  1px solid green;
	padding: 1px;
	margin:  1px;
}

form.uploadF {
	width: 99%;
	border:  2px solid green;
	padding: 1px;
	margin:  1px;
}

input.uploadF {
	width: 99%;
	border:  2px solid gray;
	padding: 1px;
	margin:  1px;
}

input.uploadM {
	width: 100%;
	border:  2px solid gray;
	padding: 1px;
	margin:  1px;
}

table.dump td {
	font-size: smaller;	/* This doesn't seem to work */
}

table.uploadF {
	width: 100%;
	border-collapse: collapse;
	border:  2px solid blue
	margin:  0;
}

table.uploadM {
	width: 100%;
	border-collapse: collapse;
	border:  2px solid blue
	margin:  0;
}

textarea.uploadF {
	width: 100%;
	padding: 0;
	margin:  0;
}

textarea.uploadM {
	width: 100%;
	padding: 0;
	margin:  0;
}

textarea.descr {
	width: 100%;
	border: 2px solid blue;
	margin:  1px;
	padding: 1px;
}

textarea.doc {
	width: 99%;
	border: solid green;
	border-width: 1px 0px 1px 2px;
	border-collapse: collapse;
	border-left: float;
	border-right: float;
	margin: 1px;
	padding: 1px;
}

textarea.editdata {
	width: 99%;
	border: solid green;
	border-width: 1px 1px 1px 2px;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
}

textarea.msg {
	width: 98%;
	border: solid green;
	border-width: 1px 1px 1px 2px;
	border-collapse: collapse;
	margin: 1px;
	padding: 1px;
}

textarea.message {
	width: 98%;
	border: solid green;
	border-width: 1px 1px 1px 2px;
	border-collapse: collapse;
	margin: 1px;
	padding: 1px;
}

textarea {
	width:90%;
	border: 1px;
	border-collapse: collapse;
	border-style: solid;
	border-color: blue;
	margin: 0;
}

form.find {
	border: 0px outset grey;
	text-align: center;
}

img.F {
	border: 2px solid navy;
	padding: 0px;
	margin: 0px;
}

img.M {
	height: 80px;
	border: 1px solid navy;
	padding: 0px;
	margin: 0px;
}

p.F {			/* Indented paragraph */
	text-indent: 1em;
	margin-top: 4px;
	margin-bottom: 4px;
	padding: 1;
}

p.M {			/* Indented paragraph */
	text-indent: 1em;
	margin-top: 1px;
	margin-bottom: 1px;
	padding: 0;
}

p.indent {
	margin-top: 0; margin-bottom: 0;
	text-indent: 2em;
}

div.eventF {
	width: 100%;
	border: 2px dotted orange;
	border-collapse: collapse;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

div.eventM {
	width: 100%;
	border: 1px dotted orange;
	border-collapse: collapse;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

div.officersF {
	width: 99%;
	border: 1px solid DarkBlue;
	border-collapse: collapse;
	text-align: left;
	margin: 1px;
	padding: 1px;
}

div.officersM {
	width: 100%;
	border: 0px solid DarkBlue;
	border-collapse: collapse;
	text-align: left;
	margin: 0px;
	padding: 0px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* Here we're trying to discover how to control the borders of chunks of  text. *
* This  seems  to  be  a  difficult  problem  in  CSS.   Borders  (colored  or *
* transparent) seem to be ignored or wildly misinterpreted in many browsers.   *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
div.contentF {	/* For controling the border of a "content" frame inside a table */
	width: 100%;
	border: 0px dotted magenta;
	text-align: left;
	margin: 0px;
	padding: 0px;
}

div.contentX {	/* Content that shouldn't have any borders, margins, padding, etc.
	border: 0px dotted magenta;	/* The "dotted magenta" is for testing */
	margin: 0px;
	padding: 0px;
}

div.paddedF {	/* Another attempt, via a <DIV> inside a <TD> */
	border: 0px dotted green;
	text-align: left;
	margin: 0px;
	padding: 0px;
}

div.paddedM {
	border: 0px dotted green;
	text-align: left;
	margin: 0px;
	padding: 0px;
}

table.contentF {	/* Another scheme for tweaking borders of tabular data */
	border: 2px solid navy;
	border-collapse: collapse;
	text-align: left;
/*	margin: 0px; */
}

table.contentM {
	border: 1px solid navy;
	border-collapse: collapse;
	text-align: left;
	margin: 0px;
}

td.contentF {	/* This seems to be mostly ignored by most browsers (WTF?) */
	border: 4px solid navy;
	text-align: left;
	vertical-align: top;
	padding: 2px;
	background-color: #F8F8FF;
/*	background: url(img/WalthamCityHall_paleblue_800x544.jpg) repeat; */
}

td.contentM {
	border: 0px dotted orange;
	text-align: left;
	padding: 0px;
}

td.adF {
	border: 2px solid navy;
	text-align: left;
	vertical-align: top;
	padding: 2px;
	font-size: smaller;
}

td.adM {
	border: 0px dotted orange;
	text-align: left;
	padding: 0px;
	font-size: smaller;
}

div.footerF {
	border: 2px solid navy;
	text-align: left;
	vertical-align: top;
	padding: 2px;
}

div.footerM {
	border: 0px dotted orange;
	text-align: left;
	padding: 0px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

table.eventF {
	width: 100%;
	border: 2px solid navy;
	border-collapse: collapse;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

table.eventM {
	width: 100%;
	border: 1px solid navy;
	border-collapse: collapse;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

table.loginF {
	width: 90%;
	border: 0px solid navy;
	border-collapse: collapse;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

table.loginM {
	width: 90%;
	border: 0px solid navy;
	border-collapse: collapse;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

div.events {
	border: 0px dotted orange;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	vertical-align:top;
}

div.eventsF {
	border: 0px dotted orange;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	vertical-align:top;
}

div.eventsM {
	border: 0px dotted orange;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	vertical-align:top;
}

input.event {
	font-weight: bold;
	font-size: larger;
	margin: 0;
	padding: 0;
}

table.eventshdr {
	width: 100%;
	border-collapse: collapse;
	border:  0px dotted green;
	margin:  0px;
}

table.eventsttlF {
	width: 100%;
	border-collapse: collapse;
	border:  0px dotted purple;
	margin:  0px;
	vertical-align: center;
}

table.eventsttlM {
	width: 100%;
	border-collapse: collapse;
	border:  0px dotted purple;
	margin:  0px;
	vertical-align: center;
}

table.datesFrToF {
	width: 100%;
	border-collapse: collapse;
	border:  0px solid green;
	margin:  0px;
}

table.datesFrToM {
	width: 100%;
	border-collapse: collapse;
	border:  0px solid green;
	margin:  0px;
}

table.events {
	border: 2px solid navy;
	border-collapse: collapse;
	margin: 0px;
}

table.eventsF {
	border-collapse: collapse;
	border:  2px solid blue;
	margin:  1px auto;
}

table.eventsM {
	border-collapse: collapse;
	border:  2px solid blue;
	margin:  1px auto;
}

tbody.eventF {
	border: 1px solid navy;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
}

tbody.eventM {
	border: 1px solid navy;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
}

table.events th td {
	border: 0px solid #F12;
}

tbody.events th td {
	border: 1px dotted #F12;
}

td.F {
	border: 0px dotted green;
	margin: 0px;
	padding: 3px;
}
td.M {
	border: 0px solid green;
	margin: 0px;
	padding: 1px;
}

table.bloghdrF {
	border: 2px solid navy;
	border-width: 2px 1px;
	border-collapse: collapse;
	margin: 2px;
}

tbody.blogmsgF {
	width: 100px;
	border: 2px solid navy;
	border-width: 2px 1px;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
}

table.bloghdrM {
	border: 1px solid navy;
	border-width: 1px 1px;
	border-collapse: collapse;
	margin: 0px;
}

tbody.blogmsgM {
	width: 100px;
	border: 1px 0px solid navy;
	border-width: 1px 1px;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
}

table.links {
	border-style: 0px dotted navy
	border-collapse: collapse;
}

table.buttons {
	border-width: 1px;
	border-collapse: collapse;
	border-color: #00CCCC;
}

table.frameF {
	width: 100%;
	border: 4px solid navy;
	border-collapse: collapse;
	margin: 0px;
}

table.frameM {
	width: 100%;
	border: solid navy;
	border-width: 2px 0px;
	border-collapse: collapse;
	margin: 0px;
}

table.params {
	border: 2px solid black;
	margin-left: auto;
	margin-right: auto;
	font-size: 75%;
	border-collapse: collapse;
}

table.accountsF {
	width: 100%;
	border: 2px solid green;
	border-collapse: collapse;
	margin: 0;
}

table.accountsM {
	width: 100%;
	border: 1px solid green;
	border-collapse: collapse;
	margin: 0;
}

div.user {
	border: 0px dotted green;
	margin-left: auto;
	margin-right: auto;
}

table.user {
	font-size: smaller;	/* Many browsers don't honor this */
	margin-left: auto;
	margin-right: auto;
	border: 2px solid black;
	border-collapse: collapse;
}

div.msghdrF {
	background-color: #FFA;
	padding: 0px;
	margin: 0px;
}

div.msghdrM {
	background-color: #FFA;
}

td.message {
	border: 5px solid navy;
	text-align: left;
	display:inline;
}

td.logoF {
	border: solid navy;
	border-width: 4px 0px;
	border-collapse: collapse;
	background-color: DeepSkyBlue;
	text-align: left;
	margin: 2px;
}

td.logoM {
	width: 100%;
	border: solid navy;
	border-width: 2px 0px;
	border-collapse: collapse;
	background-color: DeepSkyBlue;
	text-align: left;
	margin: 1px;
}

td.navF {
	border: solid navy;
	border-width: 4px 0px;
	border-collapse: collapse;
	background-color: #F12;
	text-align: middle;
	vertical-align: top;
	margin: 2px;
}

td.navM {
	width: 100%;
	border: solid navy;
	border-width: 2px 0px;
	border-collapse: collapse;
	text-align: middle;
	background-color: #F12;
	margin: 1px;
}

input.navF {
	font-weight: bold;
/*	font-size: medium; */
}

input.navM {
	font-weight: bold;
}
td.scroll {
	overflow: auto;
}

td.ftrF {
	border: 4px solid navy;
	border-collapse: collapse;
	color: white;
	background-color: #F12;
	text-align: center;
}

td.ftrF A:link {color: cyan}
td.ftrF A:visited {color: pink}
td.ftrF A:active {color: yellow}
td.ftrF A:hover {color: green}

td.ftrM {
	width: 99%;
	border: solid navy;
	border-width: 2px 0px;
	border-collapse: collapse;
	color: white;
	background-color: #F12;
	text-align: center;
	margin: 0;
}

td.ftrM A:link {color: cyan}
td.ftrM A:visited {color: pink}
td.ftrM A:active {color: yellow}
td.ftrM A:hover {color: green}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* The list tags behave a bit strangely in some  browsers.   Until  we  get  it *
* figured out, these may be mispelled to disable them.                         *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
ul {
	border: solid orange;
	border-width: 0px;
	margin: 1px 0px 1px 8px;
	padding: 1px;
}

ol {
	border: solid orange;
	border-width: 0px;
	margin: 1px 0px 1px 8px;
	padding: 1px;
}

li {
	border: solid magenta;
	border-width: 0px;
	margin: 1px 0px 1px 8px;
	padding: 1px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* The DL tag seems to behave sanely in the common browsers. 
* Here, we just minimize the borders, margins and padding.
* The border color is used sometimes for debugging.
*/
dl {
	border: dotted orange;
	border-width: 0px;
	margin: 0;
	padding: 0;
}
dt {
	border: dotted blue;
	border-width: 0px;
	margin: 0;
	padding: 0;
}
dd {
	border: dotted green;
	border-width: 0px;
	margin: 0 0 0 20px;
	padding: 0;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
td {
	border: 0px solid DarkGreen;
	text-align: left;
	vertical-align: top;
	margin: 0px;
	padding: 1px;
	font-size: smaller;
}