* {
  margin: 0;
}

body {

	margin: 0px;
	color: #cccccc;
	font-family: 'Exo','Montserrat','Lucida',Sans-Serif;
	font-size: 1em;
	//background-color: #ffffff;
	
}

.admin_header {
	background-color: #191943;
	color: #7b7bfe;
	padding-right: 20px;
}



#header {
	background-color: #636363;
}

p { line-height: 1.5em; }


@font-face {
  font-family: Poppins-Regular;
  src: url('fonts/Poppins-Regular.ttf'); 
}

@font-face {
  font-family: Poppins-Bold;
  src: url('fonts/Poppins-Bold.ttf'); 
}

/*  MAIN NAVIGATION MENU */

#Menubox {
	//background-color: #f0f3f7;
	border-top: 1px solid #ccc;
	margin: 0px -15px 10px -15px;
	padding: 0px;
}

#MainMenu a { 
	font-family: 'Titillium Web','Open Sans',arial;
	color: #000066;
	font-size: .9em;
	font-weight: bold;
	line-height: 40px;
	margin: 0px; 
	padding: 0px 8px 0px 8px;
	border-right: 1px solid #cccccc;
	text-transform: uppercase;
}

#MainMenu a:hover { 
	color: #117b2a;
	background-color: #ffffff;
}


#title_section {
	margin: 0px auto 0px auto;
	padding: 20px 20px 10px 10px;
	color: #353535;
}



.bg_green { background-color: #4f9c4a; }
.bg_blue { background-color: #191943; }
.bg_nav { background-color: #eeeeee;  }


#sect_alert { background-color: #d67600; }
#sect_header_top { background-color: #373737; }
#sect_logo { background-color: #ffffff; }
#sect_nav { background-color: #a7b5bf; }
#sect_body { background-color: #ffffff; }

#sect_white { background-color: #ffffff; }
#sect_navy { background-color: #191943; color: white; }

#sect_top_admin { background-color: #191943; }
#sect_top_logo { background-color: #191943; }
#sect_slate { background-color: #7C878E; }

#sect_footer {
	background-color: #063f79;
	color: white;
}




.blue-mist {
	border: 1px solid #acb7cc;
	background: #e8eaf0;
	color: #405174;
}
.kahki-mist {
	border: 1px solid #d9d1ba;
	background: #f2f0ed;
	color: #7b735c;
}
.gray-mist {
	border: 1px solid #cccccc;
	background: #eeeeee;
	color: #333333;
}

.green-mist {
	border: 1px solid #d4dbd4;
	background: #edf4ed;
	color: #667566;
}




.bodycopy {
	line-height: 1.8em; 
	
}
#alert_box {
	text-align: right;
	padding: 1.1em;
	background-color: #33cc00;
	color: #efefef;
}



/*      BUTTONS   */

.btn-default {
	background-color: #37914a;
	color: #ebf6ee;
	padding: .1em .3em;
}
.btn-default:hover {
	background-color: #71bc81;
	color: white;
}

.btn-small {
	
	background-color: #37914a;
	color: #ebf6ee;
	padding: .2em .5em;
}
.btn-small:hover {
	background-color: #71bc81;
	color: white;
}


.btn_warning {
	background-color: #5EC25A;
}

.link_lite  { color: white; text-decoration: underline; }
.link_lite:hover { color: #cccccc; }



.col_alert {
    padding: 15px;
    color: white;
}
.col_alert a {
	color: white;
}
.col_alert a:hover {
	color: yellow;
	text-decoration: underline;
}


.col_top {

    color: #063f79;
    text-align: right;
    padding: 10px 20px 6px 20px;
}
.col_top a {
	color: #063f79;
	font-size: .9em;
}
.col_top a:hover {
	color: 000000;
	text-decoration: underline;
}


.carousel-item img {
	width: 96%;
	-webkit-box-shadow: 4px 4px 8px 4px rgba(0,0,0,0.5); 
	box-shadow: 4px 4px 8px 4px rgba(0,0,0,0.5);
}


@media(max-width: 768px) {

	#photo-strip {  visibility: hidden; display: none; }
	
	h1 {  font-size: 1.6em; color: #000000; }
	h2 { font-size: 1.4em; color: #000000; }
	h3 { font-size: 1.2em; color: #000000; }
 
}


.titlerow { padding: 20px; }



.text-btn { 
	font-weight: bold; 
	color: #ddd; 
	background-color: #666666; 
	padding: 3px 6px;
	border-radius: 3px; 
	margin: 1px;
 }
.text-btn:hover { 
	background-color: #999999; 
	color: #fff; 

}

.text-btn-green { 
	font-weight: bold; 
	color: #ddd; 
	background-color: #4f9c4a; 
	padding: 6px 8px;
	margin: 14px 4px;
	border-radius: 3px; 
	
 }
.text-btn-green:hover { 
	background-color: #88b885; 
	color: #fff; 

}




/*  CSS HEADINGS AND LINKS  */


h1, h2, h3, h4, h5 { 
	font-family: 'Exo','Titillium Web','Montserrat';
	margin: 16px 0px 12px 0px; 
	color: #cccccc;
}

h1 { font-weight: bold; font-size: 1.8em;   }
h2 { font-weight: bold; font-size: 1.6em;   }
h3 { font-weight: bold; font-size: 1.4em;   }
h4 { font-weight: bold; font-size: 1.3em;  }
h5 { font-weight: bold; font-size: 1.2em;  }

t1, t2, t3 { 
	font-family: 'Exo','Titillium Web',sans-serif;
	font-weight: bold;
	color: #191943;
}

t1 { font-size: 1.4em; }
t2 { font-size: 1.3em; }
t3 { font-size: 1.2em; }
t4 { font-size: 1.1em; }



a {   font-family: 'Exo',arial; font-weight: bold; color: #A9DAFF; text-decoration: none; }
a:hover {  font-family: arial,'Exo'; font-weight: bold; color: white; text-decoration: underline; }

a.underline {    color: #000066; text-decoration: underline; }
a.underline:hover {   color: #609c5c; text-decoration: underline; }

a.footer {  font-size: .9em; color: #333333; text-decoration: none; }
a.footer:hover { color: #003399; text-decoration: underline; }


.admin_header a {  font-size: .9em;  color: #c0c0fb; }
.admin_header a:hover { color: #cccccc; }


A.small { text-decoration: underline;  color: #000099; font-size: .9em; }
A.small:hover { text-decoration: underline;  color: #990000; font-size: .9em; }


.title { font-weight: bold; font-size: 1.4em;  color: #000000;  }
.subtitle { font-weight: bold; font-size: 115%;  color: #666666;  }

.titlewhite { font-weight: bold; font-size: 120%; color: #FFFFFF; }




.shadow-6 { 
	-webkit-box-shadow: 6px 6px 10px 0px rgba(51,51,51,0.4);
	box-shadow: 6px 6px 10px 0px rgba(51,51,51,0.4);
}

.shadow-8 { 
	-webkit-box-shadow: 8px 8px 14px 0px rgba(51,51,51,0.5);
	box-shadow: 8px 8px 14px 0px rgba(51,51,51,0.5);
}

.shadow-12 { 
	-webkit-box-shadow: 12px 12px 16px 0px rgba(51,51,51,0.5);
	box-shadow: 12px 12px 16px 0px rgba(51,51,51,0.5);
}





/*   CSS TABLE  */

.twrap { 
	display: table;
	width: 100%;
	border-collapse: collapse;
}

.thead { 
	display: table-cell;
	font-family: arial,'Exo';
	padding: 8px 10px;
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #dedede;
}
.trow {
	display: table-row;
	margin: 10px 30px;
	
}
.tcell { 
	display: table-cell;
	padding: 4px 5px;
	border-bottom: 1px solid #ccc;
}

.tcell_nb { 
	display: table-cell;
	padding:4px 5px;
	
}
.tbigcell { 
	display: table-cell;
	padding: 8px 10px;
	border-bottom: 1px solid #ccc;
	width: 70%;
}



/*  CSS FLEX LAYOUT  */

.flex_outer {
	display: flex; 
	flex-direction: row;
	flex-wrap: wrap; 
	width: 90%;
}

.flex_inner {
	flex-grow: 1; 
	text-align: center;
}

.fl-20 {
	max-width: 20%;
}
.fl-25 {
	max-width: 24%;
}
.fl-33 {
	max-width: 33%;
}


.flex_inner img {
	width: 70%;
}


.flex_inner?? {

	margin: 5px auto 10px auto; 
	width: 60%;
	max-width: 240px;
	
}



.buttons a {
	font-size: 10px;
	color: #ffffff;
	background-color: #666666;
	padding: 4px;
	font-weight: bold;
	display: block;
	border: 1px solid #999999;
	margin: 0px;
	text-align: center;
	text-decoration: none;
}

.buttons a:hover {
	font-size: 10px;
	color: #ffffff;
	background-color: #738173;
	padding: 4px;
	font-weight: bold;
	display: block;
	border: 1px solid #ffffff;
	margin: 0px;
	text-align: center;
	text-decoration: none;
}

.buttons_active a {
	font-size: 10px;
	color: #ffffff;
	background-color: #6DBF6D;
	padding: 4px;
	font-weight: bold;
	display: block;
	border: 1px solid #dddddd;
	margin: 0px;
	text-align: center;
	text-decoration: none;
}


.cms_button a {

	color: #333333;
	background-color: #c0c1ca;
	padding: 5px;
	display: block;
	border: 1px solid #999999;
	margin: 2px;
	text-align: left;
	text-decoration: none;
}

.cms_button a:hover {

	color: #333333;
	background-color: #adb1ca;
	border: 1px solid #000000;

}


.sys_button a {

	color: #333333;
	background-color: #c7c3bd;
	padding: 5px;
	display: block;
	border: 1px solid #999999;
	margin: 2px;
	text-align: left;
	text-decoration: none;
}

.sys_button a:hover {

	color: #333333;
	background-color: #cabdad;
	border: 1px solid #000000;

}




.list-table {
    border: solid 1px #DDEEEE;
    border-collapse: collapse;
    border-spacing: 0;
    font: normal 13px Arial, sans-serif;
}
.list-table thead th {
    background-color: #cbcbe3;
    border: solid 1px #8585b3;
    color: #336B6B;
    padding: 10px;
    text-align: left;
    text-shadow: 1px 1px 1px #fff;
}
.list-table tbody td {
    border: solid 1px #DDEEEE;
    color: #333;
    padding: 2px 4px;
    text-shadow: 1px 1px 1px #fff;
}



.col-table {
    border: solid 1px #DDEEEE;
    border-collapse: collapse;
    border-spacing: 0;
    font: normal 13px Arial, sans-serif;
}

.col-table td {
	border: solid 1px #DDEEEE;
    color: #333;
    padding: 5px 8px;
}

.col-table td:first-child {
	 background-color: #cbcbe3;
}




table.resultstable {
	font-family: sans-serif, arial;
	font-size: 1em;
	color: #333333;
	border-width: 1px;
	border-color: #cccccc;
	border-collapse: collapse;
}
table.resultstable th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
}
table.resultstable td {
	border-width: 1px;
	padding: 6px;
	border-style: solid;
	border-color: #cccccc;
	//background-color: #ffffff;
}



table.gridtable {
	font-family: arial,sans-serif;
	font-size:11px;
	color:#333333;
	border-width: 1px;
	border-color: #cccccc;
	border-collapse: collapse;
}
table.gridtable th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
}
table.gridtable td {
	border-width: 1px;
	padding: 2px 12px 2px 2px;
	border-top: solid 1px #cccccc;
	background-color: #ffffff;
}