body,div,span,p,a,img,h1,h2,h3,h4,h5,h6,ul,ol,li,blockquote,input{margin:0;padding:0;outline:none}
img{float:left;border:0}
ul,li,ol{list-style:none;float:left}
a{outline:0;text-decoration:none;color:#018999}
body{font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;background:#eeeeee}

.mastHead a{color:#757575}
.top-wrap{width:100%;float:left;background:#fff url(images/top-wrap.jpg) repeat-x top}
.top-wrap-main{width:100%;float:left;background:#fff url(images/top-wrap-main.jpg) repeat-x top}
.body-wrap{width:100%;float:left;background:#fff url(images/body-wrap.gif) repeat-x top}
#body-wrap{width:980px;float:none;margin:0px auto}
#header-wrap{width: 980px;float:left}

div.topan{}
.topan div.call{min-width:60px;float:right;font-size:13px;color:#757575;padding:5px 0 0 0;margin:0 16px 0 0px}
#header{width:980px;height:120px;float:left;position:relative}

em.ttip {background:url(images/bubble.png) no-repeat;width:112px;height:56px;float:left;display:block;position:absolute;top:230px;left:25px;text-align:center;text-indent:0px;z-index:2;display:none;line-height:70px;color:#4e4e4e;margin-top:10px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}

ul.nav{min-width:480px;float:right;margin:75px 0 0 0}
ul.nav li {display:block;float:left;margin-right:2px}
ul.nav li a{float:left;font-size:11px;color:#252525;line-height:36px;padding:0px 24px;text-align:center}
ul li a#featured{color:#018999;font-weight:bold}
ul.nav li a:hover, ul.nav li a.active{float:left;text-align:center;padding:0px 14px 0 0px;background:url(images/nav-right.png) no-repeat right}
ul.nav li a:hover span, ul.nav li a.active span{display:block;text-align:center;height:35px;float:left;padding:0 10px 0 24px;background:url(images/nav-left.png) no-repeat left}

#article-list{float:left;color:#252525;line-height:28px;padding:0 12px;height:300px;width:270px;scrollbar-base-color:#ffeaff;overflow:auto;overflow-x:hidden;-ms-overflow-x:hidden}

div.banner{width:980px;height:400px;float:left;background:url(images/banner_bg.png) no-repeat top center}
.banner ul.slideshow li a{font-size:14px;color:#fff;font-weight:bold}
.banner ul.banner-lists{width:300px;float:right;margin:30px 20px 0 0}
.banner ul.banner-lists li{width:260px;float:left;display:block;padding:10px 0 10px 11px;background:#fff;border:1px solid #c9c9c9;margin:0 0 8px 0}
.banner ul.banner-lists li img{margin:0 11px 0 0}
.banner ul.banner-lists li div{width:156px;float:left}
.banner ul.banner-lists li h4{width:156px;float:left;font-size:11px;color:#636363;text-transform:uppercase}
.banner ul.banner-lists li div p{display:block;min-width:153px;max-width:auto;float:left;font-size:11px;color:#636363;line-height:16px}
.banner ul.banner-lists li div p a.more{color:#018999;text-decoration:none}
.banner ul.banner-lists li div p a.more:hover{color:#018999;text-decoration:underline}
@media (max-width: 479px) {
	.ldrb,
	div[style^="height:60px; width:468px;"]{
	width: 100%!important;
		overflow: hidden;
	}
	.ldrb iframe,
	div[style^="height:60px; width:468px;"] iframe {
		width: 100%!important;
	}	
}

h4 a:hover{text-decoration:underline}
a.more{color:#018999;text-decoration:none}
a.more:hover{color:#018999;text-decoration:underline}

#content-wrap{width:980px;float:left;padding-top:35px;padding-bottom:10px}
#content-wrap h1, #content-wrap h2, #content-wrap h3{min-width:100px;float:left;font-size:18px;color:#252525;font-weight:bold;text-transform:uppercase;padding-bottom:30px;padding-right:14px;background:#fff}
#content-wrap h2 span,#content-wrap h3 span{font-size:18px;color:#7e7e7e;font-weight:normal;text-transform:uppercase}
@media (min-width: 768px) {
	div.leftContent{clear:both;width:633px;float:left;display:block}
	.leftPan{width:633px;float:left;padding-left:2px;margin-right:40px;background: url(images/leftpan_bg.jpg) no-repeat right 2px}
	.leftPan img{float:left;margin:6px 22px 56px 0}
	.leftPan p.para{display:block;width:435px;float:right;font-size:12px;color:#636363;padding-right:12px;line-height:21px}


	#content-wrap div.innerLeft{clear:both;width:633px;float:left;background: url(images/leftpan_bg.jpg) no-repeat right 2px}
	#content-wrap div.innerLeft h3{min-width:202px;float:left}
	#content-wrap ul.lower-lists,#content-wrap ul.lower-lists li{width:633px;float:left}
	#content-wrap ul.lower-lists li{padding:12px 0 12px 0;border-bottom:1px solid #ededed}
	#content-wrap ul.lower-lists li.nopad{padding-top:0px}
	#content-wrap ul.lower-lists li.nobor{border:0px}
	ul.lower-lists li img{float:left;margin:0px 23px 0 0}
	ul.lower-lists li h4{float:none;font-size:14px;color:#636363;font-weight:bold;line-height:21px}
	ul.lower-lists li p{min-width:432px;float:none;display:block;height:10px;color:#7e7e7e}

	#content-wrap .rightPan h2{min-width:140px;float:left}
	#content-wrap .rightContent{clear:both;float:left;width:300px;padding-bottom:25px}
	.rightPan{width:300px;float:right; clear: right;background:url(images/right-pan_bg.jpg) no-repeat right 2px}
	.rightPan ul, .rightPan li{width:100%;float:left;display:block}
	.rightPan ul li{padding:16px 0 17px 0;border-top:1px solid #ededed}
	.rightPan ul li.nopad{padding-top:0px}
	.rightPan ul li a{width:300px;float:left;font-size:12px;color:#018999;text-decoration:none;line-height:21px}
	.rightPan ul li a:hover{text-decoration:underline}
	.rightPan ul li span{min-width:120px;float:left;font-size:11px;color:#a2a2a2;text-decoration:none}

	div.quote{clear:both;width:300px;float:left}
	div.quote blockquote{width:226px;float:left;font-size:12px;color:#626262;line-height:21px;padding:4px 37px 7px 26px;background:url(images/quoter-rep-y.png) repeat-y}
	div.quote p.sign{
		width:265px;float:left;display:block;font-size:12px;color:#626262;font-weight:bold;text-align:right;padding:35px 7px 0 0;
		background:url(images/quote-bot.png) no-repeat}
}
#footer-wrap{width:100%;height:109px;float:left;background:url(images/footer-wrap.gif) repeat-x}
#footer{width:980px;height:84px;float:none; clear: both; margin:0 auto;padding:25px 0 0 0}
#footer p.copyright{min-width:300px;font-size:11px;color:#727272;line-height:21px}
#footer p.foot-sign{float:right;min-width:126px;font-size:11px;color:#727272;line-height:21px;font-weight:bold;font-style:italic;margin:0 48px 0 0}
#footer ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	float: none;
}
#footer ul li {
	margin-right: 15px;
}
#footer ul li:last-child {
	margin-right: 0;
}

ul.footNav{min-width:273px;float:left}
ul.footNav li{float:left;line-height:21px;color:#727272}
ul.footNav li a{font-size:11px;color:#727272;padding:0 5px}

.leftPan p{width:100%;float:left;padding-bottom:20px;font-size:12px;color:#636363;line-height:21px}

#content-wrap ul.blog{display:block;width:100%;float:left}
#content-wrap ul.blog li{width:100%;float:left;display:block;padding-bottom:30px}
#content-wrap ul.blog li p.post, ul.blog li p.comments,ul.blog li p.date{width:100%;float:left}
#content-wrap ul.blog li h5{font-size:21px;color:#018999;line-height:21px;padding:0px 0px 10px 0}
#content-wrap ul.blog li img{width:100%;margin:10px 9px 10px 0}
#content-wrap ul.blog li p a{font-size:12px;color:#018999}
#content-wrap ul.blog li p a:hover{text-decoration:underline}
#content-wrap ul.blog li p.date,#content-wrap ul.blog li p.post,#content-wrap ul.blog li p.comments{padding:0 0 9px 0}
#content-wrap ul.blog li a.more{width:80px;float:left;color:#018999;text-align:left;padding:0px;margin:0px;text-decoration:underline;background: url(images/arrow.png) no-repeat right}
#content-wrap ul.blog li a.more:hover{display:block;width:80px;float:left;color:#018999;text-decoration:none}

ul.sitemap{width:100px;float:left;padding-bottom:50px}
ul.sitemap li{width:100%;float:left;display:block;line-height:21px}
ul.sitemap li a{font-size:11px;color:#2c68a5;text-decoration:none}
ul.sitemap li a:hover{color:#7e7e7e;text-decoration:underline}

div.bookmark img{margin:auto 0}
.rightPan p.address{font-size:12px;color:#636363;line-height:21px}
select{color:#636363}

/* Sidebar for article view pages */
.sidebar-banners{}
ul.sidebar-banners li{border:1px solid #ccc;padding:5px;margin-bottom:10px;width:280px}
ul.sidebar-banners li img{padding-right:7px}
ul.sidebar-banners li p a{white-space: nowrap}
ul.sidebar-banners li h4, p{color:#636363;line-height:16px;display:block;font-size:11px}

.sidebar-resource{padding:10px;border:1px #ccc solid;height:70px;margin-bottom:12px}
.sidebar-resource img{padding-right:10px}

.surname-letter{font-size:36px;font-weight:bold;width:300px;color:#000}
.surname-results{font-size:24px;font-weight:bold;width:300px;color:#000}
.names-column{width:25%;padding-bottom:24px;float:left}

/*  LeadGen Forms */
#search-form{background-color:#dee8ea;background-image:-moz-linear-gradient(center top,#dee8ea 0%,#ccdcdf 100%);width:275px;padding:16px 0 24px 16px;border:1px solid #ccdcdf;border-radius:6px;-moz-border-radius:6px;-khtml-border-radius:6px;-webkit-border-radius:6px}
#search-form-homepage{background-color:#dee8ea;background-image:-moz-linear-gradient(center top , #dee8ea 0%, #ccdcdf 100%);width:255px;padding:16px 0 16px 16px;border:1px solid #ccdcdf;border-radius:6px;-moz-border-radius:6px;-khtml-border-radius:6px;-webkit-border-radius:6px}
.slideshow #search-form-homepage{width:550px;padding:65px;padding-left:35px;background:inherit;border:0px}

#form-title{font-family:Helvetica;font-size:20px;font-weight:bold;color:#252525}
#form-subtitle{font-family:Helvetica;font-size:13px;margin-bottom:20px;font-weight:bold;width:240px;color:#545454}
.field-title{font:12px Helvetica}
.field{background-color:#fff;background-image:-moz-linear-gradient(center top,#efefef 0%,#fff 100%);height:23px;width:235px;padding:2px 2px 2px 5px;margin-bottom:10px;border:1px solid #ccdcdf;border-radius:4px;-moz-border-radius:4px;-khtml-border-radius:4px;-webkit-border-radius:4px}
.slideshow .field{border:1px solid #909090;margin-bottom:7px}
.field input, .field select{font-size:15px;height:18px;width:230px;border:0px;background-color:transparent}
.field select{height:22px}

#button {padding-top:18px;padding-bottom:3px}
#button input[type="submit"], #button a.button, #button input[type="button"] {border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;background-color:#45791C;background-image:-moz-linear-gradient(center top,#45791C 0%,#629335 100%);border:1px solid #3D6F0D;color:white;cursor:pointer;font-size:16px;padding:3px 10px;text-decoration:none;text-shadow:1px 1px 1px rgba(1,1,1,0.35);vertical-align:middle}
#button input[type="submit"]:hover, #button a.button:hover, #button input[type="button"]:hover {background-color:#629335;background-image:-moz-linear-gradient(center top,#629335 0%,#629335 100%);color:white}
#button-alt {float:right}
#button-alt input[type="submit"], #button-alt a.button, #button-alt input[type="button"] {border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;cursor:pointer;font-size:16px;padding:3px 10px;color:#454545;background-image:-moz-linear-gradient(center top,#f1f1f1 0%,#d2d2d2 100%);border:1px solid #ccdcdf;text-decoration:none;vertical-align:middle}

 /* Share Buttons */
#fbshare_btn{float:left;background-image:-moz-linear-gradient(center top,#d2d2d2 0%,#b3b3b3 100%);padding-right:10px}				
#tweetme_btn{float:left}		
.comment-form-comment textarea{display:block}

 /* Search Results */
.search-result{border:1px #ddd solid;background-color:#fff;padding:5px;margin-bottom:5px}
.highlighted{background-color:#FFC}
.search-result a{font-size:16px;font-weight:600}
.search-result a:hover{text-decoration:underline}
.search-result #desc{text-decoration:italic;color:#666}
.no-results-ad { width: 300px; height: 250px; margin: 0; padding-top: 20px; clear: both; }


.return-to-blog { display: block; margin-bottom: 10px;}

ul.nav li.dna a:hover span, ul.nav li.dna a.active span {
    background: none;
}

ul.nav li.dna a {
    background: url(images/dna-header.png) no-repeat!important;
    background-size: contain!important;
    paddding-top: -6px;
}

ul.nav li.dna a span {
    display: block;
    position: relative;
    top: -3px;
}

.mobile-menu-block {
	display: none!important;
}

.research-header {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    clear: both;
    flex-flow: row;
    -ms-align-items: flex-start;
    align-items: flex-start;
}

img.research-image {
    max-width: 100%;
    height: auto;
    border: 1px solid #636363;
}

@media only screen and (max-width: 960px) {
	#body-wrap, #header-wrap, #header, div.banner, #content-wrap, .leftPan, 
	#content-wrap div.innerLeft, .tag-cloud,
	#content-wrap ul.lower-lists, #content-wrap ul.lower-lists li,
	.banner ul.slideshow, #footer  {
		width: 100%;
	}
	ul.slideshow {
		position: static!important;
		overflow: visible!important;
		float: none;
		float: none;
	}
	ul.slideshow li {
		float: none!important;
		position: static!important;
		margin: 0 auto!important;
	}
	ul.slideshow li div {
		padding-top: 25px;
	}
	div.banner {
		float: none;
		clear: both;
		height: auto;
		background: transparent;
	}
	.banner ul.banner-lists {
		float: none;
		margin: 20px auto;
		clear: both;
	}
	ul.nav {
		margin-right: 10px;
	}
	ul.nav li a {
		padding: 0 10px;

	}
	ul.lower-lists li img {
		float: none;
	}
	ul.lower-lists li p {
		min-width: 100%;
		height: auto;
	}
	#content-wrap {
		padding: 15px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.home-content {
		clear: both;
		padding: 0 15px;
	}
	.rightPan {
		width: 100%;
		float:none;
		clear: both;
		background: transparent;
	}
}

@media only screen and (max-width: 728px) {
	.footer-ad {
		display: none;
	}
	#header {
		height: auto;

	}
	#header > a {
		display: block;
		width: 100%;
		height: 107px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	ul.nav {
		float: none!important;
		width: 100%;
		margin-top: 25px;
		min-width: auto;
	}
	ul.nav li {
		display:none;
		font-size: 15px;
		text-align: center;
		width: 100%;
		float: none;
		margin-right: 0;
	}
	ul.nav li a {
		float: none;
		width: 100%;
		font-size: 15px;
		padding: 10px 0;
		display: block;
	}
	ul.nav li.mobile-menu-block {
		display: block !important;
		padding: 15px 0;
	}
	ul.nav li.dna a {
		background: none!important;
	}
	.research-header {
	    display: block;
	}
}

@media only screen and (max-width: 622px) {
	.banner .slideshow li {
		width: 100%!important;
	}
}