/* CSS Document */
#body {
	background-color:#EFEFE7;
}

#categories{
	border-right:none;
	background-color:#EFEFE7;
	color:#000000;
	text-decoration:none;
	text-align:left;
	display:block;
	margin:0px 0px 0px 5px;
	font-weight:bold;
	font-size:12pt;
	font-family:Tempus Sans ITC;}

#cat1{
	color:#000000;
	text-decoration:none;
	text-align:left;
	display:block;
	font-weight:bold;
	font-size:12pt;
	font-family:Tempus Sans ITC;}

#cat1 a{
	color:#000000;
	text-decoration:none;
	text-align:left;
	display:block;
	font-weight:bold;
	font-size:12pt;
	font-family:Tempus Sans ITC;}

#cat1 a:hover{
	background-color:#800000;
	color:#ffffff;
	text-decoration:none;
	text-align:left;
	display:block;
	font-weight:bold;
	font-size:12pt;
	font-family:Tempus Sans ITC;}

#leftnav {width:160px;
		font-family: Tempus Sans ITC;
		font-size:12px;
		color:#ffffff;
		font-weight:bold;
		display:block;
		background-color:#EFEFE7;
		float:left;
		border-left:5px;
		text-align:left;
		}

#topnav {color:#ffffff;
		width:100%;
		font-size:12px;
		font-weight:bold;
		background-color:#EFEFE7;
		display:block;
		text-align:center;
}

#footer {background-color:#FFFFFF;
		font-size:12px;
		color:#000000;
}

td.content {font-family:Tempus Sans ITC;
		color:black; 
		font-size:14px;
		background-color:#FFFFFF;}
content {font-family:Tempus Sans ITC;
		font-size:14px;}

h1 {font-size: xx-large; color: #800000;}
h2 {font-size: x-large; color: #003300;}
h3 {font-size: large; color: #000000;}
h4 {font-size: medium; color: #660000;}

a:link {color: #000000;}
a:visited {color: #800000;}
a:hover {color: #663300;}
a:active {color: #990033;}
.style1 {color: #800000}
.style2 {font-weight: bold}
.style3 {font-weight: normal;}

/* Modal Window Section */
.modal-window {
  align-items: center;
  background-color: rgba(0,0,0,0.7);
  display: flex;
  justify-content: center;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}

.modal-message {
  background-color: #fff;
  border: 4px solid #ff4400;
  font-size: 24px;
  max-width: 500px; /* why max-width, not width? This allows the element to be responsive and resize smaller for mobile */
  text-align: center;
  padding: 40px 80px;
}

.modal-dismiss {
  background-color: #ff4400;
  color: #fff;
  margin: 15px auto; /* centers in the row */
  padding: 10px 20px;
  text-align: center; /* centers text within the button */
  width: 350px;
}