body {
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	color: #000000;
}

a {text-decoration: none;}
a:link {color: #212182;}
a:visited {color: #212182;}
a:hover {color: #000000;}

#Footer {
	text-align: center;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: #ffffff;
	font-size: 0.5em;
}

.FloatingParagraph {
	float: left;
	padding-right: 0.75em;
	max-width: 25%;
  }

  p.italic {
	font-style: italic;
  }

/* Menu */
.stickyNavbar {
	background-color: #ffffff;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
}

ul.Menu {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: #ffffff;
}

li.Menu {
	float: left;
}

li.Menu a, .dropbtn {
	display: inline-block;
	color: #000000;
	text-align: center;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	text-decoration: none;
}

li.Menu a:hover, .dropdown:hover .dropbtn {
	background-color: #b0b0b0;
}

a.dropbtn {color: #000000;}

li.dropdown {
	display: inline-block;
}

.dropdown-content {
	display: none;
	position: absolute;
	background-color: #ffffff;
	text-align: center;
	z-index: 1;
}

.dropdown-content a {
	color: black;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	text-decoration: none;
	display: block;
	text-align: left;
	background-color: #ffffff;
}

.dropdown-content a:hover {background-color: #b0b0b0;}

.dropdown:hover .dropdown-content {
	display: block;
}
/* Menu */

/* tables and buttons */
.CenterButton {
	display: flex;
	justify-content: center;
	align-items: center; 
}


table {
	border-collapse: collapse;
}

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

table.GeneralStyle {
	margin-left: 2em;
}

table.GeneralStyle th {
	padding: 0 0.5em 0 0.5em;
	vertical-align: top;
}

table.GeneralStyle td {
	vertical-align: top;
}

table.GeneralStyle td.GeneralStyleCenterBold {
	text-align: center; 
    font-weight: bold;
}

table.GeneralStyle td.GeneralStyleText {
	padding-left: 1em;
}

table.GeneralStyle td.Centered {
	text-align: center; 
}




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

table.schedule th {
	padding-left: 0.25em; 
	padding-right: 0.25em; 
}

table.schedule th.weekend {
	background-color: #d0d0d0;
}

table.schedule td.weekend {
	background-color: #d0d0d0;
	text-align: center;
	vertical-align: top;
	border-top: 1px solid #000000;
}

table.schedule td.midweek {
	text-align: center;
	vertical-align: top;
	border-top: 1px solid #000000;
}

table.schedule td.borderRight {
	border-right: 1px solid #000000;
	text-align: right; 
	vertical-align: middle;
	font-size: 0.75em;
}

table.schedule td.borderLeft {
	border-left: 1px solid #000000;
	text-align: left;
	vertical-align: middle; 
	font-size: 0.75em;
}

table.schedule td.borderTop {
	border-top: 1px solid #000000;
	vertical-align: top;
}

table.schedule td.NoLimit {
	text-align: center; 
	vertical-align: top;
	font-size: 0.8em;
}

table.schedule td.AdminOnly {
	text-align: center; 
	vertical-align: top;
	font-size: 0.8em;
	background-color: #ccff99;
}

table.schedule td.MaximumAllowed {
	text-align: center; 
	vertical-align: top;
	font-size: 0.8em;
	white-space: nowrap;
}

table.schedule input.MaxWidth {
	width: 2em;
}

table.schedule td.Labels {
	text-align: right;
	padding-right: 1em;
	font-weight: bold;
}

table.schedule .buttonRepeat {
	-webkit-appearance: none; /*Safari/Chrome*/
	-moz-appearance: none; /*Firefox*/
	-ms-appearance: none; /*IE*/
	-o-appearance: none; /*Opera*/
	appearance: none;
	-webkit-border-radius: 0; 

	background-color: #e7e7e7;
	border: 1px solid #808080;
	color: #000000;
	padding: 0.1em 0.5em 0.1em 0.5em;
	text-align: center;
	text-decoration: none;
	display: inline-block;
  	transition-duration: 0.4s;
	-webkit-transition-duration: 0.4s;
	cursor: pointer;
	font-size: 0.75em;
}

table.schedule .buttonRepeat:hover {
	background-color: #ffffff;
}



table.YourSchedule {
	margin-left: 2em;
}

table.YourSchedule th {
	padding: 0 0.5em 0 0.5em;
}

table.YourSchedule td.YourScheduleNumber {
	text-align: center; 
}

table.YourSchedule td.YourScheduleText {
	text-align: right;
	padding-right: 1em;
	font-weight: bold;
}



table.DispatchMenu td.Label {
	font-weight: bold;
	text-align: center; 
}

table.DispatchMenu td.WhiteSpace {
	width: 2em;
}



table.CheckIn td.Names {
	padding-right: 0.25em; 
}

table.CheckIn td.TypeLabel {
	font-size: 0.65em;
}

table.CheckIn td.CheckBox {
	text-align: center;
}

table.CheckIn td {
	padding-left: 0.25em; 
	padding-right: 0.25em; 
}


.button {
	-webkit-appearance: none; /*Safari/Chrome*/
	-moz-appearance: none; /*Firefox*/
	-ms-appearance: none; /*IE*/
	-o-appearance: none; /*Opera*/
	appearance: none;
	-webkit-border-radius: 0; 

	background-color: #ffffff;
	border: 1px solid #808080;
	color: #000000;
	padding: 0.1em 0.5em 0.1em 0.5em;
	text-align: center;
	text-decoration: none;
	display: inline-block;
  	transition-duration: 0.4s;
	-webkit-transition-duration: 0.4s;
	cursor: pointer;
	float: left;
}

.button:hover {
	background-color: #e7e7e7;
}


.buttonSubmit {
	-webkit-appearance: none; /*Safari/Chrome*/
	-moz-appearance: none; /*Firefox*/
	-ms-appearance: none; /*IE*/
	-o-appearance: none; /*Opera*/
	appearance: none;
	-webkit-border-radius: 0; 

	background-color: #ffffff;
	border: 1px solid #808080;
	color: #000000;
	padding: 0.1em 0.5em 0.1em 0.5em;
	text-align: center;
	text-decoration: none;
	display: inline-block;
  	transition-duration: 0.4s;
	-webkit-transition-duration: 0.4s;
	cursor: pointer;
}

.buttonSubmit:hover {
	background-color: #e7e7e7;
}


 /* Begin coding for responsive pages */
 /* each web page is divided into 12 columns */
 /* you may change the displays based on media size */

* {box-sizing: border-box;}

img {max-width: 100%; height: auto;}

.row:after {
	content: "";
	clear: both;
	display: block;
	}

/* 12 columns: */
[class*="col-"] {
	float: left;
	padding-top: 0;
	padding-bottom: 0.2em;
	padding-left: 1em;
	padding-right: 1em;
	}

[class*="col-"] {width: 100%;}

@media only screen and (max-width:629px) {
	/* For small screens: */
	.col-s-1 {width: 8.33%;}
	.col-s-2 {width: 16.66%;}
	.col-s-3 {width: 25%;}
	.col-s-4 {width: 33.33%;}
	.col-s-5 {width: 41.66%;}
	.col-s-6 {width: 50%;}
	.col-s-7 {width: 58.33%;}
	.col-s-8 {width: 66.66%;}
	.col-s-9 {width: 75%;}
	.col-s-10 {width: 83.33%;}
	.col-s-11 {width: 91.66%;}
	.col-s-12 {width: 100%;}

	/* insert your specific styles for small screens here */
	}

@media only screen and (max-width:999px) and (min-width:630px) {
	/* For tablets: */
	.col-m-1 {width: 8.33%;}
	.col-m-2 {width: 16.66%;}
	.col-m-3 {width: 25%;}
	.col-m-4 {width: 33.33%;}
	.col-m-5 {width: 41.66%;}
	.col-m-6 {width: 50%;}
	.col-m-7 {width: 58.33%;}
	.col-m-8 {width: 66.66%;}
	.col-m-9 {width: 75%;}
	.col-m-10 {width: 83.33%;}
	.col-m-11 {width: 91.66%;}
	.col-m-12 {width: 100%;}

	/* insert your specific styles for tablets here */
	}

@media only screen and (min-width:1000px) {
	/* For desktop: */
	.col-1 {width: 8.33%;}
	.col-2 {width: 16.66%;}
	.col-3 {width: 25%;}
	.col-4 {width: 33.33%;}
	.col-5 {width: 41.66%;}
	.col-6 {width: 50%;}
	.col-7 {width: 58.33%;}
	.col-8 {width: 66.66%;}
	.col-9 {width: 75%;}
	.col-10 {width: 83.33%;}
	.col-11 {width: 91.66%;}
	.col-12 {width: 100%;}

	/* insert your specific styles for desktops here */
	}

 /* end coding for responsive pages */