/*
	redesign2015-main-responsive.css
*/

/* Ticker Tech styles 
------------------------------------------------------------------------------ */
#TickerTechTop { 
height: 229px !important; 
overflow: hidden; 
padding: 3px 1px 0 15px; 
width: 430px;}
#TickerTechBottom { 
height: 4.75em; 
overflow: hidden;
padding: 5px 5px 5px 20px; 
width: 430px;}

#TickerTechBottom td {
	line-height: 1.5em; 
	text-align: left !important;
}


/* left column components */
#leftNav div.leftComponents .component {
	margin-top: 1em;
}

#leftNav .contentBlock .contentBlockInner {
	padding: 0.5em;
}

#leftNav div.leftComponents .component h2 {
	font-weight: bold;
	margin: 0.5em 0 1em;
}
#leftNav .subContent {
	margin: 22px 15px;
}
#leftNav #archives.subContent {
	margin: 22px 0 0 36px;
}
/* Section index 
------------------------------ */
#mainContent #sectionIndex .indexBlock {
	padding: 17px 0;
	border-bottom: 1px solid #ddd; 
	clear: both;
}
#mainContent #sectionIndex .indexBlock:first-child, #mainContent #sectionIndex h2 + .indexBlock {
	border-top: 0;
}
#mainContent #sectionIndex .indexBlock .indexThb {
	float: left;
	width: 136px;
}
#mainContent #sectionIndex .indexBlock .indexTeaser {
	float: left;
	width: 343px;
}
#mainContent #sectionIndex .indexBlock .indexTeaser p {
	margin-bottom: 10px;
}
#mainContent #sectionIndex .indexBlock .indexTeaser .moreLink {
	text-align: left;
	margin-bottom: 0;
}

/* Section Callouts
------------------------------ */
#mainContent .sectionCallout {
	float: left;
	width: 350px;
	margin-bottom: 15px;
}
#mainContent .sectionCallout .sectionThb {
	float: left;
	width: 136px;
}
#mainContent .sectionCallout .sectionTeaser {

	float: left;
	width: 170px;
}
#mainContent .sectionCallout h2 {
	margin: 0 0 12px 0;
}
#mainContent .sectionCallout .sectionTeaser p {
	margin-bottom: 10px;
}
#mainContent .sectionCallout .sectionTeaser .moreLink {
	text-align: left;
}



/* Custom 404 page
------------------------------ */
.custom404Block {
	float: left;
	width: 405px;
	margin-left: 20px;
	padding: 16px 16px 0;
	padding: 16px 16px 0;
	border: 11px solid #f3f3f3;
	min-height: 198px;
	line-height: 19px;
	margin-top: 15px;
}
.custom404Block:first-child {
	margin-left: 0;
}
.custom404Block h2 {
	color: #102c52;
	font-size: 123.1%; 
	font-weight: bold;
	margin: 0 0 8px 0;
}
.custom404Block ul.popularLinks {
	float: left;
	width: 48%;
	margin-top: 0 !important;
}

/* Site Map 
------------------------------ */
#mainContent #sitemap {
	border: 11px solid #f3f3f3;
	margin-top: 30px;
}
#mainContent #sitemap #glossaryNav {
	border-bottom: 11px solid #f3f3f3;
	margin: 0;
	padding: 1% 10%;
}
#mainContent #sitemap #glossaryNav li {
	background: none;
	float: left;
	font-size: 123.1%;
	font-weight: bold;
	margin: 0 4px 0 0;
	padding: 0;
}
#mainContent #sitemap #glossaryNav li a {
	display: block;
	float: left;
	color: #575757;
	width: 22px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	border: 1px solid #fff;
	text-decoration: none;
}
#mainContent #sitemap #glossaryNav li a:hover, #mainContent #sitemap #glossaryNav li a.active {
	background: #ddd;
	color: #102c52;
	text-decoration: none;
	border: 1px solid #575757;
}
#mainContent #sitemap #sitemapDisplay h2 {
	color: #102c52;
	font-size: 182%;
	margin-top: 0;
}
#mainContent #sitemap .backBtn {
	float: right; 
	margin-right: 75px;
}
#mainContent #sitemap .backBtn a {
	background: url('../images/wrapper/btn-bg.gif') 0 0 no-repeat;
	display: block;
	color: #fff;
	font-size: 11px;
	text-align: center;
	line-height: 20px;
	width: 163px;
	height: 21px;
}

/* Site Map tree lists */
#mainContent #sitemap #sitemapDisplay {
	min-height: 400px;
	padding: 30px 20px 20px 20px;
}
#mainContent #sitemap #sitemapDisplay li a {
	color: #575757;
}
#mainContent #sitemap #sitemapDisplay li a:hover {
	color: #102c52;
}
#mainContent #sitemap #sitemapDisplay ul.treeList {
	margin: 2px 0 2px 5px;
}
#mainContent #sitemap #sitemapDisplay ul.treeList ul {
	margin: 2px 0 2px 5px;
}
#mainContent #sitemap #sitemapDisplay ul.treeList li {
	background: none;
	font-size: 100%;
	padding-bottom: 3px;
}
#mainContent #sitemap #sitemapDisplay ul.treeList li li {
	font-size: 100%;
}
#mainContent #sitemap #sitemapDisplay ul.treeList li a {
	color: #575757;
}
#mainContent #sitemap #sitemapDisplay ul.treeList li a:hover {
	color: #102c52;
}
#mainContent #sitemap #sitemapDisplay ul.treeList li span.plusMinus {
	position: relative;
	top: -1px;
	margin-right: 1px;
}

/* Full sitemap display */
#mainContent #sitemap #sitemapDisplay.glossaryView {
	min-height: 400px;
	padding: 30px 0 20px 20px;
}
#mainContent #sitemap #sitemapDisplay.glossaryView ul {
	float: left;
	margin: 0;
	padding: 0 0 0 75px;
}
#mainContent #sitemap #sitemapDisplay.glossaryView p + ul,
#mainContent #sitemap #sitemapDisplay.glossaryView p + h2 + ul,
#mainContent #sitemap #sitemapDisplay.glossaryView h2 + ul,
#mainContent #sitemap #sitemapDisplay.glossaryView ul:first-child {
	padding-left: 20px;
}
#mainContent #sitemap #sitemapDisplay.glossaryView ul li {
	background: none;
	font-size: 100%;
	padding-left: 0;
}

/* Sub content blocks
------------------------------ */
#mainContent .subContentBlock {
	background: #fbfbfb;
	width: 220px;
	min-height: 200px;
	padding: 20px 10px 16px 16px;
	border: 11px solid #f3f3f3;
	line-height: 19px;
}
#mainContent .subContentBlock h3 {
	color: #102c52;
	font-size: 123.1%;
	font-weight: bold;
	margin: 0 0 8px 0;
}

/* =Common pager
------------------------------ */
/* Begin COTW and Search Results pagination styles */
div#pagination {
	background: #F3F3F3; 
	padding: 2px 5px; 
	margin-bottom: 10px;
	text-align: right; 
}
#newsletter div#pagination { /* hide for Quarterley News */
	display: none;
	visibility: hidden;
}
div#pagination ul {
	padding: 0; 
	margin: 0; 
	display: inline;
}	
div#pagination li {
	background: none !important; 
	display: inline; 
	padding: 0 !important;
}	
div#pagination li.first {
	padding: 0 2px 0 8px !important;
}
div#pagination li.last {
	padding: 0 8px 0 2px !important;
}
div#pagination #pageNumber {
	float: left;
}
/* End COTW and Search Results pagination styles */

#mainContent .pager  {
	float: right;
	font-size: 85%;
	line-height: 19px;
	padding-right: 11px;
}
#mainContent .pager span {
	margin-left: 15px;
}
#mainContent .pager a {
	color: #7688bf;
	margin-left: 15px;
}
#mainContent .pager a.prev {
	background: url('../images/wrapper/pager-prev.gif') 0 5px no-repeat;
	text-decoration: underline;
	padding-left: 15px;
}
#mainContent .pager a.next {
	background: url('../images/wrapper/pager-next.gif') 100% 5px no-repeat;
	text-decoration: underline;
	padding-right: 15px;
}

/* =Documents page + form
------------------------------ */
#documentSearch {
	margin-bottom: 30px;
	padding: 20px 0 5px 32px;
	border: 11px solid #f3f3f3;
}
#documentSearch form div {
	float: left;
	padding: 0 63px 20px 0;
}
#documentSearch form label {
	display: block;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 8px;
}
#documentSearch form select {
	width: 260px;
	font-size: 11px;
}
#documentSearchResults {
	margin: 15px 0 8px 0;
	border: 11px solid #f3f3f3;
}
#documentSearchResults table {
	border-collapse: separate;
	border-bottom: 1px solid #fff;
}
#documentSearchResults table tr th {
	background: #555;
	color: #fff;
	font-weight: bold;
	padding: 13px 8px 13px 8px;
	border-left: 1px solid #989898;
}
#documentSearchResults table tr th:first-child {
	border-left: 0;
}
#documentSearchResults table tr.odd {
	background: #f5f5f5;
}
#documentSearchResults table tr td {
	font-size: 93%;
	padding: 14px 8px 14px 8px;
	border-left: 1px solid #ddd;
	border-right: 1px solid #fff;
}
#documentSearchResults table tr td:first-child {
	border-left: 1px solid #fff;
}

/* Advanced results */
#documentSearchResults table.advanced th {
	font-size: 93%;
	padding: 7px 8px 7px 8px;
	cursor: pointer;
}

#documentSearchResults table.advanced th.headerSortDown {
	font-size: 93%;
	padding: 7px 8px 7px 8px;
	background-image: url(../images/icon-desc.gif);
	background-repeat: no-repeat;
	background-position: center right;	
}

#documentSearchResults table.advanced th.headerSortUp {
	font-size: 93%;
	padding: 7px 8px 7px 8px;
	background-image: url(../images/icon-asc.gif);
	background-repeat: no-repeat;
	background-position: center right;	
}

#documentSearchResults table.advanced tr td {
	padding: 7px 8px 7px 8px;
}
#documentSearchResults table tr td a.pdf {
	background: url('../images/wrapper/icon-pdf.gif') 0 2px no-repeat;
	color: #575757;
	line-height: 19px;
	padding-left: 23px;
}
#documentSearchResults table tr td a.pdf:hover {
	color: #102c52;
}

#documentSearchResults table tr td a.doc {
	background: url('../images/wrapper/icon-doc.gif') 0 2px no-repeat;
	color: #575757;
	line-height: 19px;
	padding-left: 23px;
}
#documentSearchResults table tr td a.doc:hover {
	color: #102c52;
}
#documentSearchResults table tr td a.xls {
	background: url('../images/wrapper/icon-xls.gif') 0 2px no-repeat;
	color: #575757;
	line-height: 19px;
	padding-left: 23px;
}
#documentSearchResults table tr td a.xls:hover {
	color: #102c52;
}
#documentSearchResults table tr td a.jpg {
	background: url('../images/wrapper/icon-jpg.gif') 0 2px no-repeat;
	color: #575757;
	line-height: 19px;
	padding-left: 23px;
}
#documentSearchResults table tr td a.jpg:hover {
	color: #102c52;
}
#documentSearchResults table tr td a.wmv {
	background: url('../images/wrapper/icon-wmv.gif') 0 2px no-repeat;
	color: #575757;
	line-height: 19px;
	padding-left: 23px;
}
#documentSearchResults table tr td a.wmv:hover {
	color: #102c52;
}
#documentSearchResults table tr td a.ppt {
	background: url('../images/wrapper/icon-ppt.gif') 0 2px no-repeat;
	color: #575757;
	line-height: 19px;
	padding-left: 23px;
}
#documentSearchResults table tr td a.ppt:hover {
	color: #102c52;
}


/* Table utilities */
#mainContent .tableUtilities {
	position: relative;
}
#mainContent .tableUtilities h2 {
	color: #102c52;
	font-size: 182%;
	margin: 0;
}
#mainContent .tableUtilities .pager {
	margin-top: 6px;
}
#mainContent .tableUtilities .filter {
	background: #f3f3f3;
	float: right;
	font-size: 93%;
	min-height: 10px;
	padding: 12px;
	position: absolute;
	right: 0;
	bottom: -15px;
}
#mainContent .tableUtilities .filter a {
	font-weight: bold;
}

/* =Search results page + form
------------------------------ */
#searchForm {
	border: 11px solid #F3F3F3;
    padding: 10px;
    text-align: center;
}
#searchForm #search {
	display: inline-block;
	zoom: 1;
	*display:inline;	
}
#searchForm .searchField {
	background: url('../images/wrapper/search-field-bg.gif') 0 0 no-repeat;
	display: block;
	width: 100%;
	height: 36px;
	margin-bottom: 12px;
	border: 0;
	float: left;
}
#searchForm .searchField input {
	background: none;
	display: block;
	color: #bcbcbc;
	font-size: 100%;
	font-style: italic;
	padding-left: 5px;
	border: 0;
	float: left;
}
#searchForm .searchSubmit {
	background: url('../images/wrapper/btn-search.gif') 0 0 no-repeat;
	display: block;
	float: left;
	width: 97px; 
	height: 34px;
	text-indent: -9999px;
	text-transform: capitalize; /* IE */
	cursor: pointer;
	border: 0;
	margin: 2px 0 0 8px;
}
#searchForm #refineSearch {
	float: right;
	width: 580px;
}
#searchForm #refineSearch div {
	float: left;
	padding: 0 20px 0 0;
}
#searchForm #refineSearch div label {
	display: block;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 5px;
}
#searchForm #refineSearch div select {
	width: 210px;
	font-size: 11px;
	margin-bottom: 10px;
}
#mainContent #searchResults {
	margin-top: 14px;
	padding-top: 12px;
	border-top: 1px solid #7f7f7f;
}
#mainContent #searchResults h2 {
	color: #102c52;
	margin-bottom: 15px;
}
#mainContent #searchResults .pager {
	margin-top: 14px;
}
#mainContent #searchResults .resultsBlock {
	margin-bottom: 25px;
}
#mainContent #searchResults .resultsBlock h2 {
	margin: 0 0 5px -23px;
	padding-left: 23px;
}
#mainContent #searchResults .resultsBlock h2.pdf {
	background: url('../images/wrapper/icon-pdf.gif') 0 4px no-repeat;
}
#mainContent #searchResults .resultsBlock p {
	margin: 0 0 5px 0;
}
#mainContent #searchResults .resultsBlock .keywords a {
	text-decoration: underline;
}
#mainContent #searchResults .resultsBlock .category a {
	text-decoration: underline;
}
#mainContent #searchResults .resultsBlock .pubDate span {
	color: #b0b0b0;
}
#mainContent #searchResults .resultsBlock .url a {
	color: #b0b0b0;
}

/* =Home Page
------------------- */
/* =Login Forms
-----------------------------------------------------------------------------*/
#loginForm {
	background-color: #eeeeee;
    border: 1px solid #c3c3c3;
    border-radius: 5px;
    padding: 0 14px 10px;
}
#loginForm > h2 {
    margin: 0 !important;
    padding: 0;
}
.altTitle {
    font-size: 120%;
    font-weight: bold;
    margin: 0 0 3px;
}
#loginForm #login .acctBtn {
	font-size: 11px !important;
	line-height: 20px !important;}
#loginForm #login label {
	display: block;
	float: left;
	color: #102c52;
	font-size: 182%;
	line-height: 36px;
	padding-right: 8px;
}
#loginForm .loginFormBtns {
	clear: both;
}
#loginForm #login .acctBtn {
	background: url('../images/wrapper/btn-bg.png') 0 0 no-repeat;
	display: block;
	float: right;
	color: #fff;
	font-size: 11px;
	text-align: center;
	line-height: 20px;
	width: 163px;
	height: 21px;
	margin: 0 0 8px 0;
	clear: both;
}
#loginForm #login .acctBtn a {
	color: #fff;
	text-decoration: none;
}
#mainContent #loginForm h2 a{
    color: #102c52;
	font-family: FuturaStd-Condensed,"futura-pt-condensed",Arial,san-serif;	
    font-size: 200%;
    line-height: 1.5em;
	font-weight: normal;
	text-decoration: none;
    margin: 0;
    padding: 0;
}
.lt-ie9 #mainContent #loginForm h2 a, .flexboxtweener #mainContent #loginForm h2 a {
	font-weight: 500;
}
#mainContent #loginForm .loginHelp ul {
	margin: 5px 7px;
}
#mainContent #loginForm .loginHelp ul li {
	background: none;
	line-height: 1.6em;
	padding: 0px !important;
}
#mainContent #loginForm .loginHelp a:link, #mainContent #loginForm .loginHelp a:visited, #mainContent #loginForm .loginHelp a:hover, #mainContent #loginForm .loginHelp a:active {
	background: rgba(0, 0, 0, 0) url("../images/redesign2015/arrow-gray-right.png") no-repeat scroll 0 1px;	
    color: #6a747c;
    padding-left: 16px;
}
#mainContent #loginForm .loginHelp a:link, #mainContent #loginForm .loginHelp a:visited {
    text-decoration: none;
}
#mainContent #loginForm .loginHelp a:hover, #mainContent #loginForm .loginHelp a:active {
    text-decoration: underline;
}

#ShortcutDropdown {
	background-color: #f04f23;
    border-radius: 5px;
    margin-top: 6px;
    padding: 10px;
}
#ShortcutDropdown > .dropbtn {
    background: #f04f23 url("../images/redesign2015/arrow-white-down.png") no-repeat scroll 100% 50%;
    color: #ffffff;
    font-family: FuturaStd-Condensed,"futura-pt-condensed",Arial,san-serif;
    font-size: 150%;
    text-decoration: none;
    width: 100%;
	
	position: relative;
    display: inline-block;
	zoom: 1;
	*display:inline;	
}
.lt-ie9 #ShortcutDropdown > .dropbtn, .flexboxtweener #ShortcutDropdown > .dropbtn {
	font-weight: 500;
}

#ShortcutDropdown .dropdown-content {
    background-color: #f04f23;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    display: none;
    margin: 10px 0 0 !important;
    position: absolute;
	z-index: 10;
	width: 275px;
}
#dropdownItems li {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    padding: 0 !important;
}
#dropdownItems li > a {
    background: rgba(0, 0, 0, 0) url("../images/redesign2015/arrow-white-right.png") no-repeat scroll 5px 0.7em;
    color: #ffffff;
    display: block;
    padding: 0.5em 1.3em;
    text-decoration: none;
}
#dropdownItems li a:hover {
    background-color: #f1f1f1;
    color: #666;
}

#ShortcutDropdown .showDropdown {display:block;}


/* =404 Page
--------------------*/
#custom404 #loginForm {
	float: left;
	width: 90%;
	border: none !important;
}
#custom404 #loginForm #login label {
	line-height: 29px;
}
#custom404 #loginForm .loginField {
	width: 57%;
	margin-bottom: 0;
}
#custom404 p.loginNote {
	color: #102c52;
	float: left;
	width: 46%;
	margin: 0;
}
#custom404 #login .acctBtn {
	clear: none;
	margin-top: 5px;
}
#custom404 #loginForm .loginHelp {
	float: none;
	padding: 20px 10px 0 0;
	width: auto;
	margin-top: 15px;	
}
#custom404 #loginForm .loginHelp ul li {
	font-size: 100%;
	padding: 0 0 7px 23px;
}

/* =Guided Pathways
---------------------------------------------------------*/
#gpAssistanceLevel td, #gpAssistanceLevel th {border-bottom: 1px solid #FFF;}
#gpAssistanceLevel thead th {background: #FFF;}
#gpAssistanceLevel th a {font-weight: normal;}
#gpAssistanceLevel td {text-align: center;}
#assetClass {background-color: #E9F0F5;}
#fundAdvice {background-color: #DAE0E7;}
#managedAccounts {background-color: #C1CED9;}


/* =Aside / Sub content
------------------------------------------------------------------------------ */
#aside {
	padding-top: 15px;
}
#aside .subContent {
	margin-bottom: 35px;
}
#aside .subContent img {
	margin-bottom: 5px;
}


/* = Employer Bulletin
---------------------------------------------- */
#erbulletin #aside {
	padding-top: 0px;
}
#erbulletin #wrapperInner #mainContent {
    width: 74%;
}
#erbulletin #wrapperInner #leftNav {
    width: 25%;
}
#erbulletin #leftNav .subContent {
    margin: 0 0 0 12px;
}
#erbulletin #leftNav .subContent h3 {
    margin: 0 0 18px;
}
#erbulletin #leftNav .subContent ul {
    margin: 12px;
}
#erbulletin #leftNav li.active {
	background: #f1f1f1;
	padding: 0.25em;
}

/* MOBILE STYLES 
-------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width:660px) {
	
/* =Page layouts & components
------------------------------------------------------------------------------ */
#wrap {
	background-color: #ffffff;
	width: 100%;
	position: relative;
	overflow: hidden;
	/*min-width: 440px;*/
}
#wrapper {
	background-color: #ffffff;
	width: 100%;
	min-height: 1000px;
	margin: 0 auto;
	padding-bottom: 25px;
}
#wrapperInner {
	clear: both;
}
#wrapperInner #mainContentWrap {
	width: 100%;
	margin: 0 auto;
	max-width: 580px;
}
#wrapperInner #leftNav {
	width: 100%;
}
#wrapperInner #mainContent {
    word-wrap: break-word;
	padding: 0 10px;
}
#wrapperInner #mainContent #content {
	width: 90%;
	padding: 20px;
}
#wrapperInner #mainContent #contentFullWidth {
	float: left;
	padding: 20px;
}
#wrapperInner #mainContent #content .textContent {
	margin-bottom: 20px;
	padding: 0;
}
#wrapperInner #mainContent #aside {
	clear: both;
}
#wrapperInner #mainContent .textContent .footnote {
	font-style: italic;
}

#loginForm {
	margin: 12px auto 12px auto;	
}
#ShortcutDropdown .dropdown-content {
	width: 70% !important;
}
/* Single and two Column layout 
------------------------------ */
.oneColumn #wrapperInner #mainContent { 
	float: none;
	width: 100%;
	margin: 0 auto;
}
.oneColumn #wrapperInner #mainContent #content {
	float: none;
	width: auto;
	margin: 0 auto;
}
.twoColumn #wrapperInner #mainContent #content {
	float: none;
	width: 90%;
	margin: 0 auto;
}
.twoColumn #wrapperInner #mainContent #content .textContent {
	padding-right: 10px;
}
/* =Aside / Sub content
------------------------------------------------------------------------------ */
#aside {
	padding: 20px;
}
#aside .subContent {
	border-top: 1px solid #EAEAEA;
	padding-top: 20px;
}
#aside .subContent img {
	margin-bottom: 5px;
}

#siteWideMessage {
	display: none;
    background: none repeat scroll 0 0 #FFFFFF;
    clear: both;
	font-size: 115%;
	line-height: 150%;
    margin: 14px auto -20px;
    padding: 20px;
    position: relative;
    max-width: 580px;
}

#siteWideMessage h3 {
	font-size: 130%;
	color: #FFA22F;}
	
/* Page banner 
------------------------------ */
#pageBanner {
	clear: both;
}
#pageBanner img {
	display: block;
	width: 100%;
	height: auto;
}
#pageBanner #pageBannerInner {
	width: 100%;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
#pageBanner #pageBannerInner img.overlay {
	display: none;
	visibility: hidden;
}
/* Content blocks
------------------------------ */
.contentBlock {
	border: 11px solid #f3f3f3;
	margin-top: 15px; 
}
.contentBlock .contentBlockInner {
	padding: 10px;
	overflow: hidden;
}
#loginPage .col_inner {
	border: 11px solid #f3f3f3;
	padding: 10px;
}
#loginPage .col_margin.span_1_of_3 {
    margin: 12px auto;
    width: 100%;
}
#mainContent .contentBlocks {
	clear: both;
}
#mainContent .contentBlocks .contentBlock {
	float: left;
	width: 198px;
	position: relative;
}
#mainContent .contentBlocks .contentBlock:first-child {
	margin-left: 0;
}
#mainContent .contentBlocks.twoCol .contentBlock {
	width: auto;
	min-height: 0 !important;
}
#mainContent .contentBlocks .contentBlock .contentBlockInner {
	min-height: 279px;
}
#mainContent .contentBlocks .contentBlock.contentBlockFull {
	width: 674px;
}
#mainContent .contentBlocks .contentBlock h2 {
	font-size: 182%;
	color: #575757;
	margin-top: 15px;
}
#mainContent .contentBlocks .contentBlock h3 {
	color: #575757;
	font-size: 112%;
	font-weight: normal;
	line-height: 1.25em;
	margin: 0 0 14px 0; 
}
#mainContent .contentBlocks .contentBlock p {
	margin-bottom: 10px;
}
#mainContent .contentBlocks .contentBlock p.readMore {
	padding: 0 15px 5px 0;
}
#mainContent .contentBlocks .contentBlock p, #mainContent .contentBlocks .contentBlock li {
	line-height: 19px;
}
.contentBlock img {
	border: none; 
	padding: 0px;
}
/* Contact Page */
.contactBlocks {

}
.contactBlocks .contactBlock {
	padding: 10px 0;
	line-height: 19px;
	border-bottom: 1px solid #EAEAEA;
	min-height: 2em !important;
}
.contactBlocks .contactBlock:first-child {
	margin-left: 0;
}
.contactBlocks .contactBlock h2 {
	color: #102c52;
	font-size: 123.1%; 
	font-weight: bold;
	margin: 0 0 8px 0 !important;
}
#leftNav  div.leftComponents .contentBlock {
	margin: 0 19px;
	overflow: hidden;
}

#mapArea {
	margin: 20px 0px;
}
#mapArea #map {
	width: 100%;
}
#mapArea #map #mapSelect {
}
#mapArea #map #mapSelect form select {
	width: 260px;
}
#mapArea #map h2 {
	color: #102c52;
	font-size: 182%;
}
#mapArea .subContentBlock {
	margin-top: 22px;
    width: auto;
}
#mapArea #map #usMap {
	display: none;
}

/* Northwest Territory Office */
#mainContent .subContentBlock.nwt {
	border: 11px solid #628235;
}
#mainContent .subContentBlock.nwt h3 {
	color: #628235;
}

/* Great Lakes Territory Office */
#mainContent .subContentBlock.glt {
	border: 11px solid #2f6794;
}
#mainContent .subContentBlock.glt h3 {
	color: #2f6794;
}

/* Northeast Territory Office */
#mainContent .subContentBlock.net {
	border: 11px solid #b9cfab;
}
#mainContent .subContentBlock.net h3 {
	color: #b9cfab;
}

/* Mid-Atlantic Territory Office */
#mainContent .subContentBlock.mat {
	border: 11px solid #eddbbc;
}
#mainContent .subContentBlock.mat h3 {
	color: #eddbbc;
}

/* Southeast Territory Office */
#mainContent .subContentBlock.set {
	border: 11px solid #d3433b;
}
#mainContent .subContentBlock.set h3 {
	color: #d3433b;
}

/* Southern Florida Territory Office */
#mainContent .subContentBlock.sfl {
	border: 11px solid #ff9332;
}
#mainContent .subContentBlock.sfl h3 {
	color: #ff9332;
}

/* West Territory Office */
#mainContent .subContentBlock.wt {
	border: 11px solid #62abdb;
}
#mainContent .subContentBlock.wt h3 {
	color: #62abdb;
}

/* California/Nevada Territory Office */
#mainContent .subContentBlock.cali {
	border: 11px solid #e88b38;
}
#mainContent .subContentBlock.cali h3 {
	color: #e88b38;
}

/* Midwest Territory Office */
#mainContent .subContentBlock.mwt {
	border: 11px solid #ffd46b;
}
#mainContent .subContentBlock.mwt h3 {
	color: #ffd46b;
}

/* Puerto Rico Office */
#mainContent .subContentBlock.dmupr {
	border: 11px solid #b6b4b2;
}
#mainContent .subContentBlock.dmupr h3 {
	color: #b6b4b2;
}

/* Hawaii Office */
#mainContent .subContentBlock.dmuhi {
	border: 11px solid #b6b4b2;
}
#mainContent .subContentBlock.dmuhi h3 {
	color: #b6b4b2;
}

/* South Central Territory Office */
#mainContent .subContentBlock.sct {
	border: 11px solid #c6a78a;
}
#mainContent .subContentBlock.sct h3 {
	color: #c6a78a;
}
/* Promo area 
------------------------------ */
.promoArea {
	background: #fbfbfb;
	border: 11px solid #f3f3f3;
	padding: 10px;
}
/* Common promo blocks
------------------------------ */
#mainContent .commonPromoBlocks {
	margin: 20px 0 20px 0;
	clear: both;
}
#mainContent .commonPromoBlocks .commonPromoBlock {
	border: 11px solid #F3F3F3;
	margin: 20px 0;
    min-height: 2em !important;
    position: relative;
}
#mainContent .commonPromoBlocks .commonPromoBlock:first-child {
	margin-left: 0;
}
#mainContent .commonPromoBlocks .commonPromoBlock .commonPromoBlockInner {
	min-height: 100px;
	padding: 12px 10px 5px 15px;
}
#mainContent .commonPromoBlocks .commonPromoBlock h2 {
	font-size: 123.1%;
	color: #102c52;
	font-weight: bold;
	margin: 0 0 5px 0;
}
/* =Login Page
--------------------*/
#loginPage #loginForm {
	padding: 10px;
	overflow: hidden;
	}
.loginHelp .list-item1, .loginHelp .list-item2, .loginHelp .list-item3, .loginHelp .list-item4 { 
	display: none;
	visibility: hidden;
	}
#loginPage #loginForm .loginField {width: 235px;}
#loginPage #loginForm .loginBtn {
	margin: 5px 0;
	float: right;
	}
#realizeBanner {
    height: 100px;
    margin-top: -247px;
    position: absolute;
    width: 95%;
    z-index: 10;
}
/* =Login Forms
-----------------------------------------------------------------------------*/
/* =General Styles
--------------------*/
#loginForm #login label {
	display: block;
	float: left;
	color: #102c52;
	font-size: 182%;
	line-height: 36px;
	padding-right: 8px;
}	
#loginForm .loginFormBtns {
	clear: both;
}
#loginForm #login .acctBtn {
	background: url('../images/wrapper/btn-bg.png') 0 0 no-repeat;
	display: block;
	color: #fff;
	font-size: 11px;
	text-align: center;
	line-height: 20px;
	width: 163px;
	height: 21px;
	margin: 0 0 8px 0;
	clear: both;
	float: right;
}
#loginForm #login .acctBtn a {
	color: #fff;
	text-decoration: none;
}
#mainContent #loginForm .loginHelp {
	float: left;
}
#mainContent #loginForm .loginHelp ul {
	margin: 0;
}
#mainContent #loginForm .loginHelp ul li {
	font-size: 85%;
	padding: 0 0 4px 23px;
}
/* ER Bulletin styles */
#erbulletin #wrapperInner #leftNav, #erbulletin #wrapperInner #mainContent {
    width: auto !important;
}
#erbulletin #wrapperInner #mainContentWrap {
	/* display: table;	*/
}
#erbulletin #pageUtilities {
	/*display: table-caption;  leave this on top */
}
#erbulletin #wrapperInner #leftNav {
	/*display: table-footer-group;  move this div below */
}
#erbulletin #wrapperInner #mainContent {
	/*display: table-header-group;   move this div above */
}
}

/* TABLET STYLES 
-------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width:661px) and (max-width:810px) {

/* =Page layouts & components
------------------------------------------------------------------------------ */
#wrap {
	background-color: #e5e5e5;
	max-width: 810px;
	position: relative;
	margin: 0 auto;
	width: 100%;
}
#wrapper {
	background-color: #ffffff;
    font-size: 110%;
    margin: 0 auto;
    position: relative;
	padding: 0px 28px; /* Override */
}
#wrapperInner {
	clear: both;
}
#wrapperInner #mainContentWrap {
	margin: 12px auto;
}
#wrapperInner #mainContent {
	float: none; /* Override */
	width: 100%; /* Override */
	overflow: hidden;
}
#wrapperInner #leftNav {
	float: none; /* Override */
	width: 100%; /* Override */
}
#homepage #wrapperInner #mainContent {
	float: none;
	width: 100%;
	overflow: hidden;
}
#wrapperInner #mainContent #content {
	float: left;
	padding: 7px 25px 20px 0;
}
#wrapperInner #mainContent #contentFullWidth {
	float: left;
	padding: 7px 0 20px 0;
}
#wrapperInner #mainContent #content .textContent {
	margin-bottom: 20px;
	padding: 0;
}
#wrapperInner #mainContent #aside {
	float: left;
	width: 160px;
	padding-top: 57px;
}
#wrapperInner #mainContent .textContent .footnote {
	font-style: italic;
}

#siteWideMessage {
	display: none;
    background: none repeat scroll 0 0 #FFFFFF;
    clear: both;
	font-size: 115%;
	line-height: 150%;
    margin: 14px auto -20px;
    padding: 20px;
    position: relative;
    width: 900px;
}
#siteWideMessage h3 {
	font-size: 130%;
	color: #FFA22F;}
#loginForm {
	margin: 12px auto 12px auto;	
}

#loginForm div {
    display: block;
    float: left;
}
.loginHelp {
    margin-left: 10%;
}
/* Single and two Column layout 
------------------------------ */
.oneColumn #wrapperInner #mainContent { 
	float: none;
	width: 100%;
}
.oneColumn #wrapperInner #mainContent #content {
	float: none;
	width: 100%;
}
.twoColumn #wrapperInner #mainContent #content {
	float: none;
	width: 100%;
}
.twoColumn #wrapperInner #mainContent #content .textContent {
	padding-right: 10px;
}

/* Page banner 
------------------------------ */
#pageBanner {
	clear: both;
}
#pageBanner img {
	display: block;
}
#pageBanner #pageBannerInner {
	width: 940px;
	margin: 0 auto;
	position: relative;
}
#pageBanner #pageBannerInner img.overlay {
	display: block;
	position: absolute;
	top: 175px;
	left: 0;
}
/* Content blocks
------------------------------ */
.contentBlock {
	border: 11px solid #f3f3f3;
	margin-left: 19px; 
}
.contentBlock .contentBlockInner {
	padding: 10px;
}
#loginPage .col_inner {
	border: 11px solid #f3f3f3;
	padding: 10px;
}
#mainContent .contentBlocks {
	margin-bottom: 20px;
	clear: both;
}
#mainContent .contentBlocks .contentBlock {
	float: left;
	width: 198px;
	position: relative;
}
#mainContent .contentBlocks .contentBlock:first-child {
	margin-left: 0;
}
#mainContent .contentBlocks.twoCol .contentBlock {
	width: 43%;
}
#mainContent .contentBlocks .contentBlock .contentBlockInner {
	min-height: 0 !important; 
	height: 220px; 
}
#mainContent .contentBlocks .contentBlock.contentBlockFull {
	width: 674px;
}
#mainContent .contentBlocks .contentBlock h2 {
	font-size: 182%;
	color: #575757;
	margin-top: 15px;
}
#mainContent .contentBlocks .contentBlock h3 {
	font-size: 100%;
	color: #102c52;
	line-height: 19px;
	margin-bottom: 3px;
}
#mainContent .contentBlocks .contentBlock p {
	margin-bottom: 10px;
}
#mainContent .contentBlocks .contentBlock p.readMore {
	padding: 0 15px 5px 0;
}
#mainContent .contentBlocks .contentBlock p, #mainContent .contentBlocks .contentBlock li {
	line-height: 19px;
}
.contentBlock img {
}

#leftNav  div.leftComponents .contentBlock {
	margin-left: 0;
	margin-right: 19px;
	overflow: hidden;
}

/* background: none; */
.contactBlocks {
	margin-top: 30px;
	margin-bottom: 40px;
}
.contactBlocks .contactBlock {
	float: left;
	width: 246px;
	margin-left: 20px;
	padding: 10px 16px 0 16px;
	border: 11px solid #f3f3f3;
	min-height: 198px;
	line-height: 19px;
}
.contactBlocks .contactBlock:first-child {
	margin-left: 0;
}
.contactBlocks .contactBlock h2 {
	color: #102c52;
	font-size: 123.1%; 
	font-weight: bold;
	margin: 0 0 8px 0 !important;
}
.contactBlocks .contactBlock p {
	line-height: 16px !important;
	margin: 0 0 12px !important;
}
#mapArea {
	margin-bottom: 40px;
}
#mapArea #map {
	float: left;
	width: 607px;
}
#mapArea #map #mapSelect {
	float: right;
}
#mapArea #map #mapSelect form select {
	width: 260px;
}
#mapArea #map h2 {
	color: #102c52;
	font-size: 182%;
}
#mapArea .subContentBlock {
	float: right;
	margin-top: 22px;
}
#mapArea #map #usMap {
	background: url('../images/wrapper/map_us_sprite.png') 0 -948px no-repeat;
	width: 500px;
	height: 316px;
	margin: 40px 0 0 22px;
}

/* Northwest Territory Office */
#mainContent .subContentBlock.nwt {
	border: 11px solid #628235;
}
#mainContent .subContentBlock.nwt h3 {
	color: #628235;
}

/* Great Lakes Territory Office */
#mainContent .subContentBlock.glt {
	border: 11px solid #2f6794;
}
#mainContent .subContentBlock.glt h3 {
	color: #2f6794;
}

/* Northeast Territory Office */
#mainContent .subContentBlock.net {
	border: 11px solid #b9cfab;
}
#mainContent .subContentBlock.net h3 {
	color: #b9cfab;
}

/* Mid-Atlantic Territory Office */
#mainContent .subContentBlock.mat {
	border: 11px solid #eddbbc;
}
#mainContent .subContentBlock.mat h3 {
	color: #eddbbc;
}

/* Southeast Territory Office */
#mainContent .subContentBlock.set {
	border: 11px solid #d3433b;
}
#mainContent .subContentBlock.set h3 {
	color: #d3433b;
}

/* Southern Florida Territory Office */
#mainContent .subContentBlock.sfl {
	border: 11px solid #ff9332;
}
#mainContent .subContentBlock.sfl h3 {
	color: #ff9332;
}

/* West Territory Office */
#mainContent .subContentBlock.wt {
	border: 11px solid #62abdb;
}
#mainContent .subContentBlock.wt h3 {
	color: #62abdb;
}

/* California/Nevada Territory Office */
#mainContent .subContentBlock.cali {
	border: 11px solid #e88b38;
}
#mainContent .subContentBlock.cali h3 {
	color: #e88b38;
}

/* Midwest Territory Office */
#mainContent .subContentBlock.mwt {
	border: 11px solid #ffd46b;
}
#mainContent .subContentBlock.mwt h3 {
	color: #ffd46b;
}

/* Puerto Rico Office */
#mainContent .subContentBlock.dmupr {
	border: 11px solid #b6b4b2;
}
#mainContent .subContentBlock.dmupr h3 {
	color: #b6b4b2;
}

/* Hawaii Office */
#mainContent .subContentBlock.dmuhi {
	border: 11px solid #b6b4b2;
}
#mainContent .subContentBlock.dmuhi h3 {
	color: #b6b4b2;
}

/* South Central Territory Office */
#mainContent .subContentBlock.sct {
	border: 11px solid #c6a78a;
}
#mainContent .subContentBlock.sct h3 {
	color: #c6a78a;
}
/* Promo area 
------------------------------ */
.promoArea {
	background: #fbfbfb;
	border: 11px solid #f3f3f3;
	margin-top: 30px;
	padding: 10px;
}
/* Common promo blocks
------------------------------ */
#mainContent .commonPromoBlocks {
	margin: 20px 0 20px 0;
	clear: both;
}
#mainContent .commonPromoBlocks .commonPromoBlock {
	float: left;
	width: 278px;
	border: 11px solid #f3f3f3;
	margin-left: 19px;
	position: relative;
}
#mainContent .commonPromoBlocks .commonPromoBlock:first-child {
	margin-left: 0;
}
#mainContent .commonPromoBlocks .commonPromoBlock .commonPromoBlockInner {
	min-height: 100px;
	padding: 12px 10px 5px 15px;
}
#mainContent .commonPromoBlocks .commonPromoBlock h2 {
	font-size: 123.1%;
	color: #102c52;
	font-weight: bold;
	margin: 0 0 5px 0;
}
/* =Login Page
--------------------*/
.loginHelp ul > *:first-child {display: none; visibility: hidden;} /* hide mobile link in desktop */
#loginPage #loginForm {padding: 20px 0 10px 134px;}
#loginPage #loginForm #login {
	float: left;
	width: 440px;}
#loginPage #loginForm .loginField {width: 235px;}
#loginPage #loginForm .loginBtn {float: right;}
#realizeBanner {
	width: 940px;
	height: 171px;
	margin-top: -297;
	position: absolute;
	z-index: 900;
}
/* ER Bulletin styles */
#erbulletin #wrapperInner #leftNav, #erbulletin #wrapperInner #mainContent {
    width: auto !important;
}
}

/* DESKTOP STYLES
-------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width:811px) {

/* =Page layouts & components
------------------------------------------------------------------------------ */
#wrap {
	background-color: #e5e5e5;
	max-width: 980px;
	position: relative;
	margin: 0 auto;
	width: 100%;
}
#wrapper {
	min-height: 600px;
	background-color: #ffffff;
    font-size: 110%;
    margin: 0 auto;
    position: relative;
	padding: 23px 28px 12px;;
}
#wrapperInner {
	min-height: 68%;
	clear: both;
}
#wrapperInner #mainContentWrap {
	margin: 12px auto 0px auto;
}
#wrapperInner #mainContent {
	float: right;
	width: 68%;
	overflow: hidden;
}
#wrapperInner #leftNav {
	float: left;
	width: 30.5%;
}
#homepage #wrapperInner #mainContent {
	float: none;
	width: 100%;
	overflow: hidden;
}
#wrapperInner #mainContent #content {
	float: left;
	padding: 7px 25px 20px 0;
}
#wrapperInner #mainContent #contentFullWidth {
	float: left;
	padding: 7px 0 20px 0;
}
#wrapperInner #mainContent #content .textContent {
	margin-bottom: 20px;
	padding: 0;
}
#wrapperInner #mainContent #aside {
	float: left;
	width: 160px;
	padding-top: 57px;
}
#wrapperInner #mainContent .textContent .footnote {
	font-style: italic;
}

#siteWideMessage {
	display: none;
    background: none repeat scroll 0 0 #FFFFFF;
    clear: both;
	font-size: 115%;
	line-height: 150%;
    margin: 14px auto -20px;
    padding: 20px;
    position: relative;
    width: 900px;
}

#siteWideMessage h3 {
	font-size: 130%;
	color: #FFA22F;}
/* Single and two Column layout 
------------------------------ */
.oneColumn #wrapperInner #mainContent { 
	float: none;
	width: 100%;
}
.oneColumn #wrapperInner #mainContent #content {
	float: none;
	width: 100%;
}
.twoColumn #wrapperInner #mainContent #content {
	float: none;
	width: 100%;
}
.twoColumn #wrapperInner #mainContent #content .textContent {
	padding-right: 10px;
}

/* Page banner 
------------------------------ */
#pageBanner {
	clear: both;
}
#pageBanner img {
    display: block;
    height: auto;
    width: 100%;
}
#pageBanner #pageBannerInner {
	margin: 0 auto;
	position: relative;
}
#pageBanner #pageBannerInner img.overlay {
	display: block;
	position: absolute;
	top: 175px;
	left: 0;
}
/* Content blocks
------------------------------ */
.contentBlock {
	border: 11px solid #f3f3f3;
	margin-left: 19px; 
}
.contentBlock .contentBlockInner {
	padding: 10px;
}
#mainContent .contentBlocks {
	margin-bottom: 20px;
	clear: both;
}
#mainContent .contentBlocks .contentBlock {
	float: left;
	width: 198px;
	position: relative;
}
#mainContent .contentBlocks .contentBlock:first-child {
	margin-left: 0;
}
#mainContent .contentBlocks.twoCol .contentBlock {
	width: 43%;
}
#mainContent .contentBlocks .contentBlock .contentBlockInner {
	min-height: 0 !important; 
	height: 220px; 
}
#mainContent .contentBlocks .contentBlock.contentBlockFull {
	width: 674px;
}
#mainContent .contentBlocks .contentBlock h2 {
	font-size: 182%;
	color: #575757;
	margin-top: 15px;
}
#mainContent .contentBlocks .contentBlock h3 {
	font-size: 100%;
	color: #102c52;
	line-height: 19px;
	margin-bottom: 3px;
}
#mainContent .contentBlocks .contentBlock p {
	margin-bottom: 10px;
}
#mainContent .contentBlocks .contentBlock p.readMore {
	padding: 0 15px 5px 0;
}
#mainContent .contentBlocks .contentBlock p, #mainContent .contentBlocks .contentBlock li {
	line-height: 19px;
}
.contentBlock img {
}

#leftNav  div.leftComponents .contentBlock {
	margin-left: 0;
	margin-right: 19px;
	overflow: hidden;
}

/* background: none; */
.contactBlocks {
	margin-top: 30px;
	margin-bottom: 40px;
}
.contactBlocks .contactBlock {
	float: left;
	width: 25.8%;
	margin-left: 20px;
	padding: 10px 16px 0 16px;
	border: 11px solid #f3f3f3;
	min-height: 198px;
	line-height: 19px;
}
.contactBlocks .contactBlock:first-child {
	margin-left: 0;
}
.contactBlocks .contactBlock h2 {
	color: #102c52;
	font-size: 123.1%; 
	font-weight: bold;
	margin: 0 0 8px 0 !important;
}
.contactBlocks .contactBlock p {
	line-height: 16px !important;
	margin: 0 0 12px !important;
}
#loginPage .col_inner {
	border: 11px solid #f3f3f3;
	padding: 10px;
}
#loginPage .section.group.clearfix {
    margin-top: 12px;
}
#mapArea {
	margin-bottom: 40px;
}
#mapArea #map {
	float: left;
	width: 607px;
}
#mapArea #map #mapSelect {
	float: right;
}
#mapArea #map #mapSelect form select {
	width: 260px;
}
#mapArea #map h2 {
	color: #102c52;
	font-size: 182%;
}
#mapArea .subContentBlock {
	float: right;
	margin-top: 22px;
}
#mapArea #map #usMap {
	background: url('../images/wrapper/map_us_sprite.png') 0 -948px no-repeat;
	width: 500px;
	height: 316px;
	margin: 40px 0 0 22px;
}

/* Northwest Territory Office */
#mainContent .subContentBlock.nwt {
	border: 11px solid #628235;
}
#mainContent .subContentBlock.nwt h3 {
	color: #628235;
}

/* Great Lakes Territory Office */
#mainContent .subContentBlock.glt {
	border: 11px solid #2f6794;
}
#mainContent .subContentBlock.glt h3 {
	color: #2f6794;
}

/* Northeast Territory Office */
#mainContent .subContentBlock.net {
	border: 11px solid #b9cfab;
}
#mainContent .subContentBlock.net h3 {
	color: #b9cfab;
}

/* Mid-Atlantic Territory Office */
#mainContent .subContentBlock.mat {
	border: 11px solid #eddbbc;
}
#mainContent .subContentBlock.mat h3 {
	color: #eddbbc;
}

/* Southeast Territory Office */
#mainContent .subContentBlock.set {
	border: 11px solid #d3433b;
}
#mainContent .subContentBlock.set h3 {
	color: #d3433b;
}

/* Southern Florida Territory Office */
#mainContent .subContentBlock.sfl {
	border: 11px solid #ff9332;
}
#mainContent .subContentBlock.sfl h3 {
	color: #ff9332;
}

/* West Territory Office */
#mainContent .subContentBlock.wt {
	border: 11px solid #62abdb;
}
#mainContent .subContentBlock.wt h3 {
	color: #62abdb;
}

/* California/Nevada Territory Office */
#mainContent .subContentBlock.cali {
	border: 11px solid #e88b38;
}
#mainContent .subContentBlock.cali h3 {
	color: #e88b38;
}

/* Midwest Territory Office */
#mainContent .subContentBlock.mwt {
	border: 11px solid #ffd46b;
}
#mainContent .subContentBlock.mwt h3 {
	color: #ffd46b;
}

/* Puerto Rico Office */
#mainContent .subContentBlock.dmupr {
	border: 11px solid #b6b4b2;
}
#mainContent .subContentBlock.dmupr h3 {
	color: #b6b4b2;
}

/* Hawaii Office */
#mainContent .subContentBlock.dmuhi {
	border: 11px solid #b6b4b2;
}
#mainContent .subContentBlock.dmuhi h3 {
	color: #b6b4b2;
}

/* South Central Territory Office */
#mainContent .subContentBlock.sct {
	border: 11px solid #c6a78a;
}
#mainContent .subContentBlock.sct h3 {
	color: #c6a78a;
}
/* Promo area 
------------------------------ */
.promoArea {
	background: #fbfbfb;
	border: 11px solid #f3f3f3;
	margin-top: 30px;
	padding: 10px;
}
/* Common promo blocks
------------------------------ */
#mainContent .commonPromoBlocks {
	margin: 20px 0 20px 0;
	clear: both;
}
#mainContent .commonPromoBlocks .commonPromoBlock {
	float: left;
	width: 278px;
	border: 11px solid #f3f3f3;
	margin-left: 19px;
	position: relative;
}
#mainContent .commonPromoBlocks .commonPromoBlock:first-child {
	margin-left: 0;
}
#mainContent .commonPromoBlocks .commonPromoBlock .commonPromoBlockInner {
	min-height: 100px;
	padding: 12px 10px 5px 15px;
}
#mainContent .commonPromoBlocks .commonPromoBlock h2 {
	font-size: 123.1%;
	color: #102c52;
	font-weight: bold;
	margin: 0 0 5px 0;
}
/* =Login Page
--------------------*/
.loginHelp ul > *:first-child {display: none; visibility: hidden;} /* hide mobile link in desktop */
#loginPage #loginForm {padding: 20px 0 10px 134px;}
#loginPage #loginForm #login {
	float: left;
	width: 440px;}
#loginPage #loginForm .loginField {width: 235px;}
#loginPage #loginForm .loginBtn {float: right;}
#realizeBanner {
	width: 940px;
	height: 171px;
	margin-top: -297;
	position: absolute;
	z-index: 900;
}

}