html { 
-webkit-text-size-adjust:100%;
background-color:#e8e8e8;
	}

@media all and (min-width:320px) {	
	.CHS_logo { 
		margin: -20px 0 0 0;
		}
	.CHS_logo img {
		width:95%;
		}
	#CladeX_brand {
		text-align:center;
		}
	#CladeX_brand img {
		max-width:100%;
		}
	#main_nav a { 
		background-color:#f0f2f5;
		}	
	#site_wrap { 
	    margin-top: -45px;
		background-image: url(../../d/y/CladeX_hero_image.jpg);
		background-repeat: no-repeat;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
		/*background-size: cover;*/
		background-size: 100%;
		display: table;
		height: 450px;
		width: 100%;
		}
	.left {
		padding-top:70px;
		}
		iframe {
		width:100%; max-height:170px
		}
	#site.int #content .cols_container > .right {
   	 	background-color: #f0f2f5;
		padding-bottom:10px;
		}
	#section_nav h2 {
		margin-left:0;
		}
	#section_nav > div > ul > li > a {
		padding: 0 10px 10px 10px;
	}
	#footer .inner { height:455px; }
	#footer .three { 
		padding-top:20px; 
	}
	#footer .four img {
		/*max-width:200px;*/
		display:none;
		}
}
/* ------------------------------------------------------------ END MIN-WIDTH:320px ------------------------------------------------------------ */

@media all and (min-width:400px) {
	.CHS_logo img {
		width:75%;
		}
	#CladeX_brand img {
		width:90%;
		}
	iframe {
		max-height:220px;
		}

}
/* ------------------------------------------------------------ END MIN-WIDTH:400px ------------------------------------------------------------ */

@media all and (min-width:480px) {
	.CHS_logo img {
		width:70%;
		}
	#CladeX_brand {
		text-align:center;
		}
	#CladeX_brand img {
		max-width:80%;
		}
	#site_wrap {
		/*margin-top:-65px;*/
		}
	.left {
		padding-top:100px;
		}
	iframe {
		width:100%;
		max-height:360px;
		max-width:640px;
			height:250px;
		}
	#footer .inner { height:370px; }
	#footer .one,
	#footer .two {
		width:50%; 
		}
	#footer .three { 
		width:50%;
		float:left;
		padding-top:0;
		}
	#footer .four img {
		margin-top:120px;
		width:180px;
		display:inline;
		}
	
}
/* ------------------------------------------------------------ END MIN-WIDTH:480px ------------------------------------------------------------ */

@media all and (min-width: 533px) and (max-width:639px) {
	.CHS_logo {
		margin:-30px 0 0 0;
		float:right;
		}
	.CHS_logo img {
		float:right;
		width:55%;
		}
	#CladeX_brand {
		text-align: left;
		}
	#CladeX_brand img {
		width:50%;
		margin-top:0
		}
	.left {
		padding-top:120px
		}
	iframe { height:300px; }
	#footer .inner { height:370px; }
}
/* ------------------------------------------------------------ END MIN-WIDTH:533px AND MAX-WIDTH:639px ------------------------------------------------------------ */

@media all and (min-width: 640px) and (max-width:719px) {
	.CHS_logo {
		margin:-30px 0 0 0;
		float:right;
		}	
	.CHS_logo img {
		float:right;
		width:50%;
		}	
	#CladeX_brand {
		text-align: left;
		}
	#CladeX_brand img {
		width:50%;
		margin-top:0;
		}
	.left {
		padding-top:150px;
		}
	iframe { height:360px; }
	#footer .inner { height:370px; }
}
/* ------------------------------------------------------------ END MIN-WIDTH:640px AND MAX-WIDTH:719px ------------------------------------------------------------ */

@media all and (min-width: 720px)  {
	.CHS_logo {
		margin:-30px 0 0 0;
		float:right;
		}		
	.CHS_logo img {
		float:right;
		width:50%;
		}
	#CladeX_brand {
		text-align: left;
		}
	#CladeX_brand img {
		width:50%;
		margin-top:0;
		}
	.left {
		padding-top:150px;
		}
	iframe { height:360px; }
	/*#footer .cols_container {min-height:200px;background: linear-gradient(to bottom, #1C4882 0%,#1E376C 100%);	}	
	#footer .one { width:30%;}
	#footer .two { width:33%; }
	#footer .three { width:33%; clear:none; padding-top:0; }
	#footer .four img { display:none; }*/
	
}
/* ------------------------------------------------------------ END MIN-WIDTH:720px ------------------------------------------------------------ */

@media all and (min-width: 732px) and (max-width:736px) {
	.CHS_logo {
		margin:-30px 0 0 0;
		float:right;
		}
	.CHS_logo img {
		float:right;
		width:50%;
		}
	#CladeX_brand {
		text-align: left; 
		}
	#CladeX_brand img {
		width:45%; 
		}		
	.left {
		padding-top:150px;
		} 
	iframe { height:360px; }
	#footer .inner {
		/*min-height:180px;*/
		height:200px;
		}
	#footer .one {
		width:25%; 
		float:left;
		text-align:left;
		}
	#footer .two { 
		width:25%; 
		float:left; 
		}
	#footer .three { 
		width:25%; 
		float:left; 
		clear:none;  
		}
	#footer .four { 
		width:25%; 
		float:left;
		margin-top:0;
		}
	#footer .four img { 
		margin-top:0; 
		width:150px; 
		padding-top:0; 
		}
}
/* ------------------------------------------------------------ END MIN-WIDTH:732px AND MAX-WIDTH:736px ------------------------------------------------------------ */

@media all and (min-width:768px) {
	#header {
		margin-top:-17px; 
		}
	#header .inner { 
		padding:0; 
		}	
	#header .top {
    	overflow: hidden;
		background-color:#fff;
	}
	/*#logo { clear:both; }*/
	.CHS_logo {
		text-align:center;
		width:400px;
		float:right;
		margin-top:5px;
		}
	.CHS_logo img { 
		width:99%; 
		}
	#CladeX_brand {
		margin:30px 0 20px 0;
		padding-left:20px;
		text-align:left;
		}
	#CladeX_brand img {
		width:35%; 
		margin:0;
		}	
	
	#search { 
		display:block;
		}
	body.js_enabled #search {
		position:absolute;
		right:10px;
		top:11px;
		margin-top:145px;
		}
	#search .search-box,
	#search .seSearchBox {
		background-color:#f4f7f8;
		border:1px solid #bbbbbc;
		border-radius:3px;
		padding:2px;
		width:174px;
	}	
	#search .search-button,
	#search .seSearchButton {
		border:0;
		border-radius:3px;
		background-color:#1C4882;
		color:#fff;
		text-transform:uppercase;
		font-size:11px;
		font-family:"Open Sans",sans-serif;
		padding:2px 4px;
		cursor:pointer;
		/*box-shadow:2px 2px 4px -2px #FFFFFF inset;*/
		margin-left:5px;
	}	
	
	#main_nav > ul {
		overflow:hidden;
		}
	#main_nav > ul > li {
		float:left;
		background-image:url(../../w/t/CladeX_main-nav-bar.gif);
		background-repeat:no-repeat;
		background-position:center left;
		}
	#main_nav a.active {
		background-color: #1c4882;
		color: #FFFFFF;
		text-decoration: none;
		}
	#main_nav li:first-child,
	#main_nav li.open + li,
	#main_nav li.open,
	#main_nav li.active ,
	#main_nav li.active + li {
		background-image:none;
		}
	#main_nav > ul > li > a {
		background-color:transparent;
		text-transform:uppercase;
		padding:15px 20px;
		margin-left:2px;
		border-top:0;
	}	
	#main_nav li:first-child a {
		margin-left:0;
		}
	body.js_enabled #main_nav a.trigger {
		display:none;
		}
	body.js_enabled #main_nav > ul {
		max-height:9999px;
		background-color:#fff;
		}
	#main_nav li.activenavpath a {
		background-color:#bebebe;
		color:#fff;
		}
	
	#site_wrap { 
		/*padding:0 10px 40px;*/
		/*margin-top:-20px;*/
		min-height:600px;
		}
	.inner {
		padding:0; 
		}
	#content { 
		padding:0 10px; 
		}
	
	#site.home #content .cols_container {
		margin-top:10px;
		}
	#site.int #content .cols_container {
		overflow:hidden;
		margin-top:10px;
		}
	#site.int #content .cols_container > .left {
		float:left;
		width:74%;
		padding-top:200px;
		}
	#site.int #content .cols_container > .right {
		float:right;
		width:24%;
		margin:180px 0 0 2%;
		background-color: transparent;
		}
	.body_content_cols,
	.body_content_cols_wide {
		overflow:hidden;
		}	
	.body_content_cols .left {
		float:left;
		width:48%;
		}
	.body_content_cols .right {
		float:right;
		width:48%;
		}
	.body_content_cols_wide .left {
		float:left;
		width:61%;
		}
	.body_content_cols_wide .right {
		float:right;
		width:32%;
		}
	iframe { 
		width:100%;
		/*max-height:360px;*/
		height:320px;
	}
	
	#breadcrumbs { 
		overflow:hidden;
		}	
	#breadcrumbs .links {
		float:left;
		display:block; 
		color : #1c4882;
		font-size : 11px;
		}
	#breadcrumbs .links a {
		color : #1c4882;
		font-size : 11px;
		}
	#breadcrumbs .action_links { 
		float:right;
		display:block; 
		}
	#breadcrumbs .action_links a {
		color:#555455;
		font-size:11px;
		display:inline-block;
		}
	#breadcrumbs .action_links a.print {
		background-image:url(../../z/e/CladeX_if_print_172530.png);
		/* Icon made by Visual Pharm from IconFinder.com */
		background-repeat:no-repeat;
		background-position:left;
		padding-left:20px;
		}		
	#breadcrumbs .action_links a.email {
		background-image:url(../../d/l/CladeX_if_email-marketing_2944885.png);
		/* Icon made by By forgen std from IconFinder.com */
		background-repeat:no-repeat;
		background-position:left;
		padding-left:20px;
		margin-left:10px;
		}
	
	#section_nav { 
		border-left:1px solid #bcb9b8;
		padding:0 0 20px 10px;
		}
	#section_nav h2 {
		margin-left:-10px;
		}
	#section_nav > div > ul > li > a {
		padding: 0;
	}
	
	.seSearchForm {
		border-bottom:0 !important;
	}	
	.seSolr_resultBar, .seSolr_title, .seSolr_url, .seSolr_summary, #seSolr_pagination { 
		font-family:"Open Sans",sans-serif !important;
		font-weight:normal !important;
		font-size:13px !important;
		}
	.seSolr_url {
		color:#aaa !important;
		}
	.seSolr_url, .seSolr_summary {
		max-width:100% !important; 
		}

	#detail .row {overflow:hidden;}
	#detail .label {float:left;width:15%;}
	#detail .desc {float:left;width:84%;margin-left:1%;}
	#detail.hasImg .desc {max-width:475px;width:82%;}
	#detail.hasImg .label {max-width:475px;max-width:85px;width:17%;}
	
	#results.list .row {overflow:hidden;}
	#results.list .label {float:left;width:15%;}
	#results.list .desc {float:left;width:84%;margin-left:1%;}
	#results.list .no_row > span {float:none;width:0px/*none*/;margin-left:0;}	
	#results.list .more .label {display:block;}
	
	.filter.full .areas {float:left;width:35%;}
	.filter.full .years {float:left;width:20%;}
	.filter.full .years .wrap {border-left:1px solid #eee;}
	.filter.full .events {float:left;width:33%;}
	.filter.full .events .wrap { border-left:1px solid #eee;}	
	.filter.full .witnesses {float:left;width:33%;}
	.filter.full .witnesses .wrap { border-left:1px solid #eee;}
	.filter.full .authors {float:left;width:33%;}
	.filter.full .authors .wrap { border-left:1px solid #eee;}
	.filter .button {background-color:#C9C9C9;margin-top:2px;text-align:center;}
	.filter.full .button {width:12%;float:left;}
	.filter .button input {padding:3px 10px;}
	.filter .button .wrap {border-left:1px solid #eee;height:26px;}
	.filter.condensed .authors {float:left;width:37%;}	
	.filter.condensed .witnesses {float:left;width:37%;}
	.filter.condensed .events {float:left;width:37%;}
	.filter.condensed .years {float:left;width:37%;}
	.filter.condensed .years .wrap {border-left:1px solid #eee;}
	.filter.condensed .button {width:26%;float:left;}
	#filter_form,.filter_form { overflow:hidden;}	
	.filter .customSelect {width:auto;padding:3px 10px;}
	#filter_details .item {margin-left:20px;float:left;}
	#filter_details .item:first-child {margin-left:0;}
	
	.floating_images {overflow:hidden;}
	.floating_images > div {float:left;width:48%;margin-left:4%;}
	.floating_images > div:first-child {margin-left:0;}
	.float_image {float:left;max-width:25%;padding:0 15px 15px 0;}
	.float_image img { display:block;}
	
	#footer .inner { height:auto; }
	#footer .inner {
		overflow:hidden;
		padding:20px;
		max-width:984px;
		}
	
	#footer .one {
		width:25%;
		text-align:left;
		}
	
	#footer .two {
		width:25%;
		text-align:left;
		}
	
	#footer .three {
		width:25%;
		float:left;
		text-align:left;
		clear:none;
		/*font-size:11px;*/
	}	
	
	#footer .four {
		width:25%;
		float:left;
		margin-top:0;
	}	
	
	#footer .four img  {
		max-width:200px;
		margin-top:0;
		}	
}
/* ------------------------------------------------------------ END MIN-WIDTH:768px ------------------------------------------------------------ */

@media all and (min-width: 769px) and (max-width:863px) {
	body.js_enabled #search {
		margin-top:150px;
		}
	#site.int #content .cols_container {
    	margin-top: 0px;
		}
	.left {
		padding-top:250px;
		}
	#site.int #content .cols_container > .right {
   	 	background-color: transparent;
		}
	#section_nav h2 {
		margin-left:-10px;
		}
	#section_nav > div > ul > li > a {
		padding: 0;
	}
}
/* ------------------------------------------------------------ END MIN-WIDTH:769px AND MAX-WIDTH:863px ------------------------------------------------------------ */

@media all and (min-width: 864px) and (max-width:900px) {
	body.js_enabled #search {
		margin-top:163px;
		}
	#site.int #content .cols_container {
    	margin-top: 10px;
		}
	.left {
		padding-top:200px;
		}
}
/* ------------------------------------------------------------ END MIN-WIDTH:864px AND MAX-WIDTH:900px ------------------------------------------------------------ */

@media all and (min-width: 960px) and (max-width:1043px) {
	body.js_enabled #search {
		margin-top:175px;
		}
	#site.int #content .cols_container {
    	margin-top: 50px;
		}
	.left {
		padding-top:250px;
		}
	iframe { height:360px; }
}
/* ------------------------------------------------------------ END MIN-WIDTH:960px AND MAX-WIDTH:1043px ------------------------------------------------------------ */


@media all and (min-width:1044px) {
	#site {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e8e8e8+100 */
		background: #e8e8e8; /* Old browsers */
		background: -moz-linear-gradient(top, #ffffff 0%, #e8e8e8 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #ffffff 0%,#e8e8e8 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #ffffff 0%,#e8e8e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */
		}
	
	#header { margin-top:-17px; 
		}
	
	#header .bottom { 
		padding-top:0; 
		background-color:#fff;
	}	
	
	#CladeX_brand img {
   		 width: 32%;
		}
	
	.CHS_logo {
		float:right;
		text-align:center;
		width:400px;
		padding:5px;
		margin-top:0;
		}
	
	body.js_enabled #search {
		position:relative;
		float:right;
		right:20px;
		margin-top:0px;
		}
	
	body.js_enabled #main_nav {
		float:left;
		/*margin-top:15px;*/
		/*padding:8px 0;*/
	}	
	
	#main_nav > ul li.open > ul {
		max-height:9999px;
		overflow:visible;
		}
	
	#main_nav ul ul {
		position:absolute;
		z-index:9999;
		max-height:0;
		transition:max-height 0.4s ease;
		overflow:hidden;
		display:block;
		margin:0;
		padding:0;
		list-style:none;
		}
	
	#main_nav ul ul li {
		position:relative;
		padding-left:2px;
		}
	
	#main_nav ul ul ul {
		left:90%;
		top:0;
		width:auto;
		}
	
	#main_nav li.open > a {
		text-decoration:none;
		background-color:#1C4882;
		color:#fff;
		}
		
	#main_nav > ul ul > li > a {
		padding:8px 50px 8px 10px;
		}
	
	#site_wrap { 
		background-color:#fff;
		max-width:984px;
		padding:10px 20px 40px;
		margin:-40px auto auto auto;
		min-height: 700px; /* to push footer to absolute bottom */
    	background-image: url(../../d/y/CladeX_hero_image.jpg);
    	background-repeat: no-repeat;
		}
	.inner { 
		padding:218px 0 0 0;
		max-width:1024px;
		margin:auto; 
		}
	
	#site.int #content .cols_container > .left {
		width:700px;
		font-size:14px;
		padding-top:10px;
	}	

	#site.int #content .cols_container > .right {	
		width:235px;
		margin:0 0 0 20px;
	}
	
	#site.int #content .cols_container > .right {
   	 	background-color: transparent;
		}
	#section_nav h2 {
		margin-left:-10px;
		}
	#section_nav > div > ul > li > a {
		padding: 0;
	}
	
	ul.small_squares {font-size:13px;}
	.featured_articles .article:first-child {margin-top:0;}	
	
	iframe { height:360px; }
	
	#footer .inner { height:auto; }
}
/* ------------------------------------------------------------ END MIN-WIDTH:1044px ------------------------------------------------------------ */