/* main layout start --------------------------*/
p {
	color:#444;
}

.wrapperTop{
	width:100%;
	background-color:#FFF;
	padding-left: 15%;
	padding-right: 15%;
}

.outerWrapper{
	/* background-image:url(../images/blueBg.png); */
	/* background-position: center top; */
	/* background-size: 100% 350px; */
	/* background-size: 100%; */
	/* background-repeat:no-repeat; */
}

@media all and (min-width: 1200px) {
	.wrapper {
		display: flex;
		flex-flow: row wrap;
		/* font-weight: bold; */
		text-align: center;
		max-width: 70%;
		min-width: 1200px;
		margin-left: auto;
		margin-right: auto;
	}
}

@media all and (max-width: 1200px) {
	.wrapper {
		display: flex;
		flex-flow: row wrap;
		/* font-weight: bold; */
		text-align: center;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
}

.wrapper > * {
  padding: 10px;
  flex: 1 100%;
}

img {
	max-width:100%;
}

.header {
  background: #e3e5e7;
}

.footer {
	background: #f2f5f9;
	/* border-top:1px solid #e8e8e8; */
	padding-top: 2em;
    font-size: 14px;
}

.main {
	text-align: left;
	background: #f2f5f9;
	padding-top:25px;
	padding-bottom:25px;
	/* margin-top:25px; */
	/* margin-bottom:25px; */
}

.block-content{
	width: 100%;
    margin-left: auto;
    margin-right: auto;
}

h1{
	font-size: 36px;
    font-style: normal;
    letter-spacing: 0px;
    text-transform: none;
    line-height: 1.5em;
	color: #12629f;
}

.HomeTitle {
	font-size: 36px;
    font-style: normal;
    letter-spacing: 0px;
    text-transform: none;
    line-height: 1.5em;
	color: #12629f;
}

.normalWeight{
	font-weight:normal;
}

a{ color: #12629f; text-decoration:none; }

a:hover, a:active { color: #383838; }

.aside-1 {
	background: #f2f5f9;
	/* border-right:1px solid #e8e8e8; */
	/* margin-top:25px; */
	/* margin-bottom:25px; */
	text-align:left;
	max-width:25%;
	font-size:smaller;
	padding:25px 25px;
	min-width:275px;
	/* border-right: 1px dotted black; */
}
.aside-2 {
	background: #f2f5f9;
	/* border-left:1px solid #e8e8e8; */
	/* margin-top:25px; */
	/* margin-bottom:25px; */
	text-align:left;
	max-width:15%;
	font-size:smaller;
	padding:25px 25px;
}

.Clock01 {font-family: Arial, Calibri, sans-serif; font-size: 16px; font-weight: normal; text-decoration: none; color: #FFFFFF;}
.Clock01 A:link {font-family: Arial, Calibri, sans-serif; font-size: 16px; font-weight: bold; text-decoration: none; color: #FFFFFF;}
.Clock01 A:visited {font-family: Arial, Calibri, sans-serif; font-size: 16px; font-weight: bold; text-decoration: none; color: #FFFFFF;}
.Clock01 A:active {font-family: Arial, Calibri, sans-serif; font-size: 16px; font-weight: bold; text-decoration: none; color: #FFFFFF;}
.Clock01 A:hover {font-family: Arial, Calibri, sans-serif; font-size: 16px; font-weight: bold; text-decoration: underline; color: #FFFFFF;}


.sidebarList {
	list-style:none;
	color: #404040;
	font-size: 16px;
	padding:0px;
	font-weight:bold;
}

.sidebarList li {
	border-top:1px solid lightgrey;
	border-bottom:1px solid lightgrey;
	padding: 12px 10px;
	margin-bottom: -1px;
}

.sidebarList li:hover {
	border-left: 5px solid black;
	margin-left: -5px;
}

#sponsorsSection {
	padding: 10px; 
	border-top:1px solid lightgrey; 
	margin-top:4em;
}


#Featured-Sponsors-Top {
    width: 208px;
    height: 37px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    background-image: url(/images/Sponsors-Special-Top.png);
}

#Featured-Sponsors-Middle {
    width: 208px;
    height: auto;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    background-image: url(/images/Sponsors-Special-BG.png);
}

#Featured-Sponsors-Bottom {
    width: 208px;
    height: 13px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    background-image: url(/images/Sponsors-Special-Bottom.png);
}



.blueSpacer {
	background-color: #6c8db2;
	width:100%;
	height: 2em;
}

@media all and (min-width: 600px) {
  .aside { flex: 1 auto; }
}

@media all and (min-width: 800px) {
  .main    { flex: 3 0px; }
  .aside-1 { order: 1; } 
  .main    { order: 2; }
  .aside-2 { order: 3; }
  .footer  { order: 4; }
}

@media all and (max-width: 799px) {
	.aside-1, .aside-2{
		max-width:100%;
		padding-top: 0px;
	}
	
	#theRightColumn {
	  float:left; 
	  margin-right: 5px;
	}
	
	.sidebarList {
		display:grid;
		padding-left:1em;
	}

	#sponsorsSection {
		float: left;
		border-top: 0px;
		padding: 0px;
		margin-top: -3em;
		margin-left: 0.5em;
	}
}

@media all and (max-width: 450px) {
	#theRightColumn {
	  float:none; 
	  display:block;
	}
	
	.sidebarList {
		display:block;
	}

	#sponsorsSection {
		float: none;
		display:block;
		margin-top: 1em;
	}
}

body {
  padding: 0em; 
  margin: 0em; 
  font-family: Arial, Calibri, sans-serif;
  background-color: #e1dfdf;
}

.logoHeader{
	background-color:#fff;
	display: flex;
    align-items: center;
    justify-content: space-between;
	flex-wrap:wrap;
}

.pageNameHeader{
	background-image:url(../images/topHeaderBG_blend.jpg);
	background-size:cover;
	color:white;
	text-align:left;
}

.pageHeader{
	margin-bottom: 0px;
	margin-top: 2em;
	/* margin-left: 0.5em; */
	/* margin-right: 1 em; */
	text-align: center;
	color: #FFF;
	font-size:3em;
}

@media all and (max-width: 567px) {
  .logoHeader { justify-content: center; }
}

.logoImage{
	float:left;
	max-width:100%;
	max-height:100px;
}

.mediaLinks{
	float:right;
}

.mediaLinks img{
	display:inline-block;
}



/* main layout end --------------------------*/

/* NEW menu start -----------------------------------------------------*/
.topnav {
  overflow: hidden;
  /* background-color: #333; */
}

.topnav a {
	float: left;
	display: block;
	color: #404040;
	text-align: center;
	padding: 5px 16px;
	text-decoration: none;
	font-size: 15px;
	font-weight:bold;
}

.topnav a:hover, .dropdown:hover {
  background-color: #ddd;
  color: black;
}

.active {
  /* background-color: #cfcfcf; */
  /* color: black; */
}

.topnav .icon {
  display: none;
}

.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown a {
	padding:0px;
}

.dropdown .dropbtn {
  font-size: 15px;    
  border: none;
  outline: none;
  padding: 5px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
  color:#404040;
  font-weight:bold;
}

.dropdown:hover .dropbtn:hover {
	color: black;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

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

.dropdown:hover .dropdown-content {
  display: block;
}



@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}

.topnav .menuFloatRight{
	float:right;
}

@media screen and (max-width: 1205px) {
	.topnav .menuFloatRight{
		float:left;
	}
}

@media screen and (max-width: 750px) {
	#largeScreenMenu{
		display:none;
	}
	
	#smallScreenMenu{
		display:inherit;
	}
	
  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (min-width: 750px) {
	#largeScreenMenu{
		display:inherit;
	}
	
	#smallScreenMenu{
		display:none;
	}
}	

@media screen and (max-width: 750px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
}



/* NEW menu end -----------------------------------------------------*/

/* SUB menu start -----------------------------------------------------*/
.subnav {
  overflow: hidden;
  background-color: #6c8db2;
}

.subnav a {
	float: left;
	display: block;
	color: #FFF;
	text-align: center;
	padding: 5px 16px;
	text-decoration: none;
	font-size: 16px;
}

.subnav a:hover {
  background-color: #ddd;
  color: black;
}

.subnav .active {
  /* background-color: #cfcfcf; */
  /* color: black; */
}

.subnav .icon {
  display: none;
}

.subnav .menuFloatRight{
	float:right;
}
/* SUB menu end -----------------------------------------------------*/


.indexMainImage{
	width:90%;
	border: 1px solid grey;
	box-shadow: 3px 3px lightgrey;
}


/* styling for forms start -----------------------------------------------------*/

* {
	box-sizing: border-box;
}

input[type=text], input[type=password], input[type=number], select, textarea, input:not([type]) {
	width: 100%;
	padding: 12px;
	border: 1px solid #ccc;
	border-radius: 4px;
	resize: vertical;
	/* max-width:19rem; */
}

label {
	padding: 12px 12px 12px 0;
	display: inline-block;
}

input[type=submit] {
	background-color: #2460a2;
	color: white;
	padding: 12px 20px;
	border: none;
	border-radius: 4px;
	cursor: pointer;
}

input[type=submit]:hover {
	/* background-color: #45a049; */
}

.form-container {
	border-radius: 5px;
	background-color: #f2f2f2;
	padding: 20px;
}

.col-25 {
	float: left;
	width: 25%;
	margin-top: 6px;
}

.col-75 {
	float: left;
	width: 75%;
	margin-top: 6px;
}

.col{
	float: left;
	margin-top: 6px;
	width: 100%;
    max-width: 500px;
}

/* Clear floats after the columns */
.row:after {
	content: "";
	display: table;
	clear: both;
}

/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
	.col-25, .col-75, .col input[type=submit] {
		width: 100%;
		margin-top: 0;
	}
}

/* styling for forms end -----------------------------------------------------*/



/*OLD SITE STYLES EDITS*/

.theSponsors img{
	float:left;
	margin-bottom:5px;
}

.theSponsors p {
	clear:both;
}

.fullWidthImage {
	width:100%;
}

.indexRandomImages {
	padding-right: 1em;
	min-width:200px;
}

@media all and (max-width: 600px) {
	.bioPhotos td {
		float:left;
		width: 100%;
		margin-left:auto;
		margin-right:auto;
	}
}

@media all and (min-width: 530px) {
	.indexRandomImagesHidden{
		display:none;
	}
}

@media all and (max-width: 530px) {
	.indexRandomImages {
		display:none;
	}
	
	.indexRandomImagesHidden td{
		display:table;
	}
	
	.indexRandomImagesHidden td{
		display: flex;
		width:100%;
	}
	
	.indexRandomImagesHidden div{
		width: 30%;
		padding: 10px 1%;
		margin-left:auto;
		margin-right:auto;
	}
}