/*@import url("layout.css");*/
html {
	font-size: 16px;

}
body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.0rem;
	margin: 20px;
	font-size: 1.0rem;
	font-style:normal;
	background-color: #619aeb;
	background-image:url('../images/background_cloud_r1.gif');
	background-repeat: repeat;
	background-attachment: scroll;
}
/* @media (orientation: landscape) {
	body {
		width: 900px;
	}
}
@media (orientation: portrait) {
	body {
		width: 500px;
	}
} */
#container {
	/* width: 740px; */ /*700*/
	width: 100%;

/* 	padding-left: 10px; 
	padding-right: 10px; */
	/*border-right: 2px solid #725972;
	border-bottom: 2px solid #725972;
	border-left: 2px solid #725972;*/
	background-color: transparent;
	position:relative;
/* 	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;

	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center; */
}
#masthead {
	text-align:center;
	width: 100%; /*700*/
	height:auto;
	padding: 0px; 
	/* border: 1px dotted #725972;
	background-image:url('../images/masthead_region_1a.gif');
	background-repeat:no-repeat;
	background-attachment: scroll;
	background-position:0 0; */
	clear:both;
}

.mainContent {
	float:left;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
}
#secondaryContent {
	float:right;
	width: 250px;
	margin-top: 50px;
	margin-bottom: 10px;
	margin-left: 10px;	
	padding-left:10px;
	padding-right:10px;
	background-color:#ebd380;
}
#schedContent {
	background-image:url('../images/sched-vertRiders-orange.gif');
}
.container p {
	float:right;
}
#footer {
	text-align: center;
	clear: both;
	width: 700px;/*618*/
	border: 1px dotted #d8bfd8;
	margin:auto;
}
a {
	color:blue; 
	text-decoration: none;
	font-weight:bold;
}
a:link {
	color:blue; 
	text-decoration: none;
	font-weight:bold;
}
a:hover {
	color: navy;
	text-decoration: underline;
	font-weight:bold;
}
/* Masthead Styles */
#masthead {
	/* position: absolute; */
	background-color:transparent;
	border-style: none;
}
#masthead h1 {
	color: #fff;
}
#masthead h3 {
	color: #402640;
}
/* Navigation Styles */

/* #navigation {
	position:absolute;
	width:auto;
	padding: 0%;
} */
#motto {
	@media (min-width: 601px) {
	display: none;
	}
}
#masthead h2 {
	@media (min-width: 601px) {
		display: none;
		}
		font-size:x-large;
		/* margin-top: auto; */
		margin-bottom: 10px;
}
#masthead img {
	width: 100%;
	@media (max-width: 600px) {
		display: none;}	
}
#navigation {
	position: relative;
	padding-top: 10px;
}
#navigation ul { /* selects div also id'ed as 'mainNav' */
	list-style-type: none;
	/*width: 740px;*/ /*702*/
	background-color: #d6d1cb; /*#9c9e95; */
	/*display: block;*/
	margin: 0;
	padding: 0;
	
	/*float:left;*/
	border-top: 1px black solid;
}
#navigation li {
	float:left;
	margin: 0;
	padding: 0;
	/*border: 1px solid navy;*/
}
#navigation a {
	color: navy; /*#402640;*/
	text-decoration: none;
	display: block;
	padding:0 1em;
}
#navigation a:link {
	color:navy; 
	background-color: #d6d1cb; 
	}
#navigation a:hover {
	color: navy; 
	background-color: #fff;
}

#mainNav li {
/*  	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1; */

	/*
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex; */
	flex: initial;
}
#mainNav {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;

	-ms-flex-wrap: wrap;
	flex-wrap: wrap;

	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	

	
}

/*code to highlight current page*/
#home #mainNav .home a,
#newRiders #mainNav .newRiders a,
#rideSched #mainNav .rideSched a,
#judgesCorner #mainNav .judgesCorner a,
#gallery #mainNav .gallery a,
#links #mainNav .links a,
#contact #mainNav .contact a, 
#news #mainNav .news {
	color:blue;
	font-style:italic;
	font-weight:bold;
	cursor:default;
}
/* Container Styles */
#container h1,h2,h3,h4,h5,h6 {
	color: #2554C7;
	text-align:center;
}
#container h2{
	clear:both;
	margin-top: 15px;
}

.centeredImage
    {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	/*text-align:center;*/
    margin-top:auto;
    margin-bottom:auto;
	/*padding-right: 10px;*/
   /*  position:relative;*/
    }
	.centeredImage img {
		width: 100%;
		padding-right: 20px;
		-webkit-box-sizing: border-box;
				box-sizing: border-box;
	}
#secondaryContent h1,h2,h3,h4,h5,h6 {
	color: #472f17;
}

/* Footer Styles */
#footer p {
	color: navy;
	text-align:center;
	clear:both;
}
#footer a {
	color: navy;
	text-decoration: underline;
}
#footer a:hover {
	color: #402640;
	text-decoration: none;
}
.style_bold {
	font-weight: bold;
}
.style_italic {
	font-style: italic;
}
.box {
	height: 200px;
	width: 550px;
	float:right;
}
/*Ride Schedule styles*/
.top td {
	border-top:thin gray solid;
}
.bottom td{
	border-bottom:thin gray solid;
}
table {
	border-collapse:collapse;
	border:thin gray solid;
}
thead, td {
	padding: 0.1em 0.5em;
	text-align:center;
}
thead {
	border-bottom: thin gray solid;
	}
.top td {
	border-top:thin gray solid;
}
.bottom td{
	border-bottom:thin gray solid;
}

table.center {
	margin-left:auto;
	margin-right: auto;
	border:none;
}
#sponsor_table table{
	border: none;
	margin-right:30px;
	padding:none;
}

#sponsor_table td{
	border-top: thin blue solid;
	border-left: none;
	border-bottom: thin blue solid;
	border-right: none;
}
#BOD_calendar_table td{
  	padding: 0.1em 0.5em;
	text-align:left;
}
#photoTable table {
	border: none;
	}
#photoTable td {
	text-align: center;
	vertical-align: top;
}
#photoTable img {
	border:thin brown solid;  
}

.bold { font-weight: bold; }
.underline {text-decoration: underline;}
.red { color: red;}

figure {
  float: right;
  width: 50%;
  text-align: center;
  font-style: italic;
  text-indent: 0;
  margin: 0.5em;
  padding: 0.5em;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

.centerPoints {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

.hideIfMobile {
	display: none;
}
	
.hideIfDesktop {
	display: block;
}