html{
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
	font-family: "benton-sans", sans-serif;
	font-size: 18px;
	background-color:#f1f1f1;
}
p {
	margin-top: 0px;

}
a {
	color: #880000;
	border-bottom: 1px #782f40 dotted;
}
a:link {
	color: #880000;
	text-decoration: none;
}
a:visited {
	color: #880000;
	text-decoration: none;
}
a:hover {
	color: #880000;
	text-decoration: underline;
	background-color:#ceb888;
	pointer:cursor;
}
a:active {
	color: #880000;
	text-decoration: underline;
}
a.img {
	background-color:transparent;
	border:0;
}
a.img:hover {
	background-color:transparent;
	border:0;
}
.title1 {
	font-size: 36px;
	text-align: center;
}
.title2 {
	font-size: 24px;
	text-align: center;
}
.title4 {
	font-size: 18px;
	padding-left:10px;
	color:#330000;
}
.slidetitle {
	font-size: 24px;
	text-align:center;
	text-shadow: 1px 1px grey;
	color:black;
}
.navslide {
	font-size: 18px;
	padding-top:10px;
	padding-left:20px;
	color:white;
}
.navbar {
	width:200px; 
	height:auto;
	padding-top:10px;
	padding-bottom:30px;
	background-color:#e7dcc4;
	display:none; 
	float:left; 
	border:1px solid grey; 
	box-shadow: 5px 5px grey;	
}
.contentLeft50 {
	float:left;
	width:50%;
	height:100%;
	box-sizing:border-box;
	display:table-cell;
}
.contentLeftalt {
	float:left;
	width:auto;
	height:100%;
	box-sizing:border-box;
	display:table-cell;
}
.contentLeftwithpic {
	float:left;
	width:calc(100% - 350px);
	height:100%;
	box-sizing:border-box;
	display:table-cell;
}
.contentRight {
	float:right;
	width:auto;
	height:100%;
	box-sizing:border-box;
	display:table-cell;
}
.content {
	height:100%;
	width:100%;
	box-sizing:border-box;
	display:table;
}
.contentnav {
	height:100%;
	width:100%;
	box-sizing:border-box;
	/*display:flex;
	justify-content:center;*/
	margin-top:75px;
	/*animation-name:fading;
	animation-duration: 3s;
	animation-iteration-count: 1;	*/
}
.previous {
	float:left;
	border-radius: 15px;
	border: 1px solid grey;
	height:30px;
	width:130px;
	margin-right:20px;
	font-size: 24px;
	text-align: center;
	background-color:#ceb888;
	box-shadow: 5px 5px grey;
	cursor:pointer;
}

.next {
	float:right;
	border-radius: 15px;
	border: 1px solid grey;
	height:30px;
	width:130px;
	font-size: 24px;
	text-align: center;
	background-color:#ceb888;
	box-shadow: 5px 5px grey;
	cursor:pointer;	
}

.nextprime {
	border-radius: 15px;
	border: 1px solid grey;
	height:30px;
	width:130px;
	font-size: 24px;
	text-align: center;
	background-color:#ceb888;
	box-shadow: 5px 5px grey;
	cursor:pointer;	
	margin-left:auto;
	margin-right:auto;
	margin-top:75px;
}

.complete {
	float:right;
	border-radius: 15px;
	border: 1px solid grey;
	height:70px;
	width:150px;
	font-size: 24px;
	text-align: center;
	background-color:#ceb888;
	box-shadow: 5px 5px grey;
	cursor:pointer;
}

@keyframes fading{0%{opacity:0}50%{opacity:1}}

.popup {
	position:fixed;
	font-size:12px;
	zIndex: 1;
	padding: 0px 10px 10px 10px;
	border: 1px solid black;
	background-color:rgb(255,255,225);
	overflow: auto;
}

.close {
  color: black;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

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

.caption {
	display: block; 
	border: solid black 1px; 
	padding: 10px; 
	background-color: rgb(255,255,225); 
	text-align: center; 
	font-size: 12px; 
	width: 250px;
}

.complete {
	border-radius: 15px;
	border: 1px solid grey;
	height:70px;
	width:150px;
	margin-top:75px;
	font-size: 24px;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	background-color:#ceb888;
	box-shadow: 5px 5px grey;	
}
.required {background: url(required.png) 2px 6px no-repeat !important; padding-left:20px;}

p.forms {
	padding-left:20px;
}

input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea,
	select {
		border: 1px solid #c5b783;
		padding: 6px 4px;
		outline: none;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		color: #777;
		margin: 0;
		width: 200px;
		max-width: 100%;
		display: block;
		margin-bottom: 20px;
		background: #fff;
	}
		
input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	textarea:focus {
		border: 1px solid #aaa;
 		color: #444;
 		-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
		-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
		box-shadow:  0 0 3px rgba(0,0,0,.2); 
}

input.btn,
.btn
{
	display: inline-block;
	padding: 2px 6px !important;
	margin: .25em 0;
	font-size: 75%;
	font-weight: 500 !important;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.125);
	text-transform: uppercase;
	vertical-align: middle;
	cursor: pointer;
	background-color: #ceb888;
	border: 1px solid #b1a476;
}

.recaptchatable {
	background:#fff;
}

.recaptchatable a, .recaptchatable a:hover {
	color: #ccc !important;
	font-size:80%;
}