/* FONT IMPORTS ***********************************/
@import url('https://fonts.googleapis.com/css2?family=Montserrat&family=Open+Sans&family=Playfair+Display&display=swap');

/* GENERAL ***********************************/
html,body{
	height: 100%;
	margin: 0;
}
html * { padding: 0; margin: 0; }
body {
	font-family: 'Montserrat', sans-serif;
	font-size: 62.5%; /* Resets 1em to 10px */
	padding: 15px;
	background-color: #fff;
}


/* font family */
h1, h2, h3, h4, th, .label, .radio {
	font-family: 700, 'Montserrat', sans-serif;
}


/* font size */
h1 { font-size: 3.4em; }
h2 { font-size: 3.0em; }
h3 { font-size: 2.6em; }
h4 { font-size: 2.6em; }
h5 { font-size: 2.4em; }
p,th,li { font-size: 2.3em; }
td { font-size: 2.2em; }
td p, th p, li p { font-size: 2.0em; }
legend { font-size: 2.2em; margin-bottom: 15px; }
.label, .radio { font-size: 2.4em; font-weight: bold; }
.headinglink { font-size: 14pt; font-weight: normal; padding-left: 8px; }

/* margins and padding */
h1, h2, h3, h4 { 
	margin-bottom: 25px; 
}
p, ul, ol, table { margin-bottom: 30px; }
li { margin-left: 25px; margin-bottom: 8px; }
table { border-collapse: collapse; }
th { padding: 2px 6px; vertical-align: bottom; text-align: left; text-transform: lowercase; }
td { padding: 2px 6px; vertical-align: top; }
tr {margin-bottom: 20px;}
fieldset { padding: 10px; margin-bottom: 20px; }
hr { margin-bottom: 30px; }

/* colors */
h1, h2, h3, h4, th, .label, .radio {
	color: #1c1e23;
}
a, a:visited {
	color: #888; text-decoration:none;
}
a:hover {
	text-decoration: underline;
	color: #ff7546;
}
em { color: #888; }
.overage { font-weight: bold; color: #FF0000; }
hr { color: #ff7546; height: 1px; }


/* LAYOUT *************************************/
.center { text-align: center; }
.clear { clear: both; height: 1px; }
.alignleft { float: left; margin-right: 15px; }
.alignright { float: right; margin-left: 15px; }





/* HEADER ***************************************/
#header {
	height: 60px;
	overflow: hidden;
}
#header h1 {
	width: 40%;
	float: left;
	margin: 0;
}
#header #profilelinks {
	width: 40%;
	float: right;
	text-align: right;
	font-size: 1.2em;
	font-weight: bold;
}

#topnav {
	clear: both;
	margin: 0;
	height: 30px;
	overflow: hidden;
}
#topnav a, #topnav span, #othernav a, #othernav span {
	display: block;
	float: left;
	height: 30px; 
	line-height: 30px;
	padding: 0 12px;
	color:#222429;
	background-color: #888;
	font-size: 1.7em;
	margin-left: 10px;
	text-decoration: none;
	text-transform: lowercase;
}
#topnav a.firsttab, #topnav span.firsttab {
	margin-left: 30px;
}
#topnav .curtab {
	background-color: #fff;
	color: #166ca2;
}
#topnav a:hover, #othernav a:hover {
	background-color: #ff7546;
}




/* MAIN *****************************************/
#main {
	padding: 35px 25px 35px 25px;
	background-color: #fff;
	clear: both;
	border-bottom: 1px black;
	filter: drop-shadow(0px 10px 10px rgba(0,0,0,0.5));
}



/* FOOTER ***************************************/
#footer {
	height: 100px;
	background-color: #222429;
	filter: drop-shadow(0px 10px 10px rgba(0,0,0,0.5));
	/* background-color: blue;
	border-bottom: 1px black;
	filter: drop-shadow(16px 16px 10px black); */
	/* background: url('../img/main.shadow.gif') top center no-repeat; */
}



/* GENERAL DETAIL ********************************/
.report {
	clear: both;
	float: right;
	width: 100%;
	margin-left: -265px;
}
.report .rightcolumn {
	margin-left: 245px;
}
.rightcolumn .summary { margin-left: 0; }

.reportcolumn {
	border-right-width: 1px; border-right-style: solid; border-color: #ff7546;
	width: 215px;
	padding-right: 15px;
	float: left;
}
.reportcolumn h4, .reportcolumn h5 {
	margin: 0 0 10px 0;
}
.reportcolumn p { 
	margin: 0 25px 20px 25px; 
	line-height: 160%;
}
.reportcolumn table {
	margin: 0 25px 20px 25px; 
}
.reportcolumn th {
	font-weight: normal;
	text-align: left;
}
.reportcolumn td { text-align: right; }


.formcolumn {
	background-color: #888;
	padding: 25px 0;
	width: 334px;
}
.formcolumn p { margin-bottom: 15px; font-size: 1.0em; }
.formcolumn .label {
	text-transform: lowercase;
	display: block;
	margin: 10px 25px;
}
.formcolumn .label em {
	font-weight: 100;
	font-size: 0.5em;
	padding-left: 8px;
	color: #1c1e23;
}
.formcolumn .item {
	display: block;
	margin: 0 25px;
}
.formcolumn input { width: 250px; min-height:30px;}
.formcolumn .button input { min-width: 250px; height: 30px;}
.formcolumn .radio {
	text-transform: lowercase;

}
.formcolumn .radio input { 
	width: auto;
	margin-left: 16px;
	min-height:30px;
}
.formcolumn .dateinput { min-width: 250px; min-height:30px; }
.formcolumn textarea { min-width: 250px; height: 200px; }
.formcolumn fieldset { min-width: 250px; margin: 0 10px 15px 10px; border-width: 0; background-color: #ff7546; min-height:30px;}
.formcolumn fieldset .label { margin: 0 5px; min-width: 250px; min-height:30px;}
.formcolumn fieldset .item { margin: 0 5px; min-width: 250px; min-height:30px;}




.data { margin-top: 10px; }
.data .numbercell { text-align: right; white-space: nowrap; }
.data .ajax_loading_image {
	text-align: center;
	background-color: #cccccc;
}
.data td { border-top: solid 1px #ff7546; }
.data tr:hover td { background-color: rgba(0,0,0,0.125); }
.data th { 
	color: #222429; 
	text-transform: uppercase;
}


.summary {
	margin-left: 50%;
}
.summary th { text-align: right; color: #222429; vertical-align: top; }
.summary td { font-weight: bold; color: #0e2447; }



/*
.editdata p { 
	clear: both; 
	float: right; 
	width: 100%;
	margin: 8px 0 8px -100px;
}
.editdata .item, .editdata .error_message {
	display: block;
	margin-left: 100px;
}
.editdata .label {
	float: left; 
	width: 95px;
	text-align: right;
	padding-top: 3px;
}
.editdata .long { width: 240px; }
.editdata .short { margin-left: 245px; }
.editdata textarea { width: 570px; height: 320px; }
.editdata textarea.smallta { width: 350px; height: 150px; }
.editdata fieldset { clear: both; }
*/


/* ADMIN ******************************************/
.adminlink a, .adminlink a:visited { 
	font-style: italic;
	font-weight: normal;
	text-transform: lowercase;
	font-size: 10pt;
	font-family: 'Montserrat', sans-serif;
	color: #166ca2;
}
#flashMessage { 
	clear: both;
	font-size: 11pt; 
	padding: 2px; 
	color: #fff; 
	background-color: #166ca2; 
	margin-bottom: 15px;
	font-weight: bold;
}

select{
	font: 14px 'Montserrat', sans-serif;
	min-height: 30px;
	min-width: 50%;
}

/*
#imagelist { border-collapse: collapse; }
#imagelist td {
	padding: 5px;
	border-top-width: 1px; border-top-style: solid; border-color: #865a67;
}


#sitemapframe {
	background-color: #fff;
	padding: 20px;
	border-width: 1px; border-style: solid; border-color: #444;
	float: left;
}
.sitemap {
	list-style: none;
	margin: 20px 0 0 0;
	padding: 0;
}
.sitemap ul { 
	list-style: none;
	border-left-style: dotted; border-left-width: 1px; border-left: color: #ddd; 
	margin: 5px 0 5px 10px;
	padding: 0;
}
.sitemap li {
	font-size: 10pt;
	margin: 0;
	padding: 0;
	line-height: 28px;
}
.sitemap ul li {
	margin-left: 15px;
}
.sitemap .linkurl { padding-left: 10px; font-size: 8pt; color: #444; }
*/


/* EDITOR *****************************************/
/*
body.mceContentBody {
	text-align: left;
	padding: 5px;
}
*/


/* HOURS *******************************************/
#postclient { display: none; }


@import url("../../../../css/custom.css");