/** EDITOR.CSS
	This file contains default styles for Content Templates and
	basic text styling and should be loaded into the editor
	via Tools > Configuration
**/

body {
	margin: 0;
	padding: 0;
}
/* ------------------- DEFAULT CONTENT STYLES --------------------- */
/* ---------------------------------------------------------------- */


h1 {
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 20px;
	color: #464053;
}
h2 {
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 18px;
	color: #464053;
}
h3 {
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 16px;
	color: #464053;
}
h4 {
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 14px;
	color: #464053;
}
p {
	font-family: 'Lato', sans-serif;
	font-size: 13px;
	color: #000;
	font-weight: 500;
}
hr {
	border: 0;
	height: 1px;
	color: #cccccc;
	background-color: #cccccc;
}
a {
	text-decoration: underline;
	color: #002157;
}
a:hover {
	color: #645C72;
}
img {
	border: 0;
}
table td {
	vertical-align: top;
}
/* ---------------------- CONTENT TEMPLATES ----------------------- */
/* ---------------------------------------------------------------- */


												/* Two column table */
/* ---------------------------------------------------------------- */

.ContentTemp_2Column {
	width: 100%;
	border-collapse: collapse;
  min-height: 714px;
}
.ContentTemp_MainCol {							/* Main column */
	padding: 10px;
	width: 65%;
}
.ContentTemp_SideCol {							/* Sidebar */
	padding: 10px;
	border-left: 1px solid #cccccc;
	width: 30%;
}
.ContentTemp_MainCol img {						/* Constrain images */
	max-width: 400px!important;					/* prevents broken tables */
}
.ContentTemp_SideCol img {
	max-width: 150px!important;
}
.ContentTemp_SideCol ul li a{
	text-decoration:none;
  	background:url("/data/layout/images/green_arrow.png") top left no-repeat;
padding-left: 14px;
background-position: 0px 3px;
}
.ContentTemp_SideCol ul li a:hover{
 	color: #002157!important;
}
.ContentTemp_SideCol h2,
.ContentTemp_SideCol h3{
 	margin-top:0;
}
.ContentTemp_MainCol h1{
 	margin-top:0;
}
/* Zebra list table */
/* ---------------------------------------------------------------- */

.ContentTemp_Zebra {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #cccccc;
}
.ContentTemp_Zebra th {							/* Column headings */
	font-weight: bold;
	background: #F4F5FB;
	border-bottom: 1px solid #cccccc;
	text-align: left;
	padding: 3px;
}
.ContentTemp_Zebra tbody td {
	border-left: 1px solid #cccccc;
	padding: 2px;
}
.ContentTemp_Zebra tr:nth-child(even) {			/* Needs jquery fallback */
	background: #f4f4f4;
}
.ContentTemp_Zebra img {						/* constrain images */
	max-width: 100px;
}
/* Box table */
/* ---------------------------------------------------------------- */

.ContentTemp_Box {
	width: 100%;
}
.ContentTemp_Box td {
	padding: 5px;
	width: 48%;
}
.ContentTemp_Box td img {
	max-width: 200px;
}

@media (max-width: 960px) {
.ContentTemp_2Column {
    	min-height:0;
  }
.ContentTemp_MainCol {							/* Main column */
	padding: 10px;
	width: calc(100% - 20px);
	width: -moz-calc(100% - 20px);
	width: -webkit-calc(100% - 20px);
    display:block;
   	position:relative;
}
.ContentTemp_SideCol {							/* Sidebar */
	padding: 10px;
	border-left: none;
	width: calc(100% - 20px);
	width: -moz-calc(100% - 20px);
	width: -webkit-calc(100% - 20px);
    display:block;
  	position:relative;

}
}
