@charset "utf-8";
/* CSS Document */


/* Chesapeake & OHio # 1 */


/*Main Page Layout Start */

/* Set Main Body Background Color */

body{
	background: #b8860a ;
	width:100%;
	height:100%;
}

/* Header Holder Area */

.header{
	background-color: #0C1B5E;
	width:80%;
	Height:auto;
	margin:1px auto 10px auto;
}

@media only screen and (max-width: 900px) {
	.header{
		width:90%;
		margin:1px auto 10px auto;
	}
}


.header img{
	width:100%;
	height:auto;
}



/* Menu Holder Area */

.Menucontainer{
	background-color: #0C1B5E;
	width:80%;
	height:60px;
	margin:3px auto 0px auto;
}

@media only screen and (max-width: 900px) {
	.Menucontainer{
		background-color: #0C1B5E;
		width:90%;
		height:60px;
		margin:3px auto 0px auto;
	}
}

/* Main Content Area */


.contentTitle{
	width:100%;
	height:60px;
	font-size:26px;
	text-align:center;
	padding-top:30px;
}



.contentcontainer{
	background-color: #0C1B5E;
	width:80%;
	height:auto;
	margin:10px auto 0px auto;
	color: #CAE1FF;
}

@media only screen and (max-width: 900px) {
	.contentcontainer{
		background-color: #0C1B5E;
		width:90%;
		height:auto;
		margin:10px auto 0px auto;
		color: #CAE1FF;
	}
}


.contentcontainer span{
	background-color: #0C1B5E;
	width:80%;
	height:auto;
	margin:20px auto 0px auto;
	color: #CAE1FF;
	text-align: left;
	font-size:16px;
}


@media only screen and (max-width: 900px){
	.contentcontainer span{
		background-color: #0C1B5E;
		width:90%;
		height:auto;
		margin:20px auto 0px auto;
		color: #CAE1FF;
		text-align: left;
		font-size:16px;
	}
}





/* Main Footer Content */

.footer{
	background-color: #0C1B5E;
	width:80%;
	Height:85px;
	margin:10px auto 10px auto;
	padding-top:30px;
	font-size:12px;
	color: #CAE1FF;
	text-align:center;
}


@media only screen and (max-width: 900px) {
	.footer{
		background-color: #0C1B5E;
		width:90%;
		Height:85px;
		margin:10px auto 10px auto;
		padding-top:30px;
		font-size:12px;
		color: #CAE1FF;
		text-align:center;
	}
}

/*Model Railroad Space Logo Content Box*/


.bannercontainer{
	display:flex;
	justify-content: center;
	width:100%;
	height:75px;
	
}

/* Header Image Temp */

.headerimagecontainer{
	display:flex;
	width:80%;
	height:auto;
	justify-content: center;
	margin:15px auto 15px auto;
}

.headerimagecontainer img{
	width:60%;
	height:auto;
}


.headerimagebanner{
	display:flex;
	width:100%;
	height:auto;
	justify-content: center;
	margin:15px auto 15px auto;
}

.headerimagebanner img{
	width:100%;
	height:auto;
}


.bannercontainer img{
	width:auto;
	height:75px;
}

@media only screen and (max-width: 900px) {
	.bannercontainer img{
		width:auto;
		height:50px;
	}
}


/*Text Formats */

.redtext12px{
	font-size: 12px;
	color: red;
}

.redtextcenter{
	font:bold;
	font-size: 12px;
	color:red;
	text-align: center;
}

.text14px{
	font-size:14px;
	color: #CAE1FF;
}

.text18px{
	font-size:18px;
	color: #CAE1FF;
}


/* Simple Search Container */

.simplesearchcontainer{
	width: 100%;
	height:auto;
	padding-top: 5px;
	padding-bottom: 15px;
	justify-content: center;
	text-align: center;
	
}


#searchlabel{
	font-size:20px;
	vertical-align: middle;
}


@media only screen and (max-width: 900px) {
	#searchlabel{
		width:100%;
		font-size:20px;
		margin-bottom:10px;
	}

}


#searchbutton{
	margin-top:20px;
}


@media only screen and (max-width: 900px) {
	#searchbutton{
		display:inline-block;
		margin-top:20px;
	}
}


#reloadbutton{
	margin-top:20px;
}
	
	
@media only screen and (max-width: 900px) {
	#reloadbutton{
		display: inline-block;
		margin-top:20px;
	}
}


/* Recorset is Empty Div */

.recordsetempty{
	width: 100%;
	height:400px;
	margin:auto;
	padding-top:50px;
	font-size:20px;
	text-align: center;
}


/* Link Stypes */

a:link {
  color: #CAE1FF;
}

/* visited link */
a:visited {
  color: #CAE1FF;
}

/* mouse over link */
a:hover {
  color: white;
}

/* selected link */
a:active {
  color: #CAE1FF;
}

/*Main Page Layout End */