body {background-color: #FFFFFF; margin: 0; padding: 0;}
.phone body {overflow-x: hidden;}
.clearfix:after {content: ""; display: block; clear: both;}	/* IE 8 and newer */

a {color: #CF0202; text-decoration: none}
a:hover {color: #2C61A8; text-decoration: none}
a:focus {outline: 0}

img {border: none;}	/* We shouldn't need this, it should be the html default */
img.std {width: 100%; max-width: 100%;}

.PageHeader {color: #000000; font: bold 14pt Verdana,Arial,Helvetica,sans-serif; margin-bottom: 1em;}
.PageHeader.smMargin {margin-bottom: 0.25em;}
.PageContent {color: #000000; font: 10pt Arial,Helvetica,sans-serif; background: url(images/contentbg.gif) top center no-repeat;}
.PageContent.noBackground {background: none;}
.PageContent.noImage {background-image: none;}
.EventHeader {color: #000000; font: bold 12pt Arial,Helvetica,sans-serif; margin-bottom: 1.5em; padding-top: 0.5em;}
.EventContent {font: 12pt serif;}
.EventContent ul {margin: 0 0 1.25em 2.125em; padding: 0; line-height: 1.25em;}
.EventContent li a { font: 11pt Arial,Helvetica,sans-serif; margin-left: -0.25em;}
.EvtLabel, .EvtDescLabel {font: bold 11pt Arial,Helvetica,sans-serif; line-height: 1.375em; padding-right: 0.25em;}
.EvtDescLabel {padding-bottom: 0.375em;}
.Copyright {font-size: 8pt; color: #000000; font-family: Arial,Helvetica,sans-serif; text-align: center; padding-top: 0.5em;}
.phone .PageHeader {margin-top: 0.25em; margin-bottom: 0.75em; text-align: center;}
.phone .PageHeader.smMargin {margin-bottom: 0.5em;}
.phone .PageContent {margin-bottom: 0.5em;}

.MainBody {width: 720px; background-color: #F3F3F3; border: #B2B2B2 1px solid;
		   padding: 20px 10px 40px 15px; margin: 15px 0 0 0; text-align: left;}
.MainBody.Wide {width: 754px;}
.MainBody.noBottom {padding-bottom: 0px;}
.phone .MainBody {width: 100%; max-width: 720px; box-sizing: border-box; margin: 0; padding: 0 4px 20px 4px;}
.phone .MainBody.Wide {width: 100%; max-width: 754px;}
.phone .MainBody.noBottom {padding-bottom: 0px;}
.phone .MainBody.fullWidth {padding: 0 0 20px 0;}

/* Recent events styles */

#Rnav {float: left; width: 140px; display: block;}
#Rnav p {width: 128px; font: bold 11pt Arial,Helvetica,sans-serif; color: #dddddd;
		 line-height: 24px; text-align: center; margin-bottom: 0px; margin-top: 0px;
		 background: url(images/TitleRed_24-4.gif)}
#Rnav ul {margin: 0; padding: 0; list-style-type: none; line-height: 40px; background: #DADADA;}
#Rnav li {border-top: 2px solid #f3f3f3; text-indent: 0.9em; display: inline;}
#Rnav li a {display: block; color: #CF0202; text-decoration: none; background: url(images/RnavBGArrow36.gif) top left no-repeat; width: 140px; overflow: hidden;	/* for IE to hide extra width in images */}
#Rnav li a:hover {color: #eeeeee; background-position: 50% 0}
#Rnav li a:focus {outline: 0}
#Rnav li a#view {background-position: top right}
#Rnav li a#view:hover {background-position: 50% 0}
.ie #Rnav li {display: block;}

.phone #Rnav {float: none; width: auto; margin: -15px 0 25px 0; text-align: center;}
.phone #Rnav p {display: none;}
.phone #Rnav ul {display: inline-block; text-align: center; line-height: inherit; background: #f3f3f3;}
.phone #Rnav li {border-top: none; display: inline-block; text-indent: 0;}
.phone #Rnav li a {display: inline-block; background: #EAEAEA; width: auto; overflow: auto; padding: 10px 8px 10px 8px;}
.phone #Rnav li a:hover {background: #DADADA;}
.phone #Rnav li a#view {background: #E95757; color: #FFFFFF;}
.phone #Rnav li a#view:hover {background-position: top right;}

#Rview {float: right; width: 612px; margin-top: -8px;}
#Rview ul {margin: 0; padding: 0; list-style-type: none; line-height: 2.5em;}
#Rview li a {color: #CF0202; text-decoration: none; font-weight: bold;}
#Rview li a:hover {color: #2C61A8; text-decoration: none}

.phone #Rview {float: none; width: 100%; margin-top: 0;}
.phone #Rview ul {line-height: inherit;}
.phone #Rview li {padding-bottom: 1em;}

/* Photo gallery styles (desktop) */

table.GalleryTable {border: none; border-spacing: 0; width: 100%}
table.GalleryTable td {border: none; padding: 3px; text-align: center;}
table.GalleryTable img {border: 4px #f3f3f3 ridge; border-radius: 5px; padding: 1px 0 0 1px;}
table.GalleryTable.noFrame img {border: none; border-radius: 0; padding: 0;}

/* Non-flex gallery styles (mobile) */

.GalleryRow {width: 100%; text-align: center;}
.GalleryRow > div {position: relative; display: inline-block; width: 31%; margin: 12px 3px;}
.GalleryRow > div:first-of-type {margin-left: 0px;}
.GalleryRow > div:after {content: ''; display: table; padding-bottom: 100%;}
.GalleryRow img {border: 4px #f3f3f3 ridge; border-radius: 5px; padding: 1px 0 0 1px; box-sizing: border-box;
				  max-width: 100%; max-height: 100%;}
.GalleryRow > div > div {position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
.GalleryRow > div > div a {display: inline-block;}
.GalleryRow > div > div a img {position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%);
							   -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}

/* Flex gallery styles (requires new flex api) */

.FlexGallery {width: 100%;
			  display: -webkit-flex; -webkit-flex-flow: row wrap; -webkit-justify-content: space-around;
			  display: -ms-flexbox; -ms-flex-flow: row wrap; -ms-flex-pack: distribute;
			  display: flex; flex-flow: row wrap; justify-content: space-around;}
.FlexGallery img {border: 4px #f3f3f3 ridge; border-radius: 5px; padding: 1px 0 0 1px; box-sizing: border-box;
				  max-width: 100%; max-height: 100%;}
.FlexGallery > div {position: relative; width: 31%; text-align: center; margin: 12px 3px;}
.FlexGallery > div:first-of-type {margin-left: 0px;}
.FlexGallery > div:after {content: ''; display: table; padding-bottom: 100%;}
.FlexGallery > div > div {position: absolute; top: 0; bottom: 0; left: 0; right: 0;
						  display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center;
						  display: -ms-flexbox; -ms-flex-pack: center; -ms-flex-align: center;
						  display: -webkit-flex; -webkit-justify-content: center; -webkit-align-items: center;
						  display: flex; justify-content: center; align-items: center;}

/* About Us styles */

dl.about {padding: 0; margin: 0 0 1em 10px; line-height: 1.4em;}
dl.about dt {font-size: 11pt; font-weight: bold;}
dl.about dd {padding: 0; margin: 0 20px 0 1.2em; line-height: 1.3em;}
dl.about dt.ebc {font-size: 12pt; white-space: nowrap;}
img.president {float: right; margin: -2em 40px 0 40px;}
.phone img.president {width: 40%; margin: 2em 6px 0 12px;}
.nowrap {white-space: nowrap;}

/* History styles */

.history .PageHeader {padding-left: 20px;}
.history .PageContent {margin-top: 1em; padding: 0 25px 0 20px;}
.phone .history .PageHeader {padding-left: 0;}
.phone .history .PageContent {margin-top: 0;}

/* Upcoming event list styles */

dl.upcoming {padding: 0; margin: 0 0 2em 0; line-height: 1.4em;}
dl.upcoming dt {font-size: 11pt; font-weight: bold;}
dl.upcoming dd {padding: 0; margin: 0 20px 1.2em 0; line-height: 1.2em;}
.phone dl.upcoming {margin-top: -0.75em;}
.phone dl.upcoming dt {padding-bottom: 0.2em;}

/* Links page list styles */

ul.IkebanaLinks {list-style: none; margin-left: 0; padding-left: 0;}
ul.IkebanaLinks li {margin-bottom: 1em; padding: 0.1em; font-weight: bold;}
ul.IkebanaLinks ul {list-style: none; margin-left: 1em; padding-left: 0;}
ul.IkebanaLinks ul li {margin-bottom: 0; font-weight: normal}
table.amazon {border: none; font-size: 10pt; width: 60%;}
table.amazon td:first-child {vertical-align: top; width: 34%;}
.phone table.amazon {width: 100%;}
.phone table.amazon td:first-child {width: 40%;}

/* Email form styles */

.mail {padding-left: 25px;}
.mail input[type=text] {width: 95%; max-width: 500px; padding: 3px;}
.mail textarea {width: 95%; max-width: 500px; padding: 4px;}
.mail input[type=submit] {margin-left: 235px;}
.phone .mail input[type=submit] {margin-left: 43%;}
.phone .MainBody.mail {padding-left: 2.5%;}

/* New navbar styles */

ul.navbar {float: left; list-style: none; margin: 0; padding: 0 4px 0 4px;}

ul.navbar li {float: left; margin: 7px 3px; background-position: bottom left;}

ul.navbar a {
	display: block;
	background: top left no-repeat;
	text-decoration: none;
	overflow: hidden;	/* for IE to hide extra width in images */
}

ul.navbar a:hover {
/*	background-image: none; */
	background-position: top right;
}
ul.navbar a:focus {outline: 0;}
ul.navbar a:active {background-position: bottom right;}
ul.navbar a.disable {opacity: 0.6; background-position: bottom left;
					 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";}	/* Opacity in IE8 & IE9 */
ul.navbar a:hover.disable {background-position: bottom left; cursor: default;}

div#Masthead {width: 781px;}
div#Masthead img {float: left;}
div#Masthead p.adminArea {color: white; font: 24pt Comic Sans MS,serif; left: 360px; top: -14px; position: absolute;}
ul.navbar#mainNav {background: url(images/buttonbg.jpg) repeat-x}
ul.navbar#mainNav li {margin-left: 7px; margin-right: 4px;}
.phone div#Masthead {width: 100%; height: 62px; position: relative; overflow-x: hidden;}
.phone div#Masthead img {float: none; position: absolute; top: 0; height: 62px;}
.phone div#Masthead.open {overflow-x: visible;}

#about {width: 61px; height: 17px; background-image: url(images/about4a.gif)}
#admin {width: 43px; height: 17px; background-image: url(images/admin4a.gif)}
#gallery {width: 92px; height: 17px; background-image: url(images/schools4a.gif)}
#history {width: 53px; height: 17px; background-image: url(images/history4a.gif)}
#home {width: 43px; height: 17px; background-image: url(images/home4a.gif)}
#links {width: 40px; height: 17px; background-image: url(images/links4a.gif)}
#recent {width: 86px; height: 17px; background-image: url(images/recent4a.gif)}
#schools {width: 92px; height: 17px; background-image: url(images/schools4a.gif)}
#upcoming {width: 97px; height: 17px; background-image: url(images/upcoming4a.gif)}

/* Mobile Nav styles */

ul.mobileNav {
    background: rgba(255,255,255, 1);
    list-style: none;
    margin: 0;
    padding: 5px 0 5px 0;
    text-align: left;
    -webkit-transform: translate(100%, 0%);
    transform: translate(100%, 0%);
	-webkit-transition: -webkit-transform 0.3s ease-in;
	transition: transform 0.3s ease-in;
    position: absolute;
    top: 46px;
    left: 0%;
    width: 100%;
    z-index: 2;
}
ul.mobileNav li {border-left: 6px solid #F87575; border-bottom: 1px solid #ebebeb; border-radius: 4px;
				 color: #A4A4A4; font: 22px Arial Narrow,Arial,sans-serif; letter-spacing: 0.08em;
    			 margin: 0.5em 2em 0.5em 2em; padding-left: 0.5em; padding-bottom: 0.2em;}
ul.mobileNav li a {display: inline-block; width: 95%;}
ul.mobileNav li:hover {color: #2C61A8; text-decoration: none}
ul.mobileNav.open {-webkit-transform: translate(0%, 0%); transform: translate(0%, 0%);}
#msym, #mcls {cursor: pointer; font: 36px Arial,sans-serif; position: absolute;}
#msym {color: #FFFFFF; top: 22px; right: 8px;}
#mcls {color: rgba(0, 0, 0, 0.9); font-size: 22px; top: 8px; right: 12px;}
#msym:hover {color: #AAAAAA;}
#msym.mopen {color: #888888;}
#mcls:hover {color: #2C61A8;}

/* Photo browser desktop styles */

ul.navbar.centerNav {float: none; position: relative; left: 35%;}
ul.navbar .back2event {width: 84px; height: 17px; background-image: url(images/back2event4a.gif)}
ul.navbar .back2gallery {width: 93px; height: 17px; background-image: url(images/back2gallery4a.gif)}
ul.navbar .next {width: 41px; height: 17px; background-image: url(images/next4a.gif)}
ul.navbar .prev {width: 59px; height: 17px; background-image: url(images/prev4a.gif)}

#PhotoHtml {min-height: 550px; overflow: hidden; text-align: center;}

/* Photo browser mobile styles (Defaults for iPhone 6/7/8/X) */

.phone #PhotoHtml {min-height: 0;}
.phone #PhotoHtml img {max-width: 320px; max-height: 320px; position: absolute; margin: auto;
					   top: 0; left: 0; bottom: 0; right: 0;}
.phone #PhotoHtml a:hover {color: rgba(78,78,78,0.8);}						/* for desktop */
.phone #PhotoHtml a:focus {outline: 0;}
.phone #PhotoHtml a.disable {visibility: hidden;}
.phone #PhotoHtml a:hover.disable {visibility: hidden; cursor: default;}	/* for desktop */
.photosq {margin: 0 auto; position: relative; width: 100%; max-width: 375px;
		  height: 100%; max-height: 320px; padding: 0 0 320px 0;}
#PhotoHtml .content {position: absolute; height: 100%; width: 100%; left: 27px;
					 max-width: 320px; max-height: 320px; overflow: hidden; white-space: nowrap;}
.table {display: table; height: 100%; width: 100%;}
.table-cell {display: table-cell; vertical-align: middle; height: 100%; width: 100%;}
.mprev {position: absolute; left: -3.55em; top: 50%; margin-top: -4.15em;
		color: rgba(255,255,255,0.8); background: rgba(233,233,233,0.4);}
.mprev:after {margin: 0; padding: 0; font: Bold 80px Arial; content: '\3008'; overflow: hidden;}
.mnext {position: absolute; right: -3.25em; top: 50%; margin-top: -4.15em;
		color: rgba(255,255,255,0.8); background: rgba(233,233,233,0.4);}
.mnext:after {margin: 0; padding: 0; font: Bold 72px Arial; content: '\3009'; overflow: hidden;}

#PhotoHtml div.pw, #PhotoHtml div.pw1, #PhotoHtml div.pw2 {display: inline-block;
	max-width: 320px; max-height: 320px; width: 100%; height: 100%; position: relative;
	-webkit-transform: translate(-100%, 0%); transform: translate(-100%, 0%);}
#PhotoHtml div.pw1, #PhotoHtml div.pw2 {opacity: 0;}
#PhotoHtml div.pw.fade-left, #PhotoHtml div.pw.fade-right {opacity: 0.4; -webkit-transition: opacity 0.3s linear; transition: opacity 0.3s linear;}
#PhotoHtml div.pw.fade-left.out {opacity: 0; -webkit-transform: translate(-200%, 0%);
								 -webkit-transition: -webkit-transform 0.3s linear, opacity 0.3s linear;
								 transform: translate(-200%, 0%); transition: transform 0.3s linear, opacity 0.3s linear;} 
#PhotoHtml div.pw.fade-right.out {opacity: 0; -webkit-transform: translate(0%, 0%);
								  -webkit-transition: -webkit-transform 0.3s linear, opacity 0.3s linear;
								  transform: translate(0%, 0%); transition: transform 0.3s linear, opacity 0.3s linear;}
#PhotoHtml div.pw1.slide-in {opacity: 1; -webkit-transform: translate(0%, 0%);
							 -webkit-transition: -webkit-transform 0.3s linear, opacity 0.4s ease-in;
							 transform: translate(0%, 0%); transition: transform 0.3s linear, opacity 0.4s ease-in;}
#PhotoHtml div.pw2.slide-in {opacity: 1; -webkit-transform: translate(-200%, 0%);
							 -webkit-transition: -webkit-transform 0.3s linear, opacity 0.4s ease-in;
							 transform: translate(-200%, 0%); transition: transform 0.3s linear, opacity 0.4s ease-in;}

/* Arrows overlap image (iPhone 4s/5SE) */
@media (max-width: 374px) {
	#PhotoHtml .content {left: 0px;}
	.GalleryRow > div:first-of-type {margin-left: -1px;}
	.FlexGallery > div:first-of-type {margin-left: -1px;}
	.phone table.amazon td:first-child {width: 48%;}
}

/* Add whitespace between arrows and image (iPhone 6/7/8 Plus and bigger) */
@media (min-width: 414px) {
	#PhotoHtml .content {left: 37px;}
	.photosq {max-width: 395px;}
	.mprev {left: -3.25em;}
	.mnext {right: -2.85em;}
}

/* Styles for the notices area (e.g. coronavirus notice) */

dl.NoticeAlert {
  background-color: #F3F3F3;
  border: 5px double #B80018;
  font-size: 16px;
  margin: 0 72px 36px 72px;
  padding: 0.8em 1em 1em 1em;
}

dl.NoticeAlert dt {
  float: left; 
  clear: left;
  font-weight: bold;
  text-align: right;
}
dl.NoticeAlert dt::after {content: ":";}
dl.NoticeAlert dd {margin: 0 0 0 3.8em;}



/****************/
/* Admin Styles */
/****************/

.AdminHeadline {margin: 20px 20px; font: bold 14pt Verdana,Arial,Helvetica,sans-serif;}
.AdminContent, .AdminContentT {margin: 15px 25px; font: 10pt Arial,Helvetica,sans-serif;}

/* Arrange list and Arrange photos styles */

table#SimpleList {background-color: #ACCCEC; border-color:#DDDDDD; border-spacing: 0; margin: 0 8px 8px 5%; width: 90%;}
table#SimpleList td {border: 1px solid #898989; cursor: move; padding: 8px;}
table#PhotoGrid {background-color: #F3F3F3; border: #DDDDDD 1px solid; border-spacing: 0; width: 100%;}
table#PhotoGrid td {border-left: #F3F3F3 1px solid; border-right: #F3F3F3 1px solid; cursor: move; padding: 8px; text-align: center;}
table#PhotoGrid td:first-child {width: 33.3%;}
table#PhotoGrid td:first-child + n {width: 33.3%;}

div.AdminTable {background-color: #EEEEEE; color: #000000; font-size: 8pt; font-weight: bold; font-family: Arial,Helvetica,sans-serif; width: 620px;}
div.AdminTable .Title {font-size: 9pt; line-height: 24px; text-align: center;
	border-left: #929292 1px solid; border-right: #929292 1px solid;
 	/*background-image: url("images/tableheader.jpg");*/
	background-color: #A3A3A3;
	background-image: -webkit-linear-gradient(#888888, #C4C4C4);
	background-image: -moz-linear-gradient(#888888, #C4C4C4);
	background-image: -ms-linear-gradient(top, #888888 0%, #C4C4C4 100%);
	background-image: linear-gradient(#888888, #C4C4C4);
}
div.AdminTable a {color: #2C61A8; text-decoration: none}
div.AdminTable a:hover {color: #FF6600;}
div.AdminTable.w520 {width: 520px;}
div.AdminTable.w560 {width: 560px;}
div.AdminTable.wAll, div.AdminTable.wEvts {width: 100%;}

div.AdminTable table {color: #000000; font-size: 8pt; font-weight: bold; font-family: Arial,Helvetica,sans-serif;}
div.AdminTable table.ColumnHeaderT {padding: 4px; border-spacing: 0; border: #989DA5 1px solid; text-align: center; background-color: #CCCCCC; width: 620px;}
div.AdminTable table.ColumnHeaderT td {padding: 0;}
div.AdminTable table.ColumnHeaderT td.options {width: 190px;}
div.AdminTable table.SectionHeaderT {padding: 6px 12px; border-spacing: 0; border: #CDCDCD 1px solid; cursor: pointer; background-color: #D9D9D9; width: 620px;}
div.AdminTable table.SectionHeaderT td {font-size: 9pt; padding: 0;}
div.AdminTable table.SectionHeaderT td.icon {text-align: right; width: 40px;}
div.AdminTable div.content {overflow: hidden;}
div.AdminTable div.content table {background-color: #EEEEEE;}
div.AdminTable div.content td.options {padding-right: 16px; text-align: center; width: 14.5em;}
/*div.AdminTable div.content tr:hover {background-color: #D1DAEE;}*/
div.AdminTable div.content tr:hover td:first-child {background-color: #D1DAEE;}
div.AdminTable.c3 div.content tr:hover td:first-child + td {background-color: #D1DAEE;}
div.AdminTable div.content table.SectionContentT {padding: 8px 4px; border-spacing: 0; border-left: #D2D2D2 1px solid; border-right: #D2D2D2 1px solid; border-bottom: #D2D2D2 1px solid; table-layout: fixed; width: 620px;}
div.AdminTable div.content table.SectionContentT td {padding: 8px;}
div.AdminTable div.content table.SectionContentT td:first-child + td {padding-left: 4px; padding-right: 16px; text-align: center; width: 14.5em;}
.awk5 div.AdminTable div.content table.SectionContentT td:first-child + td {width: 16em;}

div.AdminTable table.FramedContentT {padding: 6px 4px; border-left: #BBBBBB 1px solid; border-right: #BBBBBB 1px solid; border-bottom: #BBBBBB 1px solid; width: 100%;}
div.AdminTable div.commands {padding: 6px 16px; margin-bottom: 2px; text-align: right; border-left: #BBBBBB 1px solid; border-right: #BBBBBB 1px solid; border-bottom: #BBBBBB 1px solid; background-color: #E5E5E5;}
div.AdminTable div.commandsT {padding: 6px 16px; text-align: left; border: #CDCDCD 1px solid; background-color: #D9D9D9;}
div.AdminTable div.buttonsT {padding: 6px 16px; text-align: center; border: #B2B2B2 1px solid; border-top: none; background-color: #D9D9D9;}
div.AdminTable table td.txt {vertical-align: top; padding-top: 4px;}
div.AdminTable div.Framed {border: 1px solid #BBBBBB; border-top: none;}
div.AdminTable div.Framed.SLW {padding-top: 8px;}

.AdminContent table.PhotoListT {padding: 0;}
.AdminContent table.PhotoListT td {font-size: 9pt; font-weight: normal;}
.AdminContent table.PhotoListT td:first-child {border-right: 0; text-align: center;}
.AdminContent table.PhotoListT td:first-child + td + td {text-align: center;}
.AdminContent table.PhotoListT td:first-child img {padding: 4px;}
.AdminContent table.PhotoListT img {height: auto; width: auto; max-height: 100%; max-width: 100%;}

/* School list with icons */
div.AdminTable.w520 table.PhotoListT {table-layout: fixed; width: 520px;}
div.AdminTable.w520 table.PhotoListT td:first-child {width: 18.5%;}
div.AdminTable.w520 table.PhotoListT td:first-child + td {width: 41.5%; padding-left: 8px;}
/*.AdminContent table.PhotoListT.w520 td:nth-child(3) {width: 40%;}*/
div.AdminTable.w520 table.ColumnHeaderT {font-size: 9pt; table-layout: fixed; width: 520px;}
div.AdminTable.w520 table.ColumnHeaderT td {border: none;}
div.AdminTable.w520 table.ColumnHeaderT td:first-child {width: 60%;}
div.AdminTable.w520 table.ColumnHeaderT td:first-child + td {width: 40%;}

/* School Photo gallery list */
div.AdminTable.w560 table.PhotoListT {table-layout: fixed; width: 560px;}
div.AdminTable.w560 table.PhotoListT td:first-child img {max-height: 80px; max-width: 80px;}
div.AdminTable.w560 table.PhotoListT td:first-child {width: 16%; text-align: center;}
div.AdminTable.w560 table.PhotoListT td:first-child + td {width: 50%; text-align: center;}
div.AdminTable.w560 table.PhotoListT tfoot td {padding-top: 6px; padding-bottom: 6px;}
/*.AdminContent table.PhotoListT.w560 td:nth-child(3) {width: 34%;}*/
div.AdminTable.w560 table.ColumnHeaderT {font-size: 9pt; table-layout: fixed; width: 560px;}
div.AdminTable.w560 table.ColumnHeaderT td {border: none;}
div.AdminTable.w560 table.ColumnHeaderT td:first-child {width: 66%;}
div.AdminTable.w560 table.ColumnHeaderT td:first-child + td {width: 34%;}

/* Event Photo gallery list */
div.AdminTable.w560 table.SectionHeaderT {width: 560px;}
div.AdminTable.w560 div.content table.PhotoListT td:first-child + td {width: 59%; text-align: left; padding-left: 16px;}
div.AdminTable div.content table.PhotoListT tr:hover td:first-child,
div.AdminTable div.content table.PhotoListT tr:hover td:first-child + td {background-color: #D1DAEE;}

div.AdminTable.w620 table.FramedContentT {table-layout: fixed; width: 620px;}
div.AdminTable.w620 table.FramedContentT td:first-child + td {width: 28%;}

/* Standard two column key:value form (e.g. AddPhoto, AddSchool, AddCategory) */
div.AdminTable.w520 table.Form520 {table-layout: fixed; width: 520px; border: 1px solid #B2B2B2; padding: 6px 0;}
div.AdminTable.w520 table.Form520 td {font-size: 9pt;}
div.AdminTable.w520 table.Form520 td:first-child {width: 14%; border: none; padding-left: 2px;}
div.AdminTable.w520 table.Form520 td:first-child + td {width: 86%; border: none;}
div.AdminTable.w520 table.Form520.nFW td:first-child + td {width: 86%; border: none; font-weight: normal;}
div.AdminTable.w520 table.FramedContentT {table-layout: fixed; width: 520px;}
div.AdminTable.w520 table.FramedContentT td:first-child + td {width: 25%;}

/* Standard two column key:value form (e.g. AddEvent, EditEvent, AddCat, EditCat) */
div.AdminTable table.Form620 {table-layout: fixed; width: 620px; border: 1px solid #B2B2B2; padding: 6px 0;}
div.AdminTable table.Form620 td {font-size: 9pt; padding-bottom: 6px;}
div.AdminTable table.Form620 td:first-child {width: 12%; border: none;}
div.AdminTable table.Form620 td:first-child + td {width: 88%; border: none;}
div.AdminTable table.Form620 tr:first-child td {padding-top: 6px;}

/* Standard two column key:value form (e.g. About Us, Move Events) */
.AdminContent table.FormAll {table-layout: fixed; width: 100%; border: 1px solid #B2B2B2;}
.AdminContent table.FormAll td {font-size: 9pt; padding-bottom: 6px;}
.AdminContent table.FormAll td:first-child {width: 11%;}
.AdminContent table.FormAll td:first-child + td {width: 89%;}
.AdminContent table.FormAll tr:first-child td {padding-top: 6px;}
.AdminContent table.FormAll.nFW td {padding-bottom: 10px;}					/* Move Events */
.AdminContent table.FormAll.nFW tr:first-child td {padding-top: 12px;}		/* Move Events */
.AdminContent table.FormAll.nFW td:first-child + td {font-weight: normal;}	/* Move Events */
div.AdminTable.wAll table.ColumnHeaderT {font-size: 9pt; table-layout: fixed; width: 100%;}
div.AdminTable.wAll table.ColumnHeaderT td {border: none;}
div.AdminTable.wAll table.ColumnHeaderT td:first-child {width: 10%;}
div.AdminTable.wAll table.ColumnHeaderT td:first-child + td {width: 90%;}

/* Standard three column list (e.g. AdminViewLinks) */
div.AdminTable.wAll.c3 table.ColumnHeaderT td {text-align: left;}
div.AdminTable.wAll.c3 table.ColumnHeaderT td:first-child {width: 42%;}
div.AdminTable.wAll.c3 table.ColumnHeaderT td:first-child + td {width: 43%;}
div.AdminTable.wAll.c3 table.ColumnHeaderT td:first-child + td + td {padding-left: 5px;}
div.AdminTable.wAll.c3 table.FramedContentT {table-layout: fixed; width: 100%; font-size: 9pt;}
div.AdminTable.wAll.c3 table.FramedContentT td:first-child {width: 42%; font-weight: normal;}
div.AdminTable.wAll.c3 table.FramedContentT td:first-child + td {width: 43%; font-weight: normal;}
div.AdminTable.wAll.c3 table.FramedContentT tr:first-child td {border-bottom: 2px solid #B2B2B2; padding-bottom: 4px;}
div.AdminTable.wAll.c3 table.FramedContentT tr:first-child + tr td {padding-top: 4px;}
div.AdminTable.wAll.c3 div.commands {font-size: 9pt; padding-right: 10px;}

/* Events list */
div.AdminTable.wEvts table.ColumnHeaderT {font-size: 9pt; table-layout: fixed; width: 100%;}
div.AdminTable.wEvts table.ColumnHeaderT td:first-child {width: 73%;}
div.AdminTable.wEvts table.ColumnHeaderT td:first-child + td {width: 27%;}
div.AdminTable.wEvts table.FramedContentT {font-size: 8pt; table-layout: fixed; width: 100%;}
.xs div.AdminTable.wEvts table.FramedContentT {font-size: x-small;} /* x-small works better for Windows */
div.AdminTable.wEvts table.FramedContentT td {padding: 4px 0;}
div.AdminTable.wEvts table.FramedContentT td:first-child {width: 72%;}
div.AdminTable.wEvts table.FramedContentT td:first-child + td {width: 28%;}
.awk5 div.AdminTable.wEvts table.FramedContentT td:first-child {width: 71%;}
.awk5 div.AdminTable.wEvts table.FramedContentT td:first-child + td {width: 29%;}

/* Event Gallery View Cats/View Photos */
div.tbtn {position: absolute; top: 3px; width: 17px; height: 17px; border: 1px solid #787878; display: inline-block; border-radius: 2px; background-image: linear-gradient(#888888, #A4A4A4); cursor: pointer;}
div.tbtn span {position: absolute; left: 3px; top: 4px; width: 11px; height: 3px; border-top: 3px solid #EEEEEE;}
div.tbtn span + span {top: 10px;}
div.tbtn.photo span + span {left: 7px; width: 7px;}
div.tbtn:hover {background-image: linear-gradient(#BBBBBB, #D4D4D4);} 
/* Here is the tbtn html code
<div class='tbtn photo' style='left: 34px' title='View categories'>
<span></span>
<span></span>
</div>
*/