/* CSS Document */


/* Current Modifications for 2015 responsiveness */

/* Typographic Defaults */

p, ul, li, ol, blockquote, quote, cite, table, td {
	font-family: "Arial", "Helvetica", sans-serif;
}

body, html {
	height: 100%;
}
.container {
	max-width: 900px;
	margin: 0 auto;
	padding-left: 30px;
}
.leftpanel {
	max-width: 179px;
	float: left;

}
.content {
	float: right;
	max-width: 730px;
}
.left-nav {
	list-style-type: none;
	padding-left: 5px;
}
.left-nav li {
	height: 28px;
}
.left-nav li:hover {
	background: #fff;
}

.topbar {
	min-height: 28px;
}

ins {
	display: block !important;
}
body
{
margin:0px;
background-image:url(../images/bg-1.png);
background-repeat:repeat-y;
background-color:#e8edf1;
border:0;
top:0;
left:0;
}


.topbar
{
background-color:#D6E2FF;
color:#FFFFFF;
}

.header
{
background-repeat:no-repeat;
background-position:center;
}

.pagename
{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
text-align:left;
font-weight:bold;
padding-left:4px;
text-decoration:none;
}

.leftpanel, .leftpanel-mobile
{
background-color:#cccccc;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}
.leftmenu
{
height:28px;
padding-left: 4px;
}

.textarea
{
background-color:#FFFFFF;
font-family:Arial;
font-size:11pt;
line-height:1.5em;
padding-left:7px;
padding-right:7px;
}

.tabcont
{
font-family:Arial;
font-size:12px;
line-height:1.5em;
}
.heading
{
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
line-height:2em;
font-weight:bold;
}

.ads
{
text-align:left;
}

a.pagelink:link, a.pagelink:active, a.pagelink:visited
{
color:#4760C0;
text-decoration:none;
}

a.pagelink:hover
{
color:#4760C0;
text-decoration:underline;
}

.bottomlinks 
{	
FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}

a.mainmenu{
text-decoration:none;
}

.left {float:left; padding-right:10px;}

.right {float:right; padding-left:10px;}

.clear {clear:both;}

footer {
	background-color: #536F91;
	clear: both;
	text-align: center;
	padding: 0 2rem;
}

img {
	max-width: 100%;
}

.slicknav_menu, #mobile-menu {
	display: none;
}

/* Larger than tablet */
@media (max-width: 1024px) {
	body {
		background-image: none;
	}
	.leftpanel, .left-nav { 
		display: none;
	}
	.container, .content {
		width: 100%;
		padding-left: 0;
		max-width: none;

	}
	.footer-links, .copyright {
		text-align: center;
	}
	.content {
		margin: 2rem 1rem;
		width: 96%;
	}	

	.leftpanel, .left-nav {
		width: 100%;
		float: none;
		max-width: none;
		text-align: center;
	}
	.left-nav li {
		display: inline-block;
		padding: 1% 1%;
		margin: 1% 0;
		border-right: 1px solid rgba(255,255,255,0.6)
	}
	.left-nav li:last-child {
		border-right: none;
	}
	#main-menu {
		display: none;
	}
	.slicknav_menu {
		display: block;
	}

}

@media only screen and (max-width: 775px) {
	ins, iframe {
		margin-left: -0.5rem;
	}

}

/* Larger than phablet (also point when grid becomes active) */
@media (max-width: 600px) { 

	.content {
		width: 92%;
		padding: 0 2%;
		float: none;
	}
	.right {
		float: none;
		padding: 0;
	}
	.content img {
		float: none !important;
		padding: 4% 0 !important;

	}
	.content ul > img, .content ul > p img {
		margin-left: -1.5rem !important;
		padding: 0;
	}

}