/* -- Portals are a bit wider than current site layout, but narrower sidebar -- */

.wrapper
{
	width: 978px;
}
.sidebar_content #sidebar
{
	width: 175px;
}

.sidebar_content #content,
.sidebar_content .content_section
{
	width: 685px;
	padding-left: 58px;
	padding-right: 58px;
}

.button
{
	text-decoration: none;
	height: 33px;
	line-height: 33px;
	margin: 10px auto 25px auto;
	padding: 0px 15px;
	border-radius: 5px;
	text-align: center;
	font-size: 16px;
	font-family: "ProximaNovaBold","ProximaNova",Arial;
	text-transform: none;
	text-decoration: none;
}

/* -- */

#content,
.content_section
{
	text-align: left;
	color: #444444;
	font-family: ProximaNova,Arial,sans-serif;
}

#content h2,
.content_section h2{
	color: #444444;
	font-weight: bold;
	margin-bottom: 7px;
}

#content h2 + .line,
.content_section h2 + .line
{
	margin-bottom: 30px;
}

#content h2:first-child + p
{
	font-size: 14px;
}

#content .line.spacer,
.content_section .line.spacer
{
	margin: 30px 0px 30px 0px;
}

#content h5,
.content_section h5
{
	margin-top: 30px;
	font-size: 18px;
	font-weight: bold;
	color: black;
}

.content_section.warning
{
	position: relative;
	width: 733px;
	padding: 25px 34px;
	font-size: 14px;
	font-weight: bold;
	color: white;
	background: #b0b0b0;
}
.content_section.warning strong
{
	font-family: "ProximaNovaBold", "ProximaNova", Arial;
}

.content_section p
{
	margin-bottom: 14px;
}

.content_section h3
{
	margin-top: 7px;
	margin-bottom: 14px;
}

/* -- */

#content .line,
.content_section .line {
	width: 100%;
	height: 1px;
	background-color: #cacaca;
	padding-left: 0px;
	padding-right: 0px;
}


/* --- */

#portal_header
{
	height: 250px;	
	padding-top: 40px;
	padding-left: 324px;
	border-bottom: 1px solid #dddddd;
	background: 10px 36px no-repeat;
}
#portal_header h2 
{
	font-size: 30px;
	font-weight: bold;
	color: #444444;
}
#portal_header p
{
	font-size: 20px;
	font-weight: normal;
}

#portal_header .button 
{
	width: 200px;
	height: 42px;
	line-height: 42px;
	margin: 25px auto 0px auto;
	font-size: 18px;
	border-radius: 10px;
	padding-left: 0px;
	padding-right: 0px;
}


/* -- */

#content h3,
.content_section h3
{
	font-size: 24px;
}

#content p,
.content_section p
{
	font-size: 16px;
}

#portal_inset
{
	padding: 0px 8px;
}

/* -- */

.three_grid
{
	height: 275px;
	margin-top: 35px;
	list-style: none;
	border-bottom: 1px solid #dddddd;
}
.three_grid li:first-child { margin-right: 47px; }
.three_grid li:last-child { margin-left: 47px; }
.three_grid li 
{
	float: left;
	width: 190px;
}
.three_grid .graphic
{
	display: block;
	width: 100%;
	height: 140px;
	border: 1px solid #dddddd;
	margin-bottom: 13px;
	background: center no-repeat;
}
#content .three_grid h4
{
	font-size: 19px;
	text-align: center;
	font-family: "ProximaNovaBold", "ProximaNova", Arial;
	font-weight: normal;
}
#content .three_grid h4 a
{
	color: #444;
	text-decoration: none;
}
#content .three_grid h4 a:hover
{
	text-decoration: underline;
}
#content .three_grid p
{
	font-size: 14px;
	font-weight: bold;
	color: #777777;
}

/* --- */