/*

Template Name: Victim Assist

;

/* Implementing reset.css (Eric Meyer) ------------------------------------------------------------------------------------- */
*, *:before, *:after {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	box-sizing: border-box;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
blockquote, q { quotes: none;} blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
table { border-collapse: collapse; border-spacing: 0;} a { cursor: pointer; text-decoration: none; } ol, ul {list-style: none;}
/* ------------------------------------------------------------------------------------------------------------------------- */


/* Custom Margins & Paddings ----------------------------------------------------------------------------------------------- */
.mrg5 { margin-top: 5px; margin-bottom: 5px; } .tmrg5 { margin-top: 5px; } .bmrg { margin-bottom: 5px; }
.mrg10 { margin-top: 10px; margin-bottom: 10px; } .tmrg10 { margin-top: 10px; } .bmrg10 { margin-bottom: 10px; }
.mrg15 { margin-top: 15px; margin-bottom: 15px; } .tmrg15 { margin-top: 15px; } .bmrg15 { margin-bottom: 15px; }
.mrg25 { margin-top: 25px; margin-bottom: 25px; } .tmrg25 { margin-top: 25px; } .bmrg25 { margin-bottom: 25px; }
.mrg50 { margin-top: 50px; margin-bottom: 50px; } .tmrg50 { margin-top: 50px; } .bmrg50 { margin-bottom: 50px; }
.mrgright { margin-right: 1%; } .mrgleft { margin-left: 1%; }
.padright { padding-right: 1%; } .padleft { padding-left: 1%; } .padtop { padding-top: 1%; } .padbottom { padding-bottom: 1% } .padall { padding: 1% } .nopad { padding: 0;}
.padhalf { padding: 0.5% 0.5% 0.7% 0.5% ; }
.ind10 { text-indent: 10px; } .tcenter { text-align: center; } .acenter { margin-left: auto; margin-right: auto; }
.float-left { float: left; }  .float-right { float: right; } .clear-both { clear: both; }
/* ------------------------------------------------------------------------------------------------------------------------- */


/* Unsemantic CSS Framework for fluid grids -------------------------------------------------------------------------------- */
.clear {
	clear: both;
	content: ".";
	display: block;
	overflow: hidden;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
	width: 0;
	height: 0;
}
.grid-container {
	margin: 0 auto;
	max-width: 1600px;
	padding-left: 1%;
	padding-right: 1%;
}
.grid-container:after {
	clear: both;
}

.grid-full-width {
	margin: 0 auto;
	max-width: 100%;
	width: 100%;
}

.grid-full-width:after {
	clear: both;
}

.grid-5 { float: left; width: 5%; } .prefix-5 { margin-left: 5%; } .suffix-5 { margin-right: 5%; } .push-5 { left: 5%; } .pull-5 { left: -5%; }
.grid-10 { float: left; width: 10%; } .prefix-10 { margin-left: 10%; } .suffix-10 { margin-right: 10%; } .push-10 { left: 10%; } .pull-10 { left: -10%; }
.grid-15 { float: left; width: 15%; } .prefix-15 { margin-left: 15%; } .suffix-15 { margin-right: 15%; } .push-15 { left: 15%; } .pull-15 { left: -15%; }
.grid-20 { float: left; width: 20%; } .prefix-20 { margin-left: 20%; } .suffix-20 { margin-right: 20%; } .push-20 { left: 20%; } .pull-20 { left: -20%; }
.grid-25 { float: left; width: 25%; } .prefix-25 { margin-left: 25%; } .suffix-25 { margin-right: 25%; } .push-25 { left: 25%; } .pull-25 { left: -25%; }
.grid-30 { float: left; width: 30%; } .prefix-30 { margin-left: 30%; } .suffix-30 { margin-right: 30%; } .push-30 { left: 30%; } .pull-30 { left: -30%; }
.grid-35 { float: left; width: 35%; } .prefix-35 { margin-left: 35%; } .suffix-35 { margin-right: 35%; } .push-35 { left: 35%; } .pull-35 { left: -35%; }
.grid-40 { float: left; width: 40%; } .prefix-40 { margin-left: 40%; } .suffix-40 { margin-right: 40%; } .push-40 { left: 40%; } .pull-40 { left: -40%; }
.grid-45 { float: left; width: 45%; } .prefix-45 { margin-left: 45%; } .suffix-45 { margin-right: 45%; } .push-45 { left: 45%; } .pull-45 { left: -45%; }
.grid-50 { float: left; width: 50%; } .prefix-50 { margin-left: 50%; } .suffix-50 { margin-right: 50%; } .push-50 { left: 50%; } .pull-50 { left: -50%; }
.grid-55 { float: left; width: 55%; } .prefix-55 { margin-left: 55%; } .suffix-55 { margin-right: 55%; } .push-55 { left: 55%; } .pull-55 { left: -55%; }
.grid-60 { float: left; width: 60%; } .prefix-60 { margin-left: 60%; } .suffix-60 { margin-right: 60%; } .push-60 { left: 60%; } .pull-60 { left: -60%; }
.grid-65 { float: left; width: 65%; } .prefix-65 { margin-left: 65%; } .suffix-65 { margin-right: 65%; } .push-65 { left: 65%; } .pull-65 { left: -65%; }
.grid-70 { float: left; width: 70%; } .prefix-70 { margin-left: 70%; } .suffix-70 { margin-right: 70%; } .push-70 { left: 70%; } .pull-70 { left: -70%; }
.grid-75 { float: left; width: 75%; } .prefix-75 { margin-left: 75%; } .suffix-75 { margin-right: 75%; } .push-75 { left: 75%; } .pull-75 { left: -75%; }
.grid-80 { float: left; width: 80%; } .prefix-80 { margin-left: 80%; } .suffix-80 { margin-right: 80%; } .push-80 { left: 80%; } .pull-80 { left: -80%; }
.grid-85 { float: left; width: 85%; } .prefix-85 { margin-left: 85%; } .suffix-85 { margin-right: 85%; } .push-85 { left: 85%; } .pull-85 { left: -85%; }
.grid-90 { float: left; width: 90%; } .prefix-90 { margin-left: 90%; } .suffix-90 { margin-right: 90%; } .push-90 { left: 90%; } .pull-90 { left: -90%; }
.grid-33 { float: left; width: 33.333333%; } .prefix-33 { margin-left: 33.33333%; } .suffix-33 { margin-right: 33.33333%; } .push-33 {  left: 33.33333%; } .pull-33 { left: -33.33333%; }
.grid-66 { float: left; width: 66.666667%; } .prefix-66 { margin-left: 66.66667%; } .suffix-66 { margin-right: 66.66667%; } .push-66 {  left: 66.66667%; } .pull-66 { left: -66.66667%; }
.grid-100 { clear: both; width: 100%; }


@media (max-width: 480px) {
	.mobile-push-5, .mobile-pull-5, .mobile-push-10, .mobile-pull-10, .mobile-push-15, .mobile-pull-15, .mobile-push-20, .mobile-pull-20, .mobile-push-25, .mobile-pull-25, .mobile-push-30, .mobile-pull-30, .mobile-push-35, .mobile-pull-35, .mobile-push-40, .mobile-pull-40, .mobile-push-45, .mobile-pull-45, .mobile-push-50, .mobile-pull-50, .mobile-push-55, .mobile-pull-55, .mobile-push-60, .mobile-pull-60, .mobile-push-65, .mobile-pull-65, .mobile-push-70, .mobile-pull-70, .mobile-push-75, .mobile-pull-75, .mobile-push-80, .mobile-pull-80, .mobile-push-85, .mobile-pull-85, .mobile-push-90, .mobile-pull-90, .mobile-push-95, .mobile-pull-95, .mobile-push-100, .mobile-pull-100, .mobile-push-33, .mobile-pull-33, .mobile-push-66, .mobile-pull-66 {
	position: relative;
	}
	.hide-on-mobile {
	display: none !important;
	}
	.mobile-grid-5 { float: left; width: 5%; } .mobile-prefix-5 { margin-left: 5%; } .mobile-suffix-5 { margin-right: 5%; } .mobile-push-5 { left: 5%; } .mobile-pull-5 { left: -5%; }
	.mobile-grid-10 { float: left; width: 10%; } .mobile-prefix-10 { margin-left: 10%; } .mobile-suffix-10 { margin-right: 10%; } .mobile-push-10 { left: 10%; } .mobile-pull-10 { left: -10%; }
	.mobile-grid-15 { float: left; width: 15%; } .mobile-prefix-15 { margin-left: 15%; } .mobile-suffix-15 { margin-right: 15%; } .mobile-push-15 { left: 15%; } .mobile-pull-15 { left: -15%; }
	.mobile-grid-20 { float: left; width: 20%; } .mobile-prefix-20 { margin-left: 20%; } .mobile-suffix-20 { margin-right: 20%; } .mobile-push-20 { left: 20%; } .mobile-pull-20 { left: -20%; }
	.mobile-grid-25 { float: left; width: 25%; } .mobile-prefix-25 { margin-left: 25%; } .mobile-suffix-25 { margin-right: 25%; } .mobile-push-25 { left: 25%; } .mobile-pull-25 { left: -25%; }
	.mobile-grid-30 { float: left; width: 30%; } .mobile-prefix-30 { margin-left: 30%; } .mobile-suffix-30 { margin-right: 30%; } .mobile-push-30 { left: 30%; } .mobile-pull-30 { left: -30%; }
	.mobile-grid-35 { float: left; width: 35%; } .mobile-prefix-35 { margin-left: 35%; } .mobile-suffix-35 { margin-right: 35%; } .mobile-push-35 { left: 35%; } .mobile-pull-35 { left: -35%; }
	.mobile-grid-40 { float: left; width: 40%; } .mobile-prefix-40 { margin-left: 40%; } .mobile-suffix-40 { margin-right: 40%; } .mobile-push-40 { left: 40%; } .mobile-pull-40 { left: -40%; }
	.mobile-grid-45 { float: left; width: 45%; } .mobile-prefix-45 { margin-left: 45%; } .mobile-suffix-45 { margin-right: 45%; } .mobile-push-45 { left: 45%; } .mobile-pull-45 { left: -45%; }
	.mobile-grid-50 { float: left; width: 50%; } .mobile-prefix-50 { margin-left: 50%; } .mobile-suffix-50 { margin-right: 50%; } .mobile-push-50 { left: 50%; } .mobile-pull-50 { left: -50%; }
	.mobile-grid-55 { float: left; width: 55%; } .mobile-prefix-55 { margin-left: 55%; } .mobile-suffix-55 { margin-right: 55%; } .mobile-push-55 { left: 55%; } .mobile-pull-55 { left: -55%; }
	.mobile-grid-60 { float: left; width: 60%; } .mobile-prefix-60 { margin-left: 60%; } .mobile-suffix-60 { margin-right: 60%; } .mobile-push-60 { left: 60%; } .mobile-pull-60 { left: -60%; }
	.mobile-grid-65 { float: left; width: 65%; } .mobile-prefix-65 { margin-left: 65%; } .mobile-suffix-65 { margin-right: 65%; } .mobile-push-65 { left: 65%; } .mobile-pull-65 { left: -65%; }
	.mobile-grid-70 { float: left; width: 70%; } .mobile-prefix-70 { margin-left: 70%; } .mobile-suffix-70 { margin-right: 70%; } .mobile-push-70 { left: 70%; } .mobile-pull-70 { left: -70%; }
	.mobile-grid-75 { float: left; width: 75%; } .mobile-prefix-75 { margin-left: 75%; } .mobile-suffix-75 { margin-right: 75%; } .mobile-push-75 { left: 75%; } .mobile-pull-75 { left: -75%; }
	.mobile-grid-80 { float: left; width: 80%; } .mobile-prefix-80 { margin-left: 80%; } .mobile-suffix-80 { margin-right: 80%; } .mobile-push-80 { left: 80%; } .mobile-pull-80 { left: -80%; }
	.mobile-grid-85 { float: left; width: 85%; } .mobile-prefix-85 { margin-left: 85%; } .mobile-suffix-85 { margin-right: 85%; } .mobile-push-85 { left: 85%; } .mobile-pull-85 { left: -85%; }
	.mobile-grid-90 { float: left; width: 90%; } .mobile-prefix-90 { margin-left: 90%; } .mobile-suffix-90 { margin-right: 90%; } .mobile-push-90 { left: 90%; } .mobile-pull-90 { left: -90%; }
	.mobile-grid-95 { float: left; width: 95%; } .mobile-prefix-95 { margin-left: 95%; } .mobile-suffix-95 { margin-right: 95%; } .mobile-push-95 { left: 95%; } .mobile-pull-95 { left: -95%; }
	.mobile-grid-33 { float: left; width: 33.3333333%; } .mobile-prefix-95 { margin-left: 33.333333%; } .mobile-suffix-95 { margin-right: 33.333333%; } .mobile-push-95 { left: 33.333333%; } .mobile-pull-95 { left: -33.333333%; }
	.mobile-grid-33 { float: left; width: 66.6666663%; } .mobile-prefix-95 { margin-left: 66.666666%; } .mobile-suffix-95 { margin-right: 66.666666%; } .mobile-push-95 { left: 66.666666%; } .mobile-pull-95 { left: -66.666666%; }
	.mobile-grid-100 { clear: both; width: 100%; } .mobile-push-100 { left: 100%;} .mobile-pull-100 { left: -100%; }
}




/* ------------------------------------------------------------------------------------------------------------------------- */


/* Text related ------------------------------------------------------------------------------------------------------------ */

h1 { font-size: 1.5em; } h2, h3 { font-size: 1.2em; } .light { color: #666; } .light-weight { font-weight: 100;} .bold-weight { font-weight: bold;}
h4 { font-size: 1em; font-weight: normal;}
em { font-style: italic; font-weight: bold; }
body { line-height: 1; } p { line-height: 1.3em; }
strong { font-weight: bold; }
/* ------------------------------------------------------------------------------------------------------------------------- */



/*
Light Blue 50:		#e1f5fe;
Light Blue 100:		#b3e5fc;
Light Blue 500: 	#03a9f4;
Light Blue 700: 	#0288d1;
Blue Grey 50:   	#eceff1;
Blue Grey 700:		#455a64;
Grey 50:			#fafafa;
Deep Orange 500:	#ff5722;
*/


/*

Main Blue:			#005494;
Darker Blue:		#014670;
Red:				#c3102f;
Grey:				#58595a;
*/


html, body {
	width: 100%;
	background-color: #eceff1; /* blue grey 50 */
	font-family: Verdana, Helvetica, sans;
	font-weight: normal;
	font-size: 100%;
	height: 100%;
}

p {
	color: #333;
}

a {
	color: #005494; /* Main Blue - Default link color*/
}

th, td {
	padding: 0.7%; /* Default padding for th & td elements*/
	padding-bottom: 0.3%;
}

img.icons {
	padding-right: 1%;
}
.grey-header {
	background-color: #eceff1;
}

.blue-header {
	background-color: #03a9f4;
	color: #fff;
}

.dark-grey-header {
	background-color: #455a64;
	color: #fff;
}

.rounded-2px {
	border-radius: 2px;
}

#topheader, #maincontent {
	background-color: #fff;
}

#tnav {
	background:
		/*linear-gradient(to bottom, rgba(0,84,148,1) 0%, rgba(0,84,148,1) 50%, rgba(1,69,112,1) 50%, rgba(1,69,112,1) 100%);	old blue */
		linear-gradient(to bottom, rgba(112,112,112,1) 0%, rgba(112,112,112,1) 50%, rgba(54,54,54,1) 50%, rgba(54,54,54,1) 100%);
}

#tnav ul li {
	border-right: 1px solid #fff;
	display: inline-block;
	text-align: center;
}

#tnav .last  {
	background: linear-gradient(173deg, rgba(0,84,148,1) 0%, rgba(0,84,148,1) 25%, rgba(1,69,112,1) 25%, rgba(1,69,112,1) 100%);
	border-right: none;
}

#tnav ul li a {
	color: #fff;
	display: block;
	min-height: 35px;
	padding: 9px 5px;
	text-decoration: none;
	transition: all 250ms ease-in-out;
}

#tnav ul li a:active, #tnav ul li a:hover {
		background-color: rgba(255,255,255,0.2);
/*	text-decoration: underline;*/
}

#tnav li ul {
	background: #014670;
	display: none;
	position: absolute;
}

#tnav li li {
	/*background-color: rgba(90,90,90,0.7); old blue gray*/
	background-color: #e92483;
	border-bottom: 1px solid #fff;
	border-right: none;
	display: block;
	text-align: left;
	min-width: 150px;
/*	padding: 3px;*/
	padding-left: 5px;
}

#tnav li li a {
	background-color: transparent;
	color: #fff;
	padding: 7px 5px;
	transition: all 300ms ease-in-out;
}

#tnav li li a:hover, #tnav li li a:active {
	background-color: #fff;
	color: #e92483;
	font-weight: bold;
}

#tnav li:hover ul {
	background-color: transparent;
	display: block;
	padding-top: 2px;
}

#maincontent h2 {
	font-size: 1.3em;
	font-weight: bold;
	margin-top: 25px;
	margin-bottom: 25px;
}

#maincontent h3 {
	font-size: 1.2em;
	font-weight: normal;
	margin-top: 15px;
	margin-bottom: 15px;
}
#maincontent p {
	font-size: 1em;
	line-height: 1.3em;
	margin-bottom: 25px;
}

#maincontent ul {
	color: #333;
	list-style: disc inside none;
	line-height: 1.3em;
}

#maincontent ol {
	list-style: upper-latin inside none;
	line-height: 1.3em;
}

#maincontent li {
	margin-bottom: 1%;
}

footer {
	padding: 25px 0 50px 0;
	background-color: #fff;
}

footer hr {
	border: 2px solid #ccc;
}
footer h4 {
	font-weight: normal;
	font-size: 0.9em;
	text-transform: uppercase;
}
footer nav li {
	display: inline-block;
	margin: 1%;
}
footer p {
	color: #333;
	font-size: 0.8em;
}

footer nav a {
	padding: 1px 3px 3px 3px;
}

footer nav a:hover, footer nav a:active {
	background-color: #333;
	border-radius: 2px;
	color: #fff;
}

table {
	border-collapse: collapse;
	line-height: 1.3em;
}

thead tr {
	background-color: #eceff1;
}

tbody {
	background-color: #b0bec5;
}

tbody tr:nth-child(even) {
	background-color: #e8f5e9;
}

tbody tr:nth-child(odd) {
	background-color: #fff;
}

tbody td {
}

td, th {
  border: 1px solid #999;
  padding: 0.5rem;
  text-align: left;
}

.newsletter {
	border-radius: 3px;
	background-color: #ccc;
	padding: 3%;
	text-align: center;
}

.newsletter input[type="submit"] {
	background-color: #c3102f;
	box-shadow: 2px 2px 5px #999;
	border-radius: 3px;
	color: #fff;
	padding: 3px 5px;
}

/************/
@media screen and (max-width: 644px) {
	.top {
		display: none !important;
	}
}

@media screen and (min-width: 600px) and (max-width: 960px) {

	#topheader .headertext h3 {
		font-size: 1.3vw;
	}

	#topheader .headertext h4 {
		font-size: 1em;
		font-weight: normal;
	}

}

@media screen and (max-width: 600px) {

	body {
		font-size: 12px;
	}

}

@media screen and (max-width: 480px) {

	#tnav ul li  {
		border: none;
		border-bottom: 1px solid #fff;
	}

	#tnav li:hover ul {
		position: relative;
		width: 100%;
	}

}

#lang_sel {
	float: right;
}