body {
	margin: 0;
	background-color: #790101;
	background-image: url("images/body.gif");
	background-repeat: repeat-x;
	font: 16px arial, sans-serif;
}

div#page {
	width: 100%;
	max-width: 900px;
	margin: 0;
	border-top: 8px solid #222;
	padding: 0;
	background: #fff;
}

div#top {
	position: relative;
	margin: 0 auto 0 auto;
	padding: 10px 0 0 0;
}

div#top h1 {
	margin-top: 5px;
	line-height: 28px;
}

h1 span {
	clear: both;
	font-size: 21px;
}

@media screen and (min-width: 800px) {
	body {
		padding: 0 0 20px 0;
	}
	div#page {
		margin: 17px auto 0 auto;
	}

	div#top {
		height: 160px;
		padding: 10px 0 0 20px;
	}

	div#top h1 {
		font-size: 45px;
		line-height: 47px;
	}

	h1 span {
		clear: none;
		font-size: 36px;
	}
}

div#top img {
	float: left;
	margin: 0 25px 0 0;
}

div#top div {
	clear: both;
	background: #222;
	padding: 5px;
	margin: 10px 0 0 0;
}

.top:link, .top:visited, .top:hover, .top:active {
	display: inline-block;
	padding: 5px 5px 5px 5px;
	margin: 0 8px 0 8px;
	font: bold 13px arial, sans-serif;
	color: #fff;
}

@media screen and (min-width: 800px) {
	div#top div {
		clear: none;
		display: inline-block;
		float: right;
		margin: 21px 4px 0 0;
	}

	.top:link, .top:visited, .top:hover, .top:active {
		margin: 0;
	}
}

div#menu {
	clear: both;
	height: 145px;
	background-color: #790101;
}

div#menu div {
	width: 100%;
	max-width: 870px;
	margin: 0 auto 0 auto;
}

.menulink:link, .menulink:visited, .menulink:active {
	display: block;
	float: left;
	width: 38%;
	margin: 0 8px 0 8px;
	padding: 9px 10px 8px 10px;
	font: bold 15px arial, sans-serif;
	color: #fff;
}

@media screen and (min-width: 600px) {
	div#menu {
		height: 105px;
	}

	.menulink:link, .menulink:visited, .menulink:active {
		width: 29%;
		padding: 9px 5px 8px 5px;
	}
}

@media screen and (min-width: 800px) {
	div#menu {
		height: 35px;
		overflow: hidden;
		border: 4px solid #fff;
		background-image: url("images/menu.gif");
	}

	.menulink:link, .menulink:visited, .menulink:active {
		width: auto;
		margin: 0;
		padding: 9px 10px 8px 10px;
	}
}

.menulink:hover {
	color: #f7f5de;
}

.active:link, .active:visited, .active:hover, .active:active {
	color: #efeabf;
}

div#submenu {
	clear: both;
}

fieldset.honeypot {
	display: none;
}

fieldset label {
	text-align: right;
}

fieldset label, fieldset span {
	padding: 2px 5px 5px 5px;
	display: inline-block;
	vertical-align: top;
}

form#login label {
	width: 130px;
}

/*CONTENT*/
div#content {
	clear: both;
	width: 95%;
	max-width: 850px;
	margin: 0 auto 0 auto;
	padding: 0 5px 10px 5px;
}

@media screen and (min-width: 800px) {
	div#content {
		padding: 0 25px 30px 25px;
	}
}

h1 {
	margin: 20px 0 0 0;
	font: 36px georgia, serif;
}

h2 {
	margin: 18px 0 0 0;
	font: 25px arial, sans-serif;
}

h3 {
	font: bold 17px arial, sans-serif;
	margin: 18px 0 -12px 0;
}

td h3 {
	margin: 0;
}

p {
	margin: 15px 0 0 0;
	line-height: 23px;
}

table {
	margin: 15px 0 0 0;
	line-height: 23px;
}

table caption {
	font: bold 15px arial, sans-serif;
	text-align: left;
}

form {
	margin: 0;
	padding: 0;
}

fieldset {
	margin: 15px 0 0 0;
	border: 0;
	padding: 0;
}

input[type=submit] {
	display: block;
	margin: 17px 0 0 0;
	border: 0;
	border-radius: 3px;
	padding: 13px 19px 13px 19px;
	background: #2c489c;
	font-size: 17px;
	color: #fff;
}

input[type=submit]:hover {
	background: #3A58B4;
	cursor: pointer;
}


ul {
	margin: 15px 0 0 25px;
	padding: 0;
}

li {
	margin: 0;
	padding: 0;
	line-height: 23px;
}

a, a:link, a:visited, a:active, table#results tr {
	text-decoration: none;
	color: #1c5c9d;
	cursor: pointer;
}

a:hover, table#results tr:hover {
	text-decoration: underline;
	color: #67acef;
}

img {
	max-width: 100%;
	border: 0;
}

.clear {
	clear: both;
}

.center {
	text-align: center;
}

.error {
	color: red;
}

.confirmation {
	color: blue;
}

.info {
	color: darkgreen;
}

div.highlight {
	margin: 15px 0 15px 0;
	border: 2px solid #D2CEA9;
	padding: 0 8px 6px 8px;
	background: #E2DEB8;
}

@media screen and (min-width: 800px) {
	div.highlight {
		float: right;
		width: 300px;
		margin: 15px 0 20px 25px;
	}
}

div.highlight h2 {
	margin: 0 -8px 0 -8px;
	border-bottom: 1px solid #BEBA97;
	padding: 5px 0 5px 8px;
	background: #D2CEA9;
	font: 25px georgia, sans-serif;
	color: #730101;
}

div.highlight h3 {
	padding: 3px;
	background: #ddd;
}

div.highlight p {
	margin-bottom: 8px;
}

div.highlight form#paypal {
	margin: 0 0 8px 0;
	padding: 0;
}

div.highlight form#paypal fieldset {
	margin: 0;
	padding: 0;
}

div.highlight form#paypal b {
	display: inline-block;
	margin: 8px 0 0 0;
}

div.highlight form#paypal label {
	vertical-align: top;
	text-align: right;
	margin-right: 10px;
	width: 70px;
}

div.highlight form#paypal input, div.highlight form#paypal select, div.highlight form#paypal textarea, div.highlight form#paypal label {
	display: inline-block;
	margin: 2px;
	padding: 1px;
}

/* Home */
div#home {
	border-top: 4px solid #790101;
}

#slideshow {
	position: relative;
	width: 850px;
	height: 480px;
	margin: 0;
	padding: 0;
}

#slideshow div img {
	height: 480px
}

/* Latest News */
div.news {
	clear: both;
}

div.news img {
	display: block;
	margin: 25px 0 0 0;
}

@media screen and (min-width: 800px) {
	div.news img {
		float: right;
		margin: 0 0 1em 1em;
	}
}

/* About Us */
table#excom td {
	border-bottom: 1px solid #ccc;
}

div.about img {
	float: right;
	margin: 0 0 1em 1em;
}

div.about p {
	white-space: pre-wrap;
}

/* Apply */
table#fields h3, h3#tan {
	padding: 3px;
	border: 1px solid #D2CEA9;
	background: #E2DEB8;
}

/* Events */
div.event {
	clear: both;
	padding: 1em 0;
	border-top: 2px solid #790101;
}

div.event img {
	float: right;
	margin: 0 0 1em 1em;
}

div.event h3 {
	margin: 0;
	padding: 0;
}

.registrants {
	width: auto;
}

.registrants th {
	text-align: center;
}

.registrants input[type=text], .registrants select {
	width: 100%;
	box-sizing: border-box;
}

/* Scholarships */
div.winner {
	float: left;
	width: 376px;
	height: 200px;
	margin: 10px 20px 10px 2px;
	border: 2px solid #D2CEA9;
	padding: 5px 5px 5px 5px;
	background: #E2DEB8;
	font-size: 13px;
	line-height: 18px;
}

div.winner img{
	float: left;
	width: 90px;
	margin: 0 15px 25px 0;
	border: 1px solid #BEBA97;
}

div.winner2010 {
	float: left;
	width: 376px;
	height: 380px;
	margin: 10px 20px 10px 2px;
	border: 2px solid #D2CEA9;
	padding: 5px 5px 5px 5px;
	font-size: 12px;
	line-height: 18px;
}

div.winner2010 img{
	float: left;
	margin: 0 15px 15px 0;
}

div.winner2011, div.winner2012, div.winner2013, div.winner2014, div.winner2015, div.winner2016, div.winner2018, div.winner2019 {
	margin: 10px 0 10px 0;
	border: 2px solid #D2CEA9;
	padding: 5px 5px 5px 5px;
	font-size: 13px;
	line-height: 18px;
}

div.winner2011 img, div.winner2012 img, div.winner2013 img, div.winner2014 img, div.winner2015 img, div.winner2016 img, div.winner2018 img, div.winner2019 img {
	float: left;
	margin: 0 15px 10px 0;
}

@media screen and (min-width: 800px) {
	div.winner2011, div.winner2012, div.winner2013, div.winner2014, div.winner2015, div.winner2016, div.winner2018, div.winner2019 {
		float: left;
		height: 360px;
		width: 376px;
		margin: 10px 20px 10px 2px;
	}
}

div.winner2016 img, div.winner2019 img {
	width: 124px;
}

/*Missing Lynx*/
h2.missing{
	padding: 3px;
	background: #E2DEB8;

}

/*Contact Us*/
div#contact{
	margin: 15px 0 15px 0;
	border: 2px solid #D2CEA9;
	padding: 0 8px 6px 8px;
	background: #E2DEB8;
}

@media screen and (min-width: 800px) {
	div#contact {
		float: right;
		width: 400px;
		margin: 15px 5px 25px 25px;
	}
}

/*Website Guide*/
div#guide-left {
	float: left;
	width: 38%;
	padding: 0 0 0 2%;
}

div#guide-right {
	float: right;
	width: 60%;
}

div#guide-left a, div#guide-right a {
	display: block;
	margin: 10px 0 0 0;
	padding: 2px;
}

div#guide-minutes {
	margin: 12px 0 2px 2px;
}

div#guide-minutes select {
	margin: 0 0 0 16px;
}

div#guide-left .small, div#guide-right .small {
	font-size: 85%;
}

/*FOOTERS*/
div#footer{
	position: relative;
	margin: 0 auto 0 auto;
	padding: 0 0 10px 0;
	background-color: #790101;
	font-size: 12px;
}

div#social {
	padding: 10px 0 5px 8px;
}

div#footerMenu{
	margin: 0 auto 0 auto;
}

.footer:link, .footer:visited, .footer:active{
	display: block;
	float: left;
	width: 27%;
	margin: 5px 5px 0 5px;
	padding: 2px 5px 2px 5px;
	font-size: 14px;
	color: #fff;
}

.footer:hover,.siteby:hover{
	color: #f7f5de;
}

p.copyright {
	clear: both;
	padding: 15px 0 0 0;
	text-align: center;
	color: #fff;
	font-size: 10px;
	line-height: 13px;
}

.siteby:link, .siteby:visited, .siteby:active {
	color: #eee;
}

@media screen and (min-width: 600px) {
	div#footer {
		height: 110px;
	}

	.footer:link, .footer:visited, .footer:active{
		width: 21%;
	}
}

@media screen and (min-width: 800px) {
	div#footer {
		height: 120px;
		border: 4px solid #fff;
		padding: 11px 10px 0 0;
		background: url("images/footer.gif");
		background-repeat: repeat-x;
		background-size: cover;
	}

	div#social {
		position: absolute;
		top: 27px;
		left: 460px;
		padding: 0;
	}

	div#footerMenu {
		float: left;
		width: 500px;
		padding: 0 0 3px 10px;
	}

	.footer:link, .footer:visited, .footer:active{
		margin: 0;
		width: 120px;
		margin: 4px 0 0 0;
		padding: 3px 10px 2px 10px;
	}

	p.copyright {
		clear: none;
		float: right;
		padding: 0;
		text-align: right;
		font-size: 12px;
		line-height: 19px;
	}
}