body	{ margin: 20px; font-family: 'Open Sans', sans-serif; font-size: 13px; color: #565656;}
a		{ color: #565656; }
a:hover		{ color: #565656; }
a:active 	{ color: #565656; }
a:visited	{ color: #565656; }

#container { width: 100%; margin: 0 auto;}

.header { padding-bottom: 5px; background-color: #2B81B6; color: white; }
.header h2{ padding: 6px 0 8px 8px;}

.boxSkin-left { width: 49.5%; float: left;}
.boxSkin-right { width: 49.5%; float: right;}
.boxSkin {
				background: #FFF;
				margin-bottom: 20px;
				font-size: 12px;
		}
.boxSkin-pad {padding: 30px 0; font-size: 13px;}				
.boxSkin  h4 { margin-top: 0; padding: 12px 8px; color: #565656; background-color: #DEEBF5;}
.boxSkin a { color: rgb(47, 130, 183);}
.boxSkin-indent {margin-left: 8px;}
.boxSkin-left .boxTitle, .boxSkin-right .boxTitle, .boxSkin .boxTitle  { float: left; font-size: 13px; font-weight: bold; color: #565656; }
.boxSkin-left .boxLink a, .boxSkin-right .boxLink a, .boxSkin .boxLink a{ 
	 float: right; padding: 0px 5px 5px 5px; display:inline-block; font-size: 11px;}
.boxSkin-left .boxLink a:hover, .boxSkin-right .boxLink a:hover, .boxSkin .boxLink a:hover{
 padding: 0px 5px 5px 5px; display:inline-block; text-decoration: none; font-size: 11px;}
.boxSkin ul {list-style: none;}
.boxSkin ul li:before{ content:"•"; font-size:10pt; margin-left: -20px; padding-right: 15px;} 
.boxSkin li {margin-left: -20px; margin-right: 60px;}
.quad		{ float: left; width: 45%; min-height: 200px; margin-bottom: 20px; }
.indented	{ margin-left: 10px; }


.caliBox a{
 border:1px solid #565656; padding: 5px 5px 5px 5px; display:inline-block; font-weight: bold; font-size: 0.8em; font-weight: lighter; text-transform:uppercase;
 }

.caliBox a:hover{
 border:1px solid #565656; padding: 5px 5px 5px 5px; display:inline-block; font-weight: bold; font-size: 0.8em; font-weight: lighter; text-transform:uppercase; text-decoration: none;
}

.footer {
	width: 100%;
	background-color: #7f848a;
	border-top: 7px solid #5e6265;
	color: #fff;
    margin: 0px 0px -20px -18px;
	padding: 10px 9px 18px 29px;
}

.footer .indent {padding-left: 25px;}
.footer a {color: #1f6092; font-weight: bold;}

.top a { color: rgb(47, 130, 183); }
.top a:hover { text-decoration: none;}



@media (max-width: 550px) {
	.header h2 {text-align: left;}
    .boxSkin                { display: block; }
    .extraMargin            { margin-bottom: 10px; }
	.footer .indent {padding-left: 0;}
}