BODY {
	background-color: #FFFFFF;
	background-image: none;
	font-family: verdana, arial, helvetica, sans-serif;
	font-style: normal;
	text-align: left;
	color: #000000;
	margin: 0;
    padding: 0;
}

P {
	border-width: 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	margin-bottom: 10px;
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 10px;
	padding: 0px;
	/*max-width: 560px;*/
	/*width: 70%;*/
}

P.text {
	border-width: 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 85%;
	font-style: normal;
	margin-bottom: 10px;
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 10px;
	padding: 0px;
	max-width: 560px;
/*	width: 70%;*/
}

P.sidelink {
	background-color: #330033;
	color: #ccccff;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 90%;
	font-weight: bold;
	link-color: #996699;
	link-style: normal;
	margin: 6px;
	padding: 4px;
	text-decoration: none;
	vlink-color: #666666;
	max-width: 560px;
}

.thumbable {
    font-size: 1.4em;
}

HR {
    border: 2px solid #99ff99;
}

H5 {
	color: #990000;
	font-family: Verdana, helvetica, arial, sans-serif;
	font-size: 90%;
/*	font-weight: bold;	*/
	font-weight: normal;
	max-width: 560px;
	/*width: 70%;*/
}

H4 {
	color: #990000;
	font-family: Verdana, helvetica, arial, sans-serif;
	font-size: 105%;
/*	font-weight: bold;	*/
	font-weight: normal;
	max-width: 560px;
	/*width: 70%;*/
}

H3 {
	color: #226600;
	font-family: Verdana, helvetica, arial, sans-serif;
	font-size: 1.5em;
/*	font-weight: bold;	*/
	font-weight: normal;
	max-width: 560px;
	/*width: 70%;*/
}

H2 {
	color: #226600;
	font-family: Verdana, helvetica, arial, sans-serif;
	font-size: 1.7em;
/*	font-weight: bold;	*/
	font-weight: normal;
	margin-top: 0px;
	max-width: 560px;
/*	width: 70%;*/
}

H1 {
	color: #226600;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 170%;
	font-weight: normal;
	max-width: 560px;
/*	width: 70%;*/
}

ul {
/*	list-style-image: url(thorn1.png);	*/
/*	list-style-style: none;			*/
/*	padding-top: 4px;			*/
	font-family: sans-serif;
	font-size: 1.4em;
}

li {
/*	list-style-image: url(thorn1.png);	*/
/*	list-style-position: outside;		*/
/*	list-style-type: square;		*/
	padding: 0.5em;			
	font-family: sans-serif;
}

/*form {
    font-size: 100%;
}*/

.sidetable {
	background-color: inherit;
	color: #ccccff;
	font-family: sans-serif;
	font-size: 90%;
	text-decoration: none;
}

.nostyle {
	color: #ffffff;
	font-family: sans-serif;
	font-size: 0%;
	line-height: 0%;
	margin: 0px;
	padding: 0px;
}

.note {
	font-size: 64%;
	margin-left: 8px;
	margin-top: 12px;
}

.address {
	font-size: 64%;
	font-style: normal;
	font-weight: bold;
	margin-left: 8px;
}

em {
	font-weight: bold;
	text-decoration: none;
}

.noback {
	background-image: none;
	margin-top: 0px;
}

.overall {
	font-size: 90%;
}

.attribution {
	font-size: 90%;
	font-style: italic;
}

.prayerpage {
	margin-left: 106px;
}

P.endlink {
	background-color: #330033;
	color: #ccccff;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 60%;
	font-weight: bold;
	link-color: #996699;
	link-style: normal;
	margin-bottom: 2px;
	margin-top: 2px;
	padding: 2px;
	text-decoration: none;
	vlink-color: #666666;
}
.greenbutton {
  background-color: #008080;
/*  border: none; */
  color: white;
  padding: 0.3em 1em;
  border-radius:1em;
  border:none;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1em;
  margin: 0.2em 0.1em;
  cursor: pointer;
  width: 100%;
}
.greenbutton:active {
    background-color: #FFFFFF;
}
.redbutton {
  background-color: #CC3333;
/*  border: none; */
  color: white;
  padding: 0.3em 1em;
  border-radius:1em;
  border:none;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1em;
  margin: 0.2em 0.1em;
  cursor: pointer;
  /*width: 100%;*/
}
.greenbutton2 {
  background-color: #008080;
/*  border: none; */
  color: white;
  padding: 0.3em 1em;
  border-radius:1em;
  border:none;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1em;
  margin: 0.2em 0.1em;
  cursor: pointer;
  /*width: 100%;*/
}
table, th, td {
  /*border: 1px solid black;*/
  background-color: #FFFFFF;
}
input[type=radio] {
    border: 0px;
    width: 2em;
    height: 2em;
}
/*.topbar {
    height: 4em;
    width:7em;
    white-space: normal;
    background-color: #99CCFF;
}
button[disabled]{
    background-color: #CCCCCC;
    color: #666666;
}
button:disabled{
    background-color: #CCCCCC;
    color: #666666;
}*/
/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 3.75em;
  height: 1.6em;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #DDDDDD;
  -webkit-transition: .2s;
  -moz-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 1.1em;
  width: 1.1em;
  left: 0.25em;
  bottom: 0.25em;
  background-color: white;
  -webkit-transition: .2s;
  -moz-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
}

input:checked + .slider {
  /*background-color: #2196F3;*/
  background-color: #66cc00;
}

input:focus + .slider {
  /*box-shadow: 0 0 0.06em #2196F3;*/
  box-shadow: 0 0 0.06em #66cc00;
}

input:checked + .slider:before {
  -webkit-transform: translateX(2.05em);
  -ms-transform: translateX(2.05em);
  -moz-transform: translateX(2.05em);
  -o-transform: translateX(2.05em);
  transform: translateX(2.05em);
}

/* Rounded sliders */
.slider.round {
  border-radius: 2em;
}

.slider.round:before {
  border-radius: 50%;
}
.blabel {
    max-width:5.6em;
    font-size:0.8em;
    font-style: italic;
    text-align: center;
    padding: 0.1em 0.4em;
    background-color:#CCCCCC;
}
.brow {
    max-width:5.6em;
    font-size:1em;
    font-weight:bold;
    text-align: center;
    background-color:#CCCCCC;
}
.browb {
    /*background-color: #2196F3;*/
    background-color: #66cc00;
    border: 0;
    height: 2em;
    width: 5em;
    border-radius:2em;
    color: #FFFFFF;
    font-weight:bold;
}
button:disabled {
    background-color:#AAAAAA;
}
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #BBDDEE;
  margin: 5% auto; /* 15% from the top and centered */
  padding: 8px;
  border: 1px solid #888;
  width: 85%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
  color: #6699CC;
  float: right;
  font-size: 40px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}


/* The Photo Modal (background) */
.photomodal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 0; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(51,51,51,0.8); /* Black w/ opacity */
}

/* Modal Content
.photomodal-content {
  background-color: rgba(0,0,0,0);
  margin: auto;
  padding: 32px;
  border: 1px solid #888;
  width: 80%;
}*/

/* The Photo Close Button */
.photoclose {
  color: #cccccc;
  background-color:#000000;
  /*float: right;*/
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 2;
  font-size: 32px;
  font-weight: bold;
}

.photoclose:hover,
.photoclose:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}