/* CSS for new versions of MisWeb pages */

/*
	160227 moved most generaly applicable styles (e.g., .bold, .center)
	to the end so that they can override earlier defined styles
   
	160908 Modified for a more mobile friendly experience.  As the window
	width decreases, first column 3 (#rightcolumn) moves under the
	other 2 columns, now centered.  Then column 1 (#leftcolumn) moves
	under column 2 (#contentcolumn) and above column 3,
	with the links at the bottom of column 2 move to the top.

	190412 added highlightbold

	190805 added styles for centered tables, various widths

	200123 added .invisible style

	200902 added styles from Covid19info.css

	201117 added span.suspended, span.virtual and span.restarted to color text

	210424 added span.virtualbg, span.restartbg

	210504 added span.suspendedbg

	220426 added tr.inperson, span.inperson, tr.disbanded, span.disbanded

	220314 added span.inpersonbg

	231012 removed font-size: smaller from p.toplinks & p.bottomlinks
*/

body {
	background-color: #cccccc;   /* #ffffff = white, #f8f8f8 = off white */
	color: #000033;  /* #000033 = dark blue; #000000 = black; #cc0000 = red */
	margin: 0% 8% 3% 0%; /*T R B L*/
	margin: 0% 0% 3% 0%; /*T R B L*/
	border: none; /*none | dotted | dashed | solid | double | groove | ridge | inset | outset*/
	padding-left:  0em;
	padding-right: 0em;
	text-align: left; /* left | center | right */
	font-size: 11pt; /* xx-small | x-small | small | medium | large | x-large | xx-large */
	font-family: Tahoma, Helvetica, Ariel, sans-serif;
	/*font-family: Palatino, Times, serif;*/
	font-weight: normal /*normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900*/
}

tr {
	vertical-align: top;
}

a:link {
	color: #000033;
}

a:visited {
	color: #000066;
}

a:hover {
	color: #0000cc;
}

a:active {
	color: #0000cc;
}

dt {
	font-weight: bold;
}

dd {
	margin-left: 2em;
	padding-bottom: .3em;
}

.littitle {
	font-style: italic;
}

span.map {
	font-size: small;
	font-weight: normal;
	color: #000033;
}

a.map:link {
	color: #000033;
}

a.map:visited {
	color: #000066;
}

a.map:hover {
	color: #000066;
}

a.map:active {
	color: #0000cc;
}

a.nav:link {
	color: #000033;
}

a.nav:visited {
	color: #000066;
}

a.nav:hover {
	color: #000066;
}

a.nav:active {
	color: #0000cc;
}

div.col1nav {
	/*width 160px;*/
}

img.col1nav {
	border: none 1px;
	margin: 0 0 -3px 0;
}

ul.col1nav {
	list-style: none;
	font-size: medium;
	font-variant: small-caps;
	font-variant: normal;
	background-image: url(../media/NavBarBottom.gif);
	border: none 1px;
	margin: 0 0 0 0;
}

li.col1nav {
	height: 1.75em;
	font-family: cursive;
	font-family: "Times New Roman", Times, Palatino, serif;
	font-family: fantasy;
	font-family: Tahoma, Helvetica, Ariel, sans-serif;
	font-style: normal;
	font-weight: bold;
	text-transform: none;
}
a.col1nav:link {
	color: #333366;
	text-decoration: underline;
}
a.col1nav:visited {
	color: #333366;
	text-decoration: underline;
}
a.col1nav:hover {
	color: #006699;
	text-decoration: underline;
}
a.col1nav:active {
	color: #333366;
	text-decoration: underline;
}

div.col1 {
	width: 160px;
	padding: 0;
	margin-left: 0;
	margin-top: 0;
}
	

/*table#content {
	width: 100%;
	border-spacing: 0;
	padding: 0;
}
*/

/*
caption#topcaption {
	background-color: #003366;
	color: white;
	font-size: 21pt;
	font-weight: bold;
	height: 32px;
	padding-bottom: 5px;
}
*/

/*
td#toprow {
	background-color: #003366;
	color: white;
	font-size: 21pt;
	font-weight: bold;
	/*height: 100px;
	height: .5em;*/
	padding-bottom: 5px;
}
*/

a.col1:link {
	color: #990000;
	text-decoration: underline;
}
a.col1:visited {
	color: #990000;
	text-decoration: underline;
}
a.col1:hover {
	color: #336633;
	text-decoration: underline;
}
a.col1:active {
	color: #336633;
	text-decoration: underline;
}

img.nav {
	width: 159px;
	padding: 0;
	margin: 0;
	border: none;
}


div.announcement {
	width: 100%;
	font-size: small;
	margin-top: 0;
	margin-right: .2em;
	margin-left: .2em;
	padding-top: .2em;
	padding-bottom: .1em;
	text-align: center;
	background-color: #f8f8f8;
}


div.col1announcement {
	/*font-size: small;*/
	margin-top: 0;
	margin-right: .2em;
	padding-top: .2em;
	padding-bottom: .1em;
	text-align: center;
	background-color: #f8f8f8;
}


div.col2announcement {
	font-size: small;
	margin-top: 0;
	margin-right: .5em;
	margin-left: .5em;
	padding-top: .2em;
	padding-bottom: .1em;
	text-align: center;
	background-color: #f8f8f8;
}


div.col3announcement {
	font-size: small;
	margin-top: 0;
	margin-right: .2em;
	margin-left: .2em;
	padding-top: .2em;
	padding-bottom: .1em;
	text-align: center;
	background-color: #f8f8f8;
}


h2.announcement, h3.announcement {
	text-align:center;
}

p.announcementheader {
	text-align: center;
	color: #cc0000;
	font-size: x-large;
	font-weight: bold;
}

h1.info, h2.info, h3.info {
	text-align: center;
}

p.announcement {
	font-size: large;
	font-weight: bold;
	text-align: center;
	background-color: #f8f8f8;
}

p.info {
	font-size: medium;
	text-align: center;
}

p.largeinfo {
	font-size: large;
	text-align: center;
}

p.smallinfo {
	font-size: small;
	text-align: center;
}


p.first {
	margin-top: 0;
}

p.topline {
	border-top: solid thin;
}

/* CSS specific to literature.html */

div.litinfo {
	background-color: #f8f8f8;
}

div.booktable {
	text-align: center;
}

table.book {
	margin-left: auto;
	margin-right:auto;
	border-spacing: 4px;
}

tr.book {
	vertical-align: bottom;
}

td.book {
	width: 20%;
	text-align: center;
}
img.book {
	width: 100%;
	border: solid thin #000033;
}
 
p.cal {
	font-size: 100%;
	text-align: center;
}

a.litlink {
	font-style: italic;
	color: #660000;
}

/* CSS specific to SPIG pages */
div.igmeetings {
	width: 100%;
	font-size: small;
	margin-top: 0;
	margin-left: 0;
	padding-right: .2em;
	/*padding-left: .2em;*/
	padding-top: .2em;
	padding-bottom: .1em;
	text-align: center;
	background-color: #f8f8f8;
}
	
ul.igmeetings {
	margin-left: auto;
}

li.igmeetings {
	text-align: left;
	margin-left: 0;
	font-size: small;
}

p.igmeetings {
	font-size: small;
	text-align: center;
	padding-left: .2em;
}

p.largeigmeetings {
	font-size: medium;
	text-align: center;
	padding-left: .2em;
}

/* CSS specific to Fellowship Weekend page */
div.mnfwinfo {
	text-align: center;
}

table.mnfwschedule {
	width: 30em;
	margin-left: auto;
	margin-right: auto;
}

td.mnfwtime {
	text-align: center;
	padding-left: .5em;
	padding-right: .5em
}

td.mnfwevent {
	text-align: left;
	padding-left: .5em;
	padding-right: .5em
}

ul.mnfwtopics {
	width: 25em;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

li.mnfwtopic {
	font-weight: normal;
}

/* CSS specific to AlateenSponsors pages */
div.sponsormeetings {
	width: 100%;
	font-size: medium;
	margin-top: 0;
	margin-left: 0;
	padding-right: .2em;
	padding-left: .2em;
	/*padding-left: .2em;*/
	padding-top: .2em;
	padding-bottom: .1em;
	text-align: center;
	background-color: #f8f8f8;
}

h3.sponsormeetings {
	width: 100%;
	font-size: medium;
	font-weight: bold;
	text-align: center;
	padding-left: 0;
}

p.sponsormeetings {
	width: 100%;
	font-size: medium;
	text-align: center;
	padding-left: 0;
}

p.largesponsormeetings {
	width: 100%;
	font-size: medium;
	text-align: center;
	padding-left: 0;
}

div.sponsorinfo {
	background-color: #f8f8f8;
	padding-top: .25em;
	padding-bottom: .25em;
}

h2.sponsorinfo, h3.sponsorinfo  {
	text-align: center;
}

p.sponsorinfo {
	text-align: left;
	font-size: medium;
	padding-left: .5em;
}

/* CSS specific to MnSouthArea */
div.areainfo {
	background-color: #f8f8f8;
}

h2.areainfo, h3.areainfo  {
	text-align: center;
}

p.areainfo {
	text-align: left;
	font-size: small;
	padding-left: .5em;
	padding-right: .25em;
}

div.districtinfo {
	width: 85%;
	margin-left: auto;
	margin-right: auto;
}

div.policytoc {
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}

ol.policytoc {
	font-size: small;
	list-style-type: upper-roman;
}

/* CSS specific to MplsAISHome*/
table.availablelit {
	width: 100%;
}

tr.availablelit {
	vertical-align: top;
}

td.availablelit {
	text-align: center;
	font-size: larger;
	color: #336699;
}

td.availablelit1 {
	width: 60%;
	text-align: left;
	font-weight: bold;
}

td.availablelit2 {
	width: 15%;
	text-align: center;
}

td.availablelit3 {
	width: 25%;
	text-align: center;
}

/* CSS specific to service.html */
div.service {
	text-align: center;
/*	font-size: smaller;*/
	margin-top: 0;
	padding-right: .2em;
	padding-left: .2em;
	padding-top: .2em;
	padding-bottom: .1em;
	background-color: #f8f8f8;
}

/* CSS specific to meetings.html */
a.daylinks:link, a.toplinks:link {
	color: #ffffff;
}

a.daylinks:visited, a.toplinks:visited {
	color: #dddddd;
}

a.daylinks:hover, a.toplinks:hover {
	color: yellow;
}

a.daylinks:active, a.toplinks:active {
	color: yellow;
}

table.daylinks {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding: 0;
	border: solid #666666 3px;
	border-spacing: 2px;
}

caption.daylinks {
	text-align: center;
	font-size: 150%;
	font-weight: bold;
	margin: 0;
}

tr.daylinks {
	/*height: 30px;*/
	vertical-align: middle;
	text-align: center;
	font-size: medium;
	color: white;
	color: #000033;
	margin: 0;
	margin-bottom: 1em;
}

th.anydayheader, th.mondayheader, th.tuesdayheader, th.wednesdayheader, th.thursdayheader,
th.fridayheader, th.saturdayheader, th.sundayheader {
	width: 12.5%;
	padding: 0;
	font-size: 12pt;
	font-variant: small-caps;
	color: #000033;
	background-color: #ffcc99;
	border-bottom: solid 2px;
}


td.anydaylink, th.anydaylink {
	width: 12.5%;
	padding: 0;
	color: #000033;
	background-color: #f0f0f0;
}

td.mondaylink, th.mondaylink {
	width: 12.5%;
	padding: 0;
	color: #000033;
	background-color: #f0f0f0;
}

td.tuesdaylink, th.tuesdaylink {
	width: 12.5%;
	padding: 0;
	color: #000033;
	background-color: #f0f0f0;
}

td.wednesdaylink, th.wednesdaylink {
	width: 12.5%;
	padding: 0;
	color: #000033;
	background-color: #f0f0f0;
}

td.thursdaylink, th.thursdaylink {
	width: 12.5%;
	padding: 0;
	color: #0000cc;
	background-color: #f0f0f0;
}

td.fridaylink, th.fridaylink {
	width: 12.5%;
	padding: 0;
	color: #000033;
	background-color: #f0f0f0;
}

td.saturdaylink, th.saturdaylink {
	width: 12.5%;
	padding: 0;
	color: #000033;
	background-color: #f0f0f0;
}

td.sundaylink, th.sundaylink {
	padding: 0;
	color: #000033;
	background-color: #f0f0f0;
}

tr.anydaylinks, tr.afglinks, tr.alateenlinks, tr.beginnerlinks, tr.aaclinks,
tr.spanishlinks, tr.parentslinks, tr.womenlinks, tr.menlinks, tr.lgbtqlinks,
tr.onlinelinks, tr.hybridlinks
{
	vertical-align: middle;
	text-align: center;
	font-size: medium;
	color: white;
	color: #000033;
	margin: 0;
	margin-bottom: 1em;
}

td.anydaylinks, td.afglinks, td.alateenlinks, td.beginnerlinks, td.aaclinks,
td.spanishlinks, td.parentslinks, td.womenlinks, td.menlinks, td.lgbtqlinks,
td.onlinelinks, td.hybridlinks
{
	padding-top: 1px;
	padding-bottom: 1px;
}

a.daylink:link {
	color: #000033;
}
a.daylink:visited{
	color: white;
	color: #000033;
}
a.daylink:hover {
	color: #ff0000;
}
a.daylink:active {
	color: #333333;
}

div.covid19, p.closedmeeting, p.noadvancearrangements {
	background-color: #f0f0f0;
	padding-left: .2em;
	padding-right: .2em;
	padding-top: .5em;
	padding-bottom: .5em;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	border: solid thin #000033;
	text-align: center;
	font-size: 125%;
}

p.closedmeeting {
	text-align: center;
}

p.covid19 {
	color: #000033;
	text-align: center;
	font-weight: normal;
	margin-top: .25em;
	margin-bottom: .25em;
}

/*Styles for contact information*/
div#contactwrapper {
	clear: left;
	width: 100%;
	margin-top: 1em;
	margin-left: auto;
	margin-right: auto;
	border-top: solid thin;
	font-size:125%;
}

table#contacttable {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

caption.contacttable {
	font-weight: bold;
	text-align: center;
}

tr.contacttable {
	vertical-align: bottom;
}

th.contacttable, td.contacttable{
	width: 50%;
	text-align: center;
	vertical-align: middle;
}

td.contacttable {
	font-size: 80%;
}
/*end of styles for contact information*/

div#citylists {
	width: 75%;
	font-size: 125%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0;
	margin-bottom: .5em;
	padding-left: .25em;
	padding-right: .25em;
	border: solid thin #000033;
	background-color: #f0f0f0;
}

p.citylists {
	text-align: center;
	margin-top: .25em;
	margin-bottom: .25em;
	margin-left: .25em;
	margin-right: .25em;
}


/* CSS specific to column 1 of three column pages */
h2.col1, h3.col1 {
	text-align: center;
	margin-left: .3em;
	margin-right: .3em;
}

p.col1 {
	/*width: 150px;*/
	margin-left: .5em;
	margin-right: .5em;
/*	font-size: small;*/
}

img.col1 {
	margin-left: 10%;
	margin-right: 5%;
	border: solid thin #000033;
}

1table.col1 {
	border-spacing: 0;
	width: 100%;
	padding: 0;
	margin-left: 0;
	margin-top: 0;
}

/* CSS specific to column 2 of three column pages */

div.col2 {
	width: 98%;
	margin-left: auto;
	margin-right: auto;
}

table.col2 {
	width: 100%;
	margin-left: 3%;
}

table.schedule {
	width: 96%;
	margin-left: auto;
	margin-right: auto;
	border: solid thin #000033;
	border-spacing: 1px;
}

caption.schedule {
	font-weight: bold;
	font-size: 150%;
	text-align: center;
}

th.schedule {
	text-align: center;
	font-weight: bold;
	background-color: #3399ff;
	border: solid thin #000033;
}

td.schedule {
	text-align: center;
	background-color: #f8f8f8;
	border: solid thin #000033;
}

td.disbandschedule {
	text-align: center;
	background-color: #ffff99;
	border: solid thin #000033;
}

td.col2 {
	width: 100%;
	padding: 0;
	margin-left: 0;
}

p.col2 {
	margin-left: .5em;
	margin-right: .5em;
}

div.col2footer {
	text-align: center;
	margin-left: .5em;
	margin-right: .5em;
}

p.aisinfo {
	text-align: left;
	font-size: medium;
}

p.aisnews {
	text-align: left;
	padding-left: .5em;
	padding-right: .5em;
	font-size: medium;
}

li.col2 {
/*	font-size: smaller;*/
	margin-right: 5%;
	margin-top: .2em;
}

ol.q20 {
	background-color: #f8f8f8;
	margin-left: auto;
	margin-right: auto;
	margin-left: .2em;
	margin-right: .2em;
	padding-top: .5em;
	padding-bottom: .5em;
	border: solid thin #000033;
}

li.q20 {
	font-size: 100%;
	margin-right: 5%;
	margin-top: .2em;
}

ul.col2prof, ol.col2prof {
	width: 75%;
	margin-right: auto;
	margin-left: 5%;
}

li.col2prof {
	margin-right: 5%;
	margin-top: .1em;
}

h2.col2, h3.col2 {
	text-align: center;
	/*margin-left: 5%;*/
}

p.header {
	font-size: larger;
	font-weight: bold;
}

p.centerheader {
	text-align: center;
	font-size: larger;
	font-weight: bold;
}

p.declaration {
	width: 85%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-weight: normal;
	font-size: medium;
	background-color: #f8f8f8;
	border: solid thin #000033;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

p.service {
	font-size: medium;
/*	font-size: smaller;*/
}

p.permission {
	text-align: center;
	font-size: smaller;
	font-style: italic;
	/*margin-left: 5%;*/
}

p.next {
	text-align: center;
	font-size: smaller;
}

span.leadin {
	font-size: larger;
	font-weight: bold;
}

/* Start of column 3 CSS */
td.maincol3 {
	width: 30%;
	width: 280px;
	font-size: small;
}

div.col3 {
	width: 98%;
	margin-left: auto;
	margin-right: auto;
}

table.col3 {
	width: 100%;
	margin-left: 5%;
}
	
td.col3 {
	width: 100%;
	border-bottom: solid thin;
}

p.col3 {
	margin-left: .5em;
	margin-right: .5em;
}

p.links {
	font-size: smaller;
}

a.findmeeting {
	font-weight: bold;
	color: #336699;
}

a.findmeeting:link, a.findmeeting:visited {
	color: #336699;
}

a.findmeeting:hover {
	color: #333366;
}

a.findmeeting:active {
	color: #333366;
}

p.question {
	width: 100%;
	font-weight: bold;
}

p.answer {
	width: 97%;
	background-color: white;
	padding-left: .3em;
	padding-right: .3em;
	padding-top: .2em;
	padding-bottom: .2em;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
}

div.answerlist {
	width: 97%;
	padding-left: .3em;
	padding-right: .3em;
	padding-top: .2em;
	padding-bottom: .2em;
	margin-left: auto;
	margin-right: auto;
	border: none;
	background-color: white;
}

ul.answer {
	margin-top: 0;
	padding-top: 0;
	background-color: white;
}

li.answer {
	padding-right: .3em;
}

p.prayer {
	font-family: cursive;
	width: 18em;
	margin-left: auto;
	margin-right: auto;
	border: solid thin;
	padding-left: .4em;
	padding-right: .4em;
}

p.steps {
	margin-left: 5%;
}

table.steps {
	margin-left: 0%;
	border-spacing: 0;
}

td.first {
	border-top: solid thin;
	border-color: #000033;
}

td.stepnumber {
	font-family: "Times New Roman", Times, Palatino, serif;
	color: #336699;
	font-size: 2.0em;
	font-weight: bold;
	text-align: right;
	padding-top: 7px;
	padding-bottom: 0.1em;
	padding-right: 0.1em;
	margin: 0;
	vertical-align: top;
	border-bottom: solid thin;
	border-color: #000033;
}

td.step {
	font-family: Times, Palatino, serif;
	font-weight: bold;
	font-size: 120%;
	border-bottom: solid thin;
	border-color: #000033;
	margin: 0;
	padding-top: 0.8em;
	padding-bottom: 0.8em;
	padding-left: 0.2em;
}
	
div.bottomlinks {
	margin-top: 1em;
	text-align: center;
	background-color: #000066;
	display: block;
}

div.toplinks {
	margin-top: 1em;
	text-align: center;
	background-color: #000066;
	display: none;
}

p.bottomlinks, p.toplinks {
	text-align: center;
	color: #ffffff;
	font-variant: normal;
	padding-top: .5em;
	padding-bottom: .5em;
}

a.bottomlinks:link, a.toplinks:link {
	color: #ffffff;
}

a.bottomlinks:visited, a.toplinks:visited {
	color: #dddddd;
}

a.bottomlinks:hover, a.toplinks:hover {
	color: yellow;
}

a.bottomlinks:active, a.toplinks:active {
	color: yellow;
}

address {
	text-align: center;
	font-size: smaller;
	font-style: italic;
	margin-top: 1em;
}

/*
  Styles specifically for virtualmeetings.html
*/

div#navtop {
	text-align: center;
	font-size: 90%;
	width: 85%;
	margin-left: auto;
	margin-right: auto;
	border: solid 2px;
	margin-top: .5em;
	background-color: #f0f0f0;
}

div#navbottom {
	text-align: center;
	font-family: Times;
	font-size: medium;
}

div#covidmeetinginfo {
	background-color: #f0f0f0;
	padding-top: .5em;
	padding-bottom: 1em;
}

table#inpersonbycitytable, table#suspendedbycitytable, table#virtualbycitytable,
	table#virtualbytimetable, table#virtualnewcomertable,
	table#virtualalateentable, table#virtualparentstable,
	table#virtualaactable, table#virtualglbttable, table#bilingualtable,
	table#virtualmentable, table#virtualwomentable,
	table#unknownbycitytable, table#virtualbydistricttable
{
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	border: solid;
	border-collapse: collapse;
}


tr.suspended, span.suspended, span.suspendedbg {
	background-color: #ffcccc;
}

tr.virtual, span.virtual, span.virtualbg {
	background-color: #98fb98;
}

tr.restarted, span.restarted, span.restartbg, tr.inperson, span.inperson,
	span.inpersonbg {
	background-color: #fafad2;
}

tr.disbanded, span.disbanded {
	background-color: #ffa500;
}

tr.unknown {
	background-color: #e8e8e8;
}

tr.ignore {
	display: none;
}

th.city, th.time, th.location, th.instructions, th.name {
	font-size: medium;
	text-align: center;
	border-bottom: solid;
	border-left: solid thin;
	border-right: solid thin;
}

td.city, td.time, td.location, td.instructions, td.name {
	font-size: smaller;
	text-align: center;
	border: solid thin;
}

th.city, td.city {
	width: 15%;
}

th.time, td.time {
	width: 15%;
}

td.updated, th.updated, th.groupdistrict, td.groupdistrict {
	width: 0;
	display: none;
}

td.change {
	border-top-width: 3px;
}

th.first, td.first {
	border-left: none;
}

th.last, td.last {
	border-right: none;
}

h1.covidinfo, h2.covidinfo, h3.covidinfo, h4.covidinfo, h5.covidinfo {
	text-align: center;
}

ul.covidinfo {
	margin-right: 1em;
}

p.covidinfo {
	font-size: 115%;
	padding-left: .5em;
	padding-right: .5em;
	margin-top: .25em;
	margin-bottom: .35em;
}

p.daylinks {
	width: 60%;
}

p.citylinks, p.otherlinks {
	width: 80%;
}

p.districtlinks {
	width: 60%;
}

p.daylinks, p.citylinks, p.districtlinks, p.otherlinks {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: smaller;
	border: solid thin;
	background-color: #ffff00;
	background-color: #ffe7ba;
}

span.restartinfo {
	background-color: #fafad2;
}

span.restartnote {
	color: #cc0000;
}

table.covidinfo {
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	background-color: #f0f0f0;
	border: solid;
	border-collapse: collapse;
}

td.covidinfo, th.covidinfo {
	text-align: center;
	border: solid thin;
}

/*Stylea for the index-by-city table in CityIndex.html*/
p.cityindexemptyrow {
	font-size: xx-small;
	width: 90em;
}

/*
table#cityindexcontainer {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

div.indexcaption {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
*/

a.citytable:link {
	color: #000033;
}

a.citytable:visited {
	color: #0099ff;
}

a.citytable:hover {
	color: #cc0000;
}

a.citytable:active {
	color: #000033;
}

table#cityindex {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 1em;
	border-collapse: separate;
	border-spacing: 0px;
	border: solid 2pt #000033;
	background-color: #f0f0f0;
}

caption.cityindex {
	caption-side: top;
	font-size: 150%;
	font-weight: bold;
	text-align: center;
}

tr.indexcolheadings {
	background-color: #ffcc99;
	color: #000000;
	font-size: 12pt;
	font-variant: small-caps;
	text-align: center;
}

th.cityindexcityhead {
	background-color: #ffcc99;
	border-bottom: solid #000033;
	width: 23.5%;
	padding-left: .2em;
	text-align: left;
}

th.cityindexdayhead {
	background-color: #ffcc99;
	border-left: solid thin #000033;
	border-bottom: solid #000033;
	width: 8.5%;
	padding: 0;
	text-align: center;
}

th.cityindexalateenhead {
	background-color: #ffcc99;
	border-left: solid thin #000033;
	border-bottom: solid #000033;
	width: 8.5%;
	padding: 0;
	text-align: center;
}

td.cityindexcity {
	width: 23.5%;
	padding-left: .2em;
	font-weight: bold;
	text-align: left;
	border-bottom: solid thin;
}

td.cityindexday {
	text-align: center;
	width: 8.5%;
	padding: 0;
	font-style: normal;
	font-size: 100%;
	border-bottom: solid thin;
	border-left: solid thin;
}

td.cityindexalateen {
	text-align: center;
	width: 8.5%;
	padding: 0;
	font-style: normal;
	font-size: 100%;
	border-bottom: solid thin;
	border-left: solid thin;
}

/*
	styles that can be applied to almost any element, placed here
	so that they can override parts of other styles
*/
div.invis, tr.invis, p.invis, li.invis, table.invis {
	display: none;
}

tr.vis {
	display: table-row;
}

.invisible {
	display: none;
}

.center {
	text-align: center ! important;
}

.left {
	text-align: left ! important;
}

.right {
	text-align: right ! important;
}

.top {
	vertical-align: top ! important;
}

.middle {
	vertical-align: middle ! important;
}

.bottom {
	vertical-align: bottom ! important;
}

.padded {
	padding-left: .2em;
	padding-right: .2em;
}

.boxed {
	border: solid thin;
	border-color: #000033;
}

.boxed75 {
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	margin-left: auto;
	margin-top: .40em;
	margin-bottom: .40em;
	border: solid thin;
	border-color: #000033;
}

.boxed67 {
	width: 67%;
	margin-left: auto;
	margin-right: auto;
	border: solid thin;
	border-color: #000033;
}

.boxed50 {
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	border: solid thin;
	border-color: #000033;
}

.topline {
	border-top: solid thin;
	border-color: #000033;
	padding-top: .75em;
}

.bottomline {
	border-bottom: solid thin;
	border-color: #000033;
	padding-bottom: 1.25em;
}
	
.leftline {
	border-left: solid thin;
	border-color: #000033;
	padding-left: .75em;
}
	
.rightline {
	border-right: solid thin;
	border-color: #000033;
	padding-right: .75em;
}
	
div.bottomline {
	width: 100%;
	border-bottom: solid thin;
	border-color: #000033;
}

div#forum, div#afa {
	width: 100%;
	border-bottom: solid thin;
	border-color: #000033;
}

div#spiginfo, div#aisinfo, div#mnsainfo, div#meetinginfo {
	width: 100%;
	border-bottom: solid thin;
	border-color: #000033;
}

table.centered {
	margin-left: auto;
	margin-right: auto;
}

.width5 {
	width: 5%;
}

.width10 {
	width: 10%;
}

.width15 {
	width: 15%;
}

.width20 {
	width: 20%;
}

.width25 {
	width: 25%;
}

.width30 {
	width: 30%;
}

.width35 {
	width: 35%;
}

.width40 {
	width: 40%;
}

.width45 {
	width: 45%;
}

.width50 {
	width: 50%;
}

.width55 {
	width: 55%;
}

.width60 {
	width: 60%;
}

.width65 {
	width: 65%;
}

.width70 {
	width: 70%;
}

.width75 {
	width: 75%;
}

.width80 {
	width: 80%;
}

.width85 {
	width: 85%;
}

.width90 {
	width: 90%;
}

.width95 {
	width: 95%;
}

.bold {
	font-weight: bold;
}

.normalweight {
	font-weight: normal;
}

.normalstyle {
	font-style: normal;
}

.smallcaps {
	font-variant: small-caps;
}

.ulined {
	text-decoration: underline;
}

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

.italic {
	font-style: italic;
}

.large {
	font-size: large;
}

.medium {
	font-size: medium;
}

.small {
	font-size: small;
}

.large {
	font-size: large;
}

.larger {
	font-size: larger;
}

.xlarge {
	font-size: x-large;
}

.xxlarge {
	font-size: xx-large;
}

.small {
	font-size: small;
}

.smaller {
	font-size: 90%;
}

.xsmall {
	font-size: x-small;
}

.xxsmall {
	font-size: xx-small;
}

.serif {
	font-family: Palatino, Times, serif;
}

.sans {
	font-family: Helvetica, Ariel, sans-serif;
}

.comic {
	font-family: "Comic Sans", "Comic Sans MS", cursive;
}

.cursive {
	font-family: cursive;
}

.fantasy {
	font-family: fantasy;
}

.halfsize {
	font-size: 50%;
}

.twothirdsize {
	font-size: 66.7%;
}

.threequartersize {
	font-size: 75%;
}

.red {
	color: #cc0000;
}

.darkred {
	color: #990000;
}

.highlight {
	color: #cc0000;
}

.highlightbold {
	color: #cc0000;
	font-weight: bold;
}

.highlightitalic {
	color: #cc0000;
	font-style: italic;
}

.orange {
	color: #ff3300;
}

.greyblue {
	color: #3333cc;
}

.lightblue {
	color: #3333ff;
}

.alateenblue {
	color: #002288;
}

.headinggreen {
	color: #006600;
}

.darkgreen {
	color: #004400;
}

.green {
	color: #009900;
}

.defaultcolor {
	color: #000033;
}

.whitebg {
	background-color: white;
}

.offwhitebg {
	background-color: #f8f8f8;
}

.lightgreybg {
	background-color: #f0f0f0;
}

.greybg {
	background-color: #cccccc;
}
/*
	Following CSS adapted from
	www.dynamicdrive.com/style/layouts/item/css_liquid_layout_31_fixed_fluid_fixed/
	It allows for a Three column layout with left and right columns fixed
	and centercolumn fluid

*/
#topsection {
	background-color: #003366;
	color: white;
	font-size: 21pt;
	font-weight: bold;
	text-align: center;
	padding-bottom: 5px;
}

#contentwrapper {
	float: left;
	width: 100%;
}

#contentcolumn {
	/*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
	margin: 0 280px 0 160px;
}

#leftcolumn {
	float: left;
	width: 160px; /*Width of left column*/
	margin-left: -100%;
}

#rightcolumn {
	float: left;
	width: 280px; /*Width of right column*/
	font-size: small;
	margin-left: -280px; /*Set left marginto -(RightColumnWidth)*/
}

.innertube {
	/*Margins for inner DIV inside each column (to provide padding)*/
	margin: 10px;
	margin-top: 0;
}
/* ####### responsive layout CSS ####### */

@media (max-width: 1000px) {/*was 840px*/
	/* 1st level responsive layout break point- drop right column down*/

	#leftcolumn {
		margin-left: -100%;
	}

	#rightcolumn {
		float: none;
		width: 100%;
		margin-left: 0;
		margin-top: .5em;
		clear: both;
		text-align: center;
		border-top: thin solid;
	}

	#contentcolumn {
		margin-right: 0; /*Set margin to LeftColumnWidth*/
	}
	table#suspendedtable, table#virtualbycitytable,
	table#virtualbytimetable, table#virtualbydistricttable,
	table#virtualnewcomertable,
	table#virtualalateentable, table#virtualparentstable,
	table#virtualaactable, table#virtualglbttable, table#bilingualtable
	{
		width: 100%;
	}
	p.daylinks, p.citylinks, p.otherlinks, p.districtlinks {
		width: 90%;
	}
}

@media (max-width: 800px) {/*was 600px*/
	/* 2nd level responsive layout break point- drop left column down */
	#leftcolumn {
		float: none;
		width: 100%;
		clear: both;
		margin-left: 0;
	}

	#contentcolumn {
		margin-left: 0;
	}
	div.col1 {
		width: 100%;
		padding: 0;
		margin-left: 0;
		padding-top: 1em;
		border-top: solid thin;
	}

	div.navbar {
		width: 159px;
		padding: 0;
		margin-left: auto;
		margin-right: auto;
		border: none;
	}

	div.bottomlinks {
		display: none;
	}
	div.toplinks {
		display: block;
	}
}

/*
	end of three column css from 
	www.dynamicdrive.com/style/layouts/item/css_liquid_layout_31_fixed_fluid_fixed/
*/