@charset "utf-8";
/* CSS Document */

/* Browse navigation - There is a massive amount of duplication, so I have pulled all the code from file 5 into here and I'll remove massive amounts to get it working in tandem with static, fonts and core. */

.browse-panes ul
{
	padding-left:0;
	margin-top:0;
}
main.browse .browse-panes #section .pane-inner #filter .searchFilter {
	width: 80%;
	margin: 0 1em;
}
#wrapper #content:after, main.browse .browse-panes:after,.topics-page header.page-header .full-width .metadata:after
{
content:"";
display:block;
clear:both;
}
#wrapper #content.email-signup-new
{
max-width:960px;
margin:0 15px;
}

#wrapper #content
{
display:block;
margin:0 auto;
width:auto;
max-width:1020px;
}
	
main.browse .browse-panes
{
padding-left:0;
padding-right:15px;
padding-bottom:30px;
position:relative;
}
	
main.browse .browse-panes.section #root
{
display:none;
}

main.browse .browse-panes.subsection #root, main.browse .browse-panes.subsection #section
{
display:none;
}
	
main.browse .browse-panes.subsection #root a, main.browse .browse-panes.subsection #root p, main.browse .browse-panes.subsection #section a, main.browse .browse-panes.subsection #section p, main.browse .browse-panes.subsection #subsection p
{
color:#6f777b;
}

main.browse .browse-panes.subsection #subsection .newsDate
{
color:#000;
}

main.browse .browse-panes .pane-inner
{
padding-bottom:30px;
}
	
main.browse .browse-panes h1, main.browse .browse-panes h2
{
font-size:20px;
line-height:1.11111;
font-weight:600;
text-transform:none;
margin-bottom:10px;
margin-top:10px;
outline:none;
}
	
main.browse .browse-panes #root, main.browse .browse-panes #section
{
min-height:20px;
}
	
main.browse .browse-panes #root .sort-order, main.browse .browse-panes #section .sort-order
{
display:none;
}
main.browse .browse-panes #root ul li, main.browse .browse-panes #section ul li
{
list-style:none;
position:relative;
}
main.browse .browse-panes #root ul a, main.browse .browse-panes #section ul a
{
position:relative;
display:block;
font-size:16px;
line-height:1.25;
font-weight:300;
text-transform:none;
text-decoration:none;
padding:12px 25px 8px 0;
}
	
main.browse .browse-panes #root ul a:hover, main.browse .browse-panes #section ul a:hover
{
background:#EFEFEF;
color:#0f3d4c;
}
main.browse .browse-panes #root ul a:after, main.browse .browse-panes #section ul a:after
{
position:absolute;
top:50%;
margin-top:-16px;
right:10px;
float:right;
content:"\203A";
font-size:24px;
}
main.browse .browse-panes #root ul a.loading, main.browse .browse-panes #section ul a.loading
{
cursor:default;
background:transparent url() 95% 50% no-repeat;
}
main.browse .browse-panes #root ul a.loading:after, main.browse .browse-panes #section ul a.loading:after
{
content:"";
}
main.browse .browse-panes #root ul a h3, main.browse .browse-panes #section ul a h3
{
font-size:15px;
font-family: "museo-sans", Helvetica, Arial, sans-serif;
font-weight:400;
line-height:1.25;
margin-top: 0;
margin-bottom: 0;
color: #008cb8;
}
main.browse .browse-panes #root ul a p, main.browse .browse-panes #section ul a p
{
color:#6f777b;
font-size:14px;
line-height:1.4;
font-weight:200;
text-transform:none;
margin-top: 0;
margin-bottom: 0;
}
	
main.browse .browse-panes #root ul li.active a, main.browse .browse-panes #section ul li.active a
{
background:#0f3d4c;
color:#fff;
}
main.browse .browse-panes #root ul li.active a, main.browse .browse-panes #section ul li.active a h3
{
color:#fff;
}
main.browse .browse-panes #root ul li.active a:hover, main.browse .browse-panes #section ul li.active a:hover
{
background:#0f3d4c;
}
main.browse .browse-panes #root ul li.active a p, main.browse .browse-panes #section ul li.active a p
{
color:#D8DADB;
}
main.browse .browse-panes #section
{
z-index:2;
background:#fff;
position:relative;
}
	
main.browse .browse-panes #subsection h1
{
padding-left:0;
}
main.browse .browse-panes #subsection .list-header
{
font-size:16px;
line-height:1.25;
font-weight:600;
text-transform:none;
margin:30px 0 0 0;
}
	
main.browse .browse-panes #subsection .curated-list .list-header
{
margin:30px 0 5px 0;
}
main.browse .browse-panes #subsection .sort-order
{
display:none;
}
	
main.browse .browse-panes #subsection ul
{
padding:0;
list-style:none;
}
main.browse .browse-panes #subsection ul li
{
padding:0;
margin:0;
}
main.browse .browse-panes #subsection ul li a
{
font-size:16px;
line-height:1.25;
text-transform:none;
display:block;
text-decoration:none;
padding:20px 30px 0 0;
font-weight: 400;
}
main.browse .browse-panes #subsection ul li p
{
margin:0;
font-size: 14px;
line-height: 1.4;
}
/*	
main.browse .browse-panes #subsection .curated-list ul li a
{
padding:10px 30px 10px 0;
}
*/
main.browse .browse-panes #subsection .detailed-guidance
{
margin-top:30px;
}

@media screen and (min-width: 641px)
	{
		#wrapper #content.email-signup-new
		{
		margin:0 30px;
		}
		
		main.browse .browse-panes
		{
		padding-left:0;
		padding-right:30px;
		padding-top:30px;
		}
		
		main.browse .browse-panes.section #root
		{
		display:block;
		float:right;
		width:25%;
		}

		main.browse .browse-panes.section #section
		{
		float:right;
		width:30%;
		margin-right:45%;
		}
		
		main.browse .browse-panes.subsection #section
		{
		margin-left:-18%;
		width:30%;
		}

		main.browse .browse-panes.subsection #subsection
		{
		float:right;
		width:60%;
		margin-right:3%;
		}
		
		main.browse .browse-panes.subsection #root, main.browse .browse-panes.subsection #section
		{
		display:block;
		float:right;
		width:25%;
		}
		
		main.browse .browse-panes .pane-inner
		{
		border-left:1px solid #bfc1c3;
		min-height:950px;
		}

		main.browse .browse-panes h1, main.browse .browse-panes h2
		{
		font-size:27px;
		line-height:1.11111;
		margin-top:0;
		margin-bottom:15px;
		}

		main.browse .browse-panes #root h1, main.browse .browse-panes #root h2, main.browse .browse-panes #section h1, main.browse .browse-panes #section h2
		{
		padding-left:15px;
		}

		main.browse .browse-panes #root ul a, main.browse .browse-panes #section ul a
		{
		padding:10px 30px 10px 15px;
		font-size:15px;
		line-height:1.25;
		font-weight:300;
		text-transform:none;
		}
		
		main.browse .browse-panes #root ul a p, main.browse .browse-panes #section ul a p, main.browse .browse-panes #subsection ul li p
		{
		font-size:14px;
		line-height:1.42857;
		}
		main.browse .browse-panes #subsection ul li p
		{
		margin-top:-10px;
		margin-bottom:10px;
		}
		
		main.browse .browse-panes #subsection .pane-inner.a-to-z
		{
		padding-left:100px;
		}
		
		main.browse .browse-panes #subsection .pane-inner.curated-list
		{
		padding-left:30px;
		}
		
		main.browse .browse-panes #subsection .list-header
		{
		font-size:19px;
		line-height:1.31579;
		}
		
		main.browse .browse-panes #subsection .sort-order
		{
		display:block;
		font-family: "chaparral-pro", "Times New Roman", Times, serif;
		font-size:27px;
		line-height:1.11111;
		font-weight:300;
		text-transform:none;
		float:left;
		width:75px;
		margin-left:-100px;
		padding:0 0 15px 15px;
		}
		
		main.browse .browse-panes #subsection ul li a
		{
		font-size:18px;
		line-height:1.31579;
		text-transform:none;
		display:block;
		text-decoration:none;
		padding:10px 30px 10px 0;
		font-weight: 300;
		}
		
		main.browse .browse-panes #subsection ul li p a
		{
		font-size:14px;
		line-height:1.42857;
		text-transform:none;
		display:inline;
		text-decoration:underline;
		padding: 0;
		font-weight: 200;
		}
		
		main.browse .browse-panes #subsection ul li img
		{
		float:left;
		margin-right: 10px;
		margin-bottom: 10px;
		}

	}

@media (min-width: 769px)
	{
		main.browse .browse-panes.section #section
		{
		width:35%;
		margin-right:40%;
		}
		
		main.browse .browse-panes.subsection #section
		{
		margin-left:-13%;
		width:25%;
		}
		
		main.browse .browse-panes .pane-inner
		{
		min-height:850px;
		}
		
		main.browse .browse-panes #section.with-sort .pane-inner
		{
		padding-left:30px;
		}
		
		main.browse .browse-panes #section.with-sort .pane-inner.alphabetical
		{
		padding-left:96px;
		}
		
		main.browse .browse-panes #section.with-sort .sort-order
		{
		font-family: "chaparral-pro", "Times New Roman", Times, serif;
		font-size:27px;
		line-height:1.11111;
		font-weight:300;
		text-transform:none;
		float:left;
		display:block;
		width:75px;
		margin-left:-90px;
		padding:0 0 15px 15px;
		}
	
	}

@media (min-width: 1020px)
	{
		#wrapper #content.email-signup-new
		{
		margin:0 auto;
		}
	
	}

@media (min-width: 769px) and (min-width: 641px)
	{
		main.browse .browse-panes #section.with-sort .sort-order
		{
		font-size:27px;
		line-height:1.11111;
		}
	
	}