/**********Elements**********/
body 
{ 
	background-color: lightcyan;
	font-family: 'Merriweather', serif;
}
h1
{
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
	font-size: 36px;
	color: cadetblue;
	font-variant: small-caps;
	text-align: center;
}
h2
{
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
	font-size: 24px;
	color: cadetblue;
	font-variant: small-caps;
	text-align: left;
}
h3
{
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
	font-size: 18px;
	font-style: oblique;
	text-align: center;
}
h4
{
	font-family: 'Merriweather', serif;
	font-size: 18px;
	font-weight: bold;
}
h5
{
	font-weight: bold;
	font-size: 0.875rem;
	color: navy; 
}
p
{
	font-family: 'Merriweather', serif;
	/*font-size: 13px;*/
}
a
{
	color:dimgrey;
	text-decoration: none;
}
a:hover
{
	color:cadetblue;
	text-decoration: underline;
}


/**********Classes**********/
.banner
{
	width: 80%;
	padding-top: 5px;
	margin: auto;
}
@media screen and (max-width: 1060px) 
{
.banner
{
	width: 100vw;
}
}
.panelblock
{
	border-radius: 10px;
	filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, .5));
	width: 80%;
}
.navbar
{
	background-color: #D4ccba;
}
.navbar-brand img
{
	max-width:87vw;
}
.navbar .container
{
	background-color: #D4ccba;
}
.nav-item
{
	border-left: 1px solid black;
	border-right: 1px solid black;
}
.nav-link
{
	font-size: 14px;
	text-align: center;
}
.nav-link:hover
{
	background-color: cornsilk;
	color: dimgray;
	text-decoration: none;
}
.container
{
	background-color: white ;
}
.ContentWrapper
{
	padding:10px;
}
.NavWrapper
{
	padding:10px;
	text-align: center;
	background-color: cadetblue;
	margin-top: 10px;
}
.LoginBoxes
{
	width:100%;
	margin: auto;
}
.LoginElementsWrapper
{
	width:100%;
}

.LoginElementsInnerWrapper
{
	width:100%;
	margin:0 auto;
}
.Login_Fields
{
	width:95%;
	border:1px #878686 solid;
	height:25px;
	font:normal 12px arial,tahoma,verdana;
	font-weight:bold;
	color:#444;
}

.Go_Button
{
	width: 74px;
	height:30px;
	background-color: dimgrey;
	color: white;
	border:1px black solid;;
	cursor:pointer;
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
	margin-top: 3px;
}
.Login_Links a
{
	color: black;
	font-size: 14px;
}
.Login_Links a:hover
{
	text-decoration: underline;
}
.NavPanelButtons
{
	padding: 4 5;
	margin-top: 4px;
	display: flex;
	width: auto;
	height: 45px; 
	font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
	font-size: 18px;
	justify-content: center; /* align horizontal */
	align-items: center;
	font-weight: bold;
	background-color: #996666;
	color: white;
	border:solid dimgrey 1px;
}
.NavPanelButtons a
{
	color:white;
}
.NavPanelButtons a:hover
{
	color:white;
	text-decoration: underline;
}
.NavImg
{
	padding-top: 8px;
	margin: 0 auto;
}
.homeLinkImg
{
	margin: auto;
}
.contentCells1
{
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
	font-weight:normal;
	color:#000;	
	border:1px solid #666666;
	border-collapse: collapse;
	padding-left: 5px;
}
.Ord_Content_trustee
{
	color:#0000CC;
	font-size:14px;
	text-align:left;
	padding-top:10px;
	font-family:Helvetica Neue,Helvetica,Arial,sans-serif;
}
.BackLink
{
	width:100%;
	float:left;
	text-align:right;
	font-size: 1.25rem;
}
.FooterPane
{
	width:100%;
	margin-top: 10px;
	text-align: right;
	font:normal 11px arial,tahoma,verdana;
	font-weight:normal;
	color:#000;
	background-color: lightcyan;
	margin-bottom: 3px;
}
.PageHeader
{
	font-style: oblique;
	border-bottom: 5px solid cadetblue;
	font-size: 32px;
	color: cadetblue;
	font-variant: small-caps;
	text-align: center;
	padding-bottom: 3px;
	margin-bottom: 10px;

/*font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
font-size: 24px;
color: cadetblue;
font-variant: small-caps;
text-align: left;*/
}
/**********Searchable Archibe Style**********/

.container2
{
	font-style: oblique;
	border-bottom: 5px solid cadetblue;
	font-size: 32px;
	color: cadetblue;
	font-variant: small-caps;
	text-align: center;

}
.container3
{
	background-color: #e8e6df;
	text-align: center;
	    color: black;
		border-right: 2px black solid;
		border-left: 2px black solid;
		border-top: 2px black solid;
		border-bottom: 2px black solid;
		margin: 20px;
 
}
 
.container4
{
	background-color: #e8e6df;
	background-color: opacity: 0.3;
	text-align: center;
		color: black;
		border-right: 3px black solid;
		border-left: 3px black solid;
		border-top: 3px black solid;
		border-bottom: 3px black solid;
		margin: 20px;
	 
}
/*********SLCC Web Development Course 2021-22: Joshua Coffey, Jenny Xiques, Stephen Truslow**********/