footer, header,  nav { display:block; }


html { font-size:100%; overflow-y:scroll; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
body { margin:0; font-size:13px; line-height:1.231; }
body, button, input, select, textarea { font-family:sans-serif; color:#222; }

a { color:#1a74c2; text-decoration:none; }
a:hover { color:#1a74c2; text-decoration:underline;}
a:focus { outline:thin dotted; }
a:hover, a:active { outline:0; }

small { font-size:85%; }


ul, ol { margin:0 0 1.5em 0; padding:0 0 0 20px; }
dd { margin:0 0 0 40px; }
nav ul, nav ol { list-style:none; list-style-image:none; margin:0; padding:0; }
img { border:0; -ms-interpolation-mode:bicubic; vertical-align:middle; }
svg:not(:root) { overflow:hidden; }


p, li {font-size:14px;color:#333;line-height:17px}


::selection 	 	{background:rgb(255,255,158);}
::-moz-selection 	{background:rgb(255,255,158);}
img::selection 		{background:transparent;}
img::-moz-selection	{background:transparent;}
body {-webkit-tap-highlight-color:rgb(255,255,158);}




.clr:before, .clr:after { content:""; display:table; }
.clr:after { clear:both; }
.clr { zoom:1; }




body {
	background:#fff;
	color:#5f5f5f;
	-webkit-text-size-adjust:100%; 
	font:14px/20px Arial, Helvetica, sans-serif;
}


.headertop {width:100%;; padding-bottom:5px; margin-bottom:-5px; position:relative; z-index:20;width:100%; background: #0c61a4; background: url(/images/bg.jpg) repeat-x}



header {max-width:1045px; margin:0 auto; padding:0 4px 0px 26px; position:relative;}
header .logo{margin:0px 0 0 0px; display:inline; float:left; text-indent:-9999px; overflow:hidden; background:url(/images/logosbp.jpg) no-repeat; width:239px; height:60px;}
header .logo a{display:block; height:100%;}





nav {padding:14px 2px 0 0; width:70%; float:right; height:75px;}
.nav {width:100%;; font-weight:normal; line-height:24px;}
nav .tablet {position:absolute; top:-99999px; left:-99999px;}
.mobile-menu {display:none;}
.nav li{float:left; ; padding-left:2px; font-size:15px}
.nav a{padding:26px 15px 0; height:44px; float:left; text-align:center; color:#aad1da; text-shadow:0 0 1px #0061b3;}
.nav li:hover a,
.nav a:hover{text-decoration:underline; }





#right {float:right; width:28.4%;margin:14px 0px 20px 0px}

.contr{background:#f5f5f5; border:1px solid #d6d6d6; -webkit-box-shadow:0 0 4px #105D8B; 
-moz-box-shadow:0 0 4px #105D8B; box-shadow:0 0 4px #d6d6d6; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;
margin:0px 0px 20px 0px}

.contr p {padding:0px 15px 0px 15px;font-size:14px}

.contr p{position:relative; padding:10px 0 9px 13px; border-bottom:1px solid #105d8b; 
-webkit-box-shadow:0 0 3px #105d8b; -moz-box-shadow:0 0 3px #105d8b; box-shadow:0 0 3px #105d8b; background: #105d8b; 
 -webkit-border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; border-radius:6px 6px 0 0;}


.contr p{padding:6px 0 6px 17px; margin:0; color:#fff; background:#105d8b; font-size:14px; line-height:18px;}

.contr li {display:block; margin:0; padding:10px 0px 0px 22px; list-style:none; 
line-height:17px;background:url(/images/bullet_blue.png) no-repeat 0% 80%;color:#333333;font-size:13px}
.contr li a:link, .contr li a:visited {color:#333333}





#content h1{margin:0;  padding:16px 0 0; color:#165577; font:bold 18px/19px Arial, Helvetica, sans-serif;}


#main{padding:12px 29px 0 36px; width:auto;;  background: #ffffff; }
.main-area{max-width:999px; padding:0 4px; margin:0 auto;}
#content {float:left; width:67.7%;}
#content h2{color:#165577; font-size:15px; line-height:21px;}
#content h3{color:#333;}

footer{text-align:center;max-width:984px; padding:27px 4px; margin:0 auto; font-size:11px; line-height:24px; color:#999;}
footer .left{text-align:center;float:none; width:68%;}
footer .left ul{margin:0; padding:0 0 24px; list-style:none;}
footer .left ul li{display:inline;float:none; margin:0 15px 0 0; font-size:12px; line-height:16px;}
footer .left ul a{color:#333; text-decoration:underline;}
footer .left ul a:hover{text-decoration:none;}
footer p{margin:0;}


.imgli {float:left}
.imgl {float:left;padding-right:15px}


@media only screen and (min-width:768px) and (max-width:983px) {

	nav{ width:57%;}
	nav .nav{position:absolute; top:-99999px; left:-99999px;}
	nav .tablet{position:static; left:0; top:0;}
	.nav li:hover .drop{left:0;}
	#content{width:67.1%;}
	#right {float:right; width:29.4%;margin:14px 0px 20px 0px}
	#content h2{font-size:16px; line-height:20px;}
	footer{text-align:center; padding:24px 50px;}
	footer .left{float:none; width:100%; padding-bottom:26px;}
	footer .left ul{text-align:center; float:none; width:100%; padding-bottom:19px;}
	footer .left ul li{display:inline; float:none; margin:0 6px 0 6px;}
	.contr li {display:block; margin:0; padding:10px 0px 0px 12px; }
}




@media only screen and (max-width:767px) {
	
	body {min-width:320px;}
	.headertop {height:35px;}
	header{padding:0 0 0 16px;}
	header .logo{background:url(/images/logosbpsmall.jpg) no-repeat; width:153px; height:39px; margin:0px 0 0;}

	nav{width:auto; height:39px; background:none; padding:0;}
	.nav{display:none;}

	.mobile-menu{display:block; float:right; background:url(/images/sep-nav.png) no-repeat; padding-left:2px;}
	.mobile-menu .link{padding:10px 0 0 14px; text-shadow:0 0 2px #005aaa; height:29px; display:block; width:82px; cursor:pointer; color:#aadafb; font-size:15px; line-height:20px;}
	.mobile-menu .link b{padding:0 0 0 25px; display:block; background:url(/images/ico-mobile-menu.png) no-repeat 0 2px;}
	.active-menu .link,
	.mobile-menu .link:hover{color:#fff; background: #3a91d1; background: -moz-linear-gradient(top,  #3a91d1 0%, #1a67a2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a91d1), color-stop(100%,#1a67a2)); background: -webkit-linear-gradient(top,  #3a91d1 0%,#1a67a2 100%); background: -o-linear-gradient(top,  #3a91d1 0%,#1a67a2 100%); background: -ms-linear-gradient(top,  #3a91d1 0%,#1a67a2 100%); background: linear-gradient(top,  #3a91d1 0%,#1a67a2 100%); text-decoration:none;}
	.active-menu .link b,
	.mobile-menu .link:hover b{background:url(/images/ico-mobile-menu-active.png) no-repeat 0 2px;}
	.mobile-menu .slide{display:none; position:absolute; width:100%; top:39px; left:0;}
	.mobile-menu .slide ul{border-bottom:2px solid #006893; margin:0; padding:0; list-style:none; background:#fff; font:14px/18px Helvetica, Arial, sans-serif;}
	.mobile-menu .slide ul li{background:url(/images//img/div01.png) repeat-x; padding:1px 0 0;}
	.mobile-menu .slide ul li:first-child{padding-top:0; background:none;}
	.mobile-menu .slide ul a{color:#0061b5; display:block; padding:12px 14px;}
	.mobile-menu .slide ul a:hover{background:#e8f5fa; text-decoration:none;}
	.mobile-menu .slide .close{padding:0 0 0 38px; background:url(/images/btn-close.png) no-repeat; width:91px; height:21px; color:#fff; font:bold 12px/20px Arial, Helvetica, sans-serif; text-shadow:0 -1px #03445e; display:block; margin:0 auto;}
	#right{float:none; width:100%;}
	#right{padding:3px 37px 0 ; width:auto;}
	#content h1{font-size:16px; line-height:18px; ;font-weight:bold}
	#main{padding:16px 0 0 0;}
	.main-area{padding:0;}
	#content {float:none; width:auto; padding:0 27px;}
	#content h2{font-size:14px; line-height:17px;}
	footer{text-align:center; padding:24px 50px; line-height:13px;}
	footer .left{float:none; width:100%; padding-bottom:37px;}
	footer .left ul{text-align:center; float:none; width:100%; padding-bottom:22px; line-height:29px;}
	footer .left ul li{display:inline; float:none; margin:0 6px 0 6px;}
	.addthis_peekaboo_style {display:none}

}