html,body,div,span,applet,object,iframe,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,label,legend,p,blockquote,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}body{line-height:1;color:black;background:white;}:focus{outline:0;}table{border-collapse:collapse;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul{list-style:none;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"" "";}abbr,acronym{border:0;}
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
html {background:#f7f6ef;}
body {
	position:relative; 
	max-width:68em; 
	margin:10px auto; 
	background:#fff;
	overflow: auto;
	zoom: 1;
	border:1px solid #78b;
	font: normal 1em/1.25em  "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
header {
position:relative;
}
header img {margin:8px 0 0 8px; max-width:90%;}
#headpix {
width:60%;
float:right;
margin:8px 8px 0 0;
}
#headpix  img {float:right; margin:0;}
#tagline {
float:right;
font-size:24px;
line-height:1.2em;
color:#039;
margin:1em;
text-align:left;
width:50%;
}
#logoimg {max-width:35%; float:left;}
.lblue {color:#9df;}
.beige {color:#fd9}
.lime {color:#790;}
strong {font-weight:bold;}
em {font-style:oblique;}

#lcol h2 {padding: 10px 2% 4px 2%; font: bold 1.375em/1.3em Times, serif; color:#077;}
#lcol h3 {padding: 10px 2% 4px 2%; font: bold 1.25em/1.3em Times, serif; color:#8aa551;}
#lcol h4 {padding: 10px 2% 4px 2%; font: bold 1.15em/1.3em Times, serif; color:#247;}

	#tagline {
	float:right;
	font-size:24px;
	line-height:1.2em;
	color:#039;
	margin:1em;
	text-align:left;
	width:50%;
	}
	#mainsec {
	overflow: auto;
	zoom: 1;
	background: url(images/bg_mainlogo.png) 48% 86% no-repeat;
	background-size: 70% auto;
	}
	#lcol {width:68%; float:left; }
	#lcol p {padding: 1em 3%;}
	#lcol ul {margin: 1em 3%; list-style:disc;}
	#lcol ul li {margin: 0 6% 6px 6%; font-size: 0.875em;}
	#rcol {
	float:right;
	width: 28%;
	background:#f4f2eb;
	margin:0 2% 10px 0;
	}
	#rcol h2 {font: bold 1em/1em arial; background:#103996; color:#fff; padding: 2px 8px;}
	#rcol p {padding: 6px 10px;}
	#rcol strong {font-weight:bold;}

	#lcol a, #rcol a {color:#36a;}
	#lcol a:hover, #rcol a:hover {color:#a36; text-decoration:none;}

	
	ul#sublinks {margin:12px 4%; list-style:none;}
	ul#sublinks li { margin: 4px 0; position: relative;}
	ul#sublinks li a {
	display: block;
	text-decoration: none;
	padding: 6px .5em;
	color:#343;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
	font-weight:bold;
	font-size:14px;
	background:rgba(255,255,255,0.6);
	border-radius: 2px;
	box-shadow:  1px 1px 4px 1px #ccc;
	border: 1px solid #088;
	}
	ul#sublinks li a:hover {background:#088; color:#fff}


h2#h2main { font-size:1.5em; color:#044;}

#mainphone {text-align:right; background: #088; padding:2px 12px;}
#mainphone h2 { color:#fff; font: bold 20px/20px arial;}
#tel-link {display:none; }

#iconlinks {
	vertical-align: top;
	float:left;
	width:70%;
	text-align:center;
	margin-bottom:20px;
	}
#iconlinks img {margin-bottom:6px; transition: all .3s ease-in-out; }
#iconlinks div {
	width:28%;
	vertical-align:top;
	display: inline-block;
	zoom: 1;
	*display: inline;
	margin: 4px 6px;
	text-align:center;
	padding:4px;
	box-shadow: 1px 1px 6px rgba(0,0,0,0.3);
	border-radius: 8px;
	min-height:28em;
	transition: all .5s ease-in-out; 
	}
#iconlinks a div {color:#000; font: bold 12px/12px arial; background:#f7f6ef;}
#iconlinks a:hover div {color:#000; background:#eae4be;}
#iconlinks a:hover div img { transform: scale(0.975);  }
#iconlinks ul {margin: 0 20px; list-style:square;}
#iconlinks ul li {text-align:left; font-weight:normal; color:#445; margin:0.25em 0; line-height:1.25em;}

@media screen and (max-width: 42em) {
	#tagline {float:none; width:auto;}	
	#iconlinks{
	float:none;
	width:auto;
	margin: 10px 0;
	}
	#iconlinks div {width:40%;}
	#headpix {display:none;}
	header {text-align:center;}
	#logoimg {float:none; max-width:72%;}
}

@media screen and (max-width: 44em) {
	header {text-align:center;}
	header img {margin:12px 2px 6px 2px;}
	#tel-link {display:block; color:#fff; font: bold 20px/20px arial;}
	#tel-link a {color:#fff;}
	#mainphone h2 {display:none;}
	}

@media screen and (max-width: 68em) {
	body {margin:0; border:0;}
}

img {max-width:100%; height:auto;}
p {padding: 0.5em 0.25em;}
.ital {font-style:oblique;}
.ctr {text-align:center;}

#social {text-align:center; margin:20px; padding-top:20px; clear:both;}
#social img { margin:8px;}
footer {clear:both;
padding: 10px;
text-align:center; 
font:normal 0.75em/1.2em "Century Gothic", sans-serif;
background:#eee;
}


@media screen and (max-width: 50em) {
		#rcol, #lcol {float:none; width:auto; clear:both;}
		#lcol {
		background: url(images/bg_mainlogo.png) 20% 98% no-repeat;
		background-size: 90% auto;
		}
		#mainsec { background:none; }
	}
@media screen and (max-width: 42em) {
		#tagline {float:none; width:auto; margin:6px 2%;}
		#rcol {
		margin:8px;
		}
	}

a[href$=".pdf"] {
    background: url("images/Pdf_icon.png") no-repeat scroll right top rgba(0, 0, 0, 0);
    padding: 0 26px 0 0;
}

sup, sub {
   vertical-align: baseline;
   position: relative;
   top: -0.4em;
}
sub { top: 0.4em; }