﻿/* Load external Fonts */
@import url("/css?family=Archivo+Narrow:700,400");


/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #4e4e4d;
}

body {
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.4;
	background:url("../img/bgPattern.gif") 0 0 repeat #deddd7;
	overflow: auto !important;
}

ol, ul 
{
    margin: 0 0 30px 30px;
    padding: 0;
}

/* Default line-height for paragraphs */
p 
{
    line-height: 20px;
    margin: 0 0 20px;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}
/*
 * Links
 */
 
 a, a:visited
 {
	 text-decoration:none;
	 color: #396aae;
 }
 a:hover
 {
	 text-decoration:underline;
 }
 
/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}


/*
 * Header Styles
 */
h1, h2, h3, h4
{
    color:#444444 !important;
    font-family: 'Archivo Narrow', sans-serif !important;
    font-weight: bold;
    margin: 0 0 20px 0;
} 
/*
 * Data Lists
 */
 dl
 {
     margin:0;
 }
 dl dt
 {
     margin:0;
     color:#444;
     font-size:22px;
 }
 dl dd
 {
     margin:0;
     font-size:18px;
 }


/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
.custom-FloatLeft
{
	float:left;
}
.custom-FloatRight
{
	float:right;
}
.custom-SiteWidth
{
	width: 940px;
	margin: 0 auto;
}
.custom-MCA
{
	background:#f6f6f4;
	vertical-align:top;
	min-height:400px;
	border-bottom:1px solid #bfbfb4;
	padding:0;
}
.custom-MCA .custom-SiteWidth
{
}

/* --- Top Navigation -- */
.custom-TopBar
{

}

.custom-TopBar .custom-SiteWidth 
{

    background: url(../img/navBG.png) repeat-x;
    height: 85px;
    position: absolute;
    z-index: 9;
    left: 50%;
    margin-left: -470px;
}

.custom-TopBar .custom-LogoHolder, .custom-TopBar .custom-TopNavigation, .custom-TopBar .custom-btnFileComplaint 
{
    float: left;
    
}

.custom-TopBar .custom-LogoHolder img
{
    margin: 20px 0 0 20px;
}

.custom-TopBar .custom-TopNavigation 
{
    margin: 0 0 0 0;
}

.custom-TopBar .custom-TopNavigation ul 
{
    list-style: none;
    margin: 32px 0 0 22px;
}

.custom-TopBar .custom-TopNavigation ul ul 
{
    position: absolute;
    display: none;
    width: 250px !important;
    padding: 0 !important;
}

.custom-TopBar .custom-TopNavigation ul li 
{
    float: left;
    padding: 10px 12px;
    position: relative;
}
.custom-TopBar .ms-listMenu-editLink
{
	display:none;
}

.custom-TopBar .custom-TopNavigation ul li.selected, .custom-TopBar .custom-TopNavigation ul li:hover
{
    background: url(../img/opacity60.png) repeat;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;}

.custom-TopBar .custom-TopNavigation ul ul li.selected, .custom-TopBar .custom-TopNavigation ul ul li:hover
{
    background: url(../img/opacity60.png) repeat;
    -webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}


.custom-TopBar .custom-TopNavigation ul li:hover ul 
{
    display: block;
    background: url(../img/opacity60.png) repeat;
    top: 0 !important;
    left: 0 !important;
    box-shadow: none !important;
	border: 0 !important;
	margin: 38px 0 0 0;
}

.custom-TopBar .custom-TopNavigation ul li .menu-item-text 
{
    color: #fff;
    font-family: 'Archivo Narrow', sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}

.custom-TopBar .custom-TopNavigation ul li:nth-child(6)
{
	/* Removed on March 13, 2014 -   margin: 0 0 0 35px; */
	margin:0 0 0 0;
}


.custom-TopBar .custom-TopNavigation ul li ul li .menu-item-text 
{
    text-transform: none;
}


.custom-TopBar .custom-TopNavigation ul li ul li
{
    text-transform: none;
    color: #fff;
    font-family: 'Archivo Narrow', sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    padding: 13px 26px;
    margin: 0 !important;
}

.custom-TopBar .custom-TopNavigation ul ul li:first-child 
{
    border: 0;
}

.custom-TopBar .custom-TopNavigation ul ul li
{
    float: none;
    border-top: 1px solid #373838;
}
.custom-TopBar .custom-btnFileComplaint
{
    background: #c9490f;
	padding: 10px 15px;
	display: block;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 13px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	margin: 30px 0 0 10px;
	-webkit-box-shadow: 0px 2px 5px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: 0px 2px 5px rgba(50, 50, 50, 0.75);
	box-shadow: 0px 2px 5px rgba(50, 50, 50, 0.75);    
}
.custom-TopBar .custom-btnFileComplaint a
{
    color:#fff;
}
/* --- End Top Navigation -- */

/* --- Featured Items -- */
.custom-Featured h1 {
	font-size: 16px;
	text-align: center;
	margin-top:0;
}

.custom-Featured .custom-FeaturedListWrapper {
	margin: 0;
    padding: 0;
}

.custom-Featured .custom-FeaturedListWrapper .custom-FeaturedListSection {
	float: left;
	width: 284px;
	height: 192px;
	overflow: hidden;
	margin: 0 10px;
	border-left: 2px solid #d3d3d1;
	border-bottom: 2px solid #d3d3d1;
	border-right: 2px solid #d3d3d1;
	background: #fff;
}

.custom-Featured .custom-FeaturedListWrapper .custom-FeaturedListSection.custom-altStyle {
	background: #0255a1;
}

.custom-Featured .custom-FeaturedListWrapper .custom-FeaturedListSection img {
	position: relative;
}

.custom-Featured .custom-FeaturedListWrapper .custom-FeaturedListSection.custom-altStyle .custom-FeaturedList 
{
    background: #0255a1;
}

.custom-Featured .custom-FeaturedListWrapper .custom-FeaturedListSection .custom-FeaturedList {
	position: relative;
	background: #fff;
}

.custom-Featured .custom-FeaturedListWrapper .custom-FeaturedListSection .custom-FeaturedList h2 {
	font-size: 13px;
	font-family: "Arial";
	padding: 10px 20px 0;
	color: #333;
	height: 36px;
}

.custom-Featured .custom-FeaturedListWrapper .custom-FeaturedListSection.custom-altStyle .custom-FeaturedList h2 {
	color: #fff;
}

.custom-Featured .custom-FeaturedListWrapper .custom-FeaturedListSection .custom-FeaturedList p {
	font-size: 12px;
	font-family: "Arial";
	color: #333;
	padding: 0 20px;
}

.custom-Featured .custom-FeaturedListWrapper .custom-FeaturedListSection.custom-altStyle .custom-FeaturedList p {
	color: #70a8dc;
}

/* --- Featured Video --- */
.custom-ServicesGrid
{   
	margin:0;
    padding:0;
}

.custom-ServicesGrid .custom-Row:first-child 
{
	margin: 0;
}
.custom-ServicesGrid .custom-Col
{
    float:left;
    width: 280px;
	margin: 0 50px 40px 0;
}

.custom-ServicesGrid .custom-Col h3
{
    margin-top:0;
    height:58px;
    padding:0 60px 0 0;
    font-size: 22px;
    line-height: 24px;
    position: relative;
}

.custom-ServicesGrid .custom-Col h3 a {
	color: #444;
}

.custom-ServicesGrid .custom-Col h3 img {
	position: absolute;
	top: 0;
	right: 0;
	padding-left: 20px;
	width: 60px;
}

.custom-ServicesGrid .custom-Col .custom-ViewMore 
{
    margin: 20px 0 0 0;
    display: block;
}
.custom-ServicesGrid .custom-CenterCol
{
    margin:0 41px 0 41px;
}
/* --- Featured Video --- */

/* --- Featured Video --- */
.custom-FeaturedVideo
{
    margin:0;
    padding:0;
}
.custom-FeaturedVideo .custom-VideoEmbed
{
    float:left;
    width:450px;
    height: 253px;
    margin: 0 15px 0 0;
    overflow: hidden;
    position: relative;
}

.custom-FeaturedVideo .custom-VideoEmbed .custom-VideoOverlay 
{
    background: url(../img/btnPlay.png) no-repeat center center;
    position: absolute;
	width: 100%;
	height: 100%;
}
.custom-FeaturedVideo .custom-VideoEmbed img 
{
    width: 100%;
}

.custom-FeaturedVideo .custom-VideoDetails
{
    float:right;
    width:450px;
}
.custom-FeaturedVideo .custom-VideoDetails h3
{
    margin-top:0;
    font-size: 22px;
}
/* End of Featured Video*/

/* Custom Page */
.custom-PageTitle {
	margin: 10px 0 20px;
}
.custom-PageWrapper
{
    background-color: #fff;
    padding: 10px 40px 100px;
    min-height: 290px;
}

.custom-HomeWrapper 
{
    /*padding: 10px 40px 100px;*/
}

/* About */
.custom-About 
{
    padding-bottom: 10px;
    border-bottom: 1px solid #e2dfd6;
}

/* Leadership */
.custom-Leadership 
{

}

.custom-Leadership .custom-LeadershipListWrapper 
{
}

.custom-Leadership .custom-LeadershipListWrapper .customLeadershipList table {
	width: 100%;
}

.custom-Leadership .custom-LeadershipListWrapper .customLeadershipList .custom-leaderList
{
    float: left;
    width: 276px;
    margin: 0 10px 20px 0;
}

/*Added to correct leadership floating error - will need amending */
.custom-Leadership .custom-LeadershipListWrapper .customLeadershipList .custom-leaderList:nth-child(7),
.custom-Leadership .custom-LeadershipListWrapper .customLeadershipList .custom-leaderList:nth-child(10)
{
    float: right;
}

.custom-Leadership .custom-LeadershipListWrapper .customLeadershipList .custom-leaderList:first-child 
{
    margin-left: 0;
}

.custom-Leadership .custom-LeadershipListWrapper .customLeadershipList .custom-leaderList 
{
    font-style: italic;
    color: #396aae;
    font-size: 10px;
}

.custom-Leadership .custom-LeadershipListWrapper .customLeadershipList .custom-leaderList a
{
    color: #396aae;
    font-size: 12px;
    font-style: normal;
    display: block;

}

.custom-OrganizationChart
{
    padding-bottom: 10px;
    border-bottom: 1px solid #e2dfd6;
}

.custom-Units dl 
{
    padding: 20px;
    border: 1px solid #e2dfd6;
    float: left;
    margin: 0 20px 20px 0;
    width: 224px;
}

.custom-Units dl dt 
{
    font-weight: bold;
    font-size: 12px;
    color: #444;
}

.custom-Units dl dd 
{
    font-size: 12px;
    color: #444;
    padding-left: 25px;
    margin-top: 5px;
}

.custom-Units dl dd.telephone, .custom-Units dl dd.telephoneAlt
{
    background: url('../img/iconUnits.jpg') no-repeat 0px 0px;
    height: 14px;
}

.custom-Units dl dd.fax 
{
    background: url('../img/iconUnits.jpg') no-repeat 0px -14px;
    height: 13px;
}

.custom-Units dl dd.email 
{
    background: url('../img/iconUnits.jpg') no-repeat 0px -27px;
}

.custom-AboutBio 
{
	margin: 15px 0 0;
}

.custom-AboutBio h2 
{
    margin: 0;
}

.custom-AboutBio h3
{
    padding: 0;
    margin: 0;
    font-style: italic;
}

.custom-AboutBio .custom-Bio-Image
{
    float: left;
    margin: 0 30px 0 0;
    width: 209px;
}

.custom-AboutBio .custom-Bio 
{
    float: left;
    width: 621px;
}

.custom-AboutBio .custom-Bio.custom-noBioImg {
	width: 100%;
	float: none;
}

.custom-WhatWeDoListWrapper 
{
    padding: 0;
}

.custom-WhatWeDoListWrapper .custom-WhatWeDoList {
	margin: 25px 0;
}

.custom-WhatWeDoListWrapper .custom-WhatWeDoList img {
	float: left;
	width: 70px;
}

.custom-WhatWeDoListWrapper .custom-WhatWeDoList dl 
{
    padding: 0 0 0 50px;
    min-height: 58px;
    float: left;
}

.custom-WhatWeDoListWrapper dl dt 
{
    font-family: 'Archivo Narrow', sans-serif;
    font-size: 16px;
    font-weight: bold;
    margin: 3px 0 8px;
}

.custom-WhatWeDoListWrapper dl dt a{
	color: #444;
}

.custom-WhatWeDoListWrapper dl dd 
{
    font-size: 12px;
}

.custom-WhatWeDoListWrapper dl dd a 
{
    margin: 8px 0 0 0;
    display: block;
}

.custom-WhatWeDo .custom-ResourcesListWrapper 
{
    margin: 50px 0;
}

.custom-WhatWeDo .custom-ResourcesListWrapper dl 
{
    margin: 20px 0;
}

.custom-WhatWeDo .custom-ResourcesListWrapper dl dt
{
    font-family: 'Archivo Narrow', sans-serif;
    font-size: 16px;
    font-weight: bold;
}

.custom-WhatWeDo .custom-ResourcesListWrapper dl dd 
{
    font-size: 12px;
    padding: 2px 0;
}

.custom-WhatWeDo .custom-ResourcesListWrapper dl dd a 
{
    display: block;
    margin-top: 3px;
}

.custom-Resources-Overview h2 {
	margin: 0;
}

.custom-Resources-Overview p a {
	display: block;
}

/* --- Footer --- */
.custom-Footer
{
	margin:0 auto;
	width:902px;
	background:url("../img/seal.png") center 15px no-repeat transparent;
	padding:70px 0 20px 0;
	font-size:11px;
	color:#6a6a52;
}
.custom-Footer a:link,
.custom-Footer a:visited
{
	color:#6a6a52;
}
.custom-Footer a:hover
{
	color:#6a6a52;
}
/* Social Links */
.custom-Footer .custom-SocialLinks
{
	text-align:center;
	margin:0 0 20px 0;
}
.custom-Footer .custom-SocialLinks span
{
	text-transform:uppercase;
	display:block;
}
.custom-Footer .custom-SocialLinks a
{
	display:inline-block;
	margin:10px 10px 0 10px;
}

/* */

/* */
.custom-Footer .custom-Search
{
	margin:0 0 20px 0;
}
/* */

.custom-Footer .custom-linkSection {
	float: left;
	width: 180px;
	padding: 40px 0;
}

.custom-Footer .custom-linkSection a{
	display: block;
}

.custom-Footer .custom-linkSection a:first-child {
	font-weight: bold;
}

.custom-Footer .custom-FooterLinks2
{
	text-align:center;
}
.custom-Footer .custom-FooterLinks2 a
{
	display:inline-block;
	margin:0 2px 0 2px;
	border-right:1px solid #aaa99c;
	padding:0 6px 0 0;
}
.custom-Footer .custom-FooterLinks2 a.rss:hover
{
	background:url("../img/icon-rss-hover.png") 0 0 transparent no-repeat;
}
.custom-Footer .custom-FooterLinks2 a:last-child
{
	border:0;
}


/* --- Header Image --- */
.custom-SPHeaderImg
{
    background:url("../img/bgPattern.gif") 0 0 repeat #deddd7;
	position:relative;

}
.custom-SPHeaderImg .custom-TopShadow
{
	background:url("../img/topShadow.png") top center transparent repeat-x;
	position:absolute;
	z-index:2;
	width:100%;
}
.custom-SPHeaderImg .custom-BottomShadow
{
	background:url("../img/bottomShadow.png") bottom center transparent repeat-x;
	position:absolute;
	bottom:0;
	z-index:2;
	width:100%;
}
/* --- Header Image --- */


/* --- Home Carousel --- */
.custom-Image-Header
{
}

.custom-Banner-Header .custom-Picture .custom-Image-Placeholder {
	min-height: 200px;
}


.custom-Image-Header .custom-Picture, .custom-Banner-Header .custom-Picture
{
	background:url("../img/bgPattern.gif") 0 0 repeat #deddd7;
	position:relative;
}

.custom-Image-Header .custom-Picture .custom-Image-Placeholder {
  width: 940px; /* Update to your slider width */
  height: 360px; /* Update to your slider height */
  position: relative;
  overflow: hidden;
  display: block;
}

.custom-Image-Header .custom-Picture .custom-Image-Placeholder img {
  display: none;
  position: absolute; 
  top: 0; 
  left: 0; 
}

.custom-Image-Header .custom-Image-txtHolder dl {
	display: none;
}

.custom-Image-Header .custom-Image-txtHolder .custom-PageControl a {
	margin: 0 5px 0 0;
}

.custom-Image-Header .custom-Image-txtHolder dl dt
{
    font-family: 'Archivo Narrow', sans-serif;
    font-size: 22px;
    font-weight: bold;
}

.custom-Image-Header .custom-Image-txtHolder dl dd
{
    font-family: 'Archivo Narrow', sans-serif;
}

.custom-Image-Header .custom-Picture .custom-TopShadow, .custom-Banner-Header .custom-Picture .custom-TopShadow
{
	background:url("../img/topShadow.png") top center transparent repeat-x;
	position:absolute;
	z-index:2;
	width:100%;
}
.custom-Image-Header .custom-Picture .custom-BottomShadow, .custom-Banner-Header .custom-Picture .custom-BottomShadow
{
	background:url("../img/bottomShadow.png") bottom center transparent repeat-x;
	position:absolute;
	bottom:0;
	z-index:2;
	width:100%;
	height: 8px;
	display: block;

}
.custom-Image-Header .custom-Picture .custom-SiteWidth
{
	z-index:1;
}
.custom-Image-Header .custom-Description
{
	background:#f6f6f4;
}
.custom-Image-Header .custom-Description .custom-SiteWidth
{
	background:url("../img/bg1.gif") bottom center repeat-x #fff;
	border-left:1px solid #e9e9e8;
	border-right:1px solid #e9e9e8;
	padding:20px 0 30px 0;
}
.custom-Image-Header .custom-Description dl
{
	margin:0 auto;
	text-align:center;
	width:650px;
}
.custom-Image-Header .custom-Description dt
{
	font-size:26px;
	margin:0 0 5px 0;
}
.custom-Image-Header .custom-Description dd
{
	margin:0;
}
.custom-Image-Header .custom-Description .custom-PageControl
{
	text-align:center;
	margin:10px 0 0 0;
}


/* --- Left Panel Styles --- */
.custom-LeftPanel .custom-LeftNav, .custom-LeftPanel .custom-FileAComplaint, .custom-LeftPanel .custom-FAQ, .custom-LeftPanel .custom-Videos
{
    border: 1px solid #ccc;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.custom-LeftPanel, .custom-ContentPanel 
{
    float: left;
}

.custom-LeftPanel 
{
    margin: 0 40px 0 0;
    width: 180px;
}

 .custom-ContentPanel 
 {
     width: 640px;
 }
/* --- End Left Panel Styles --- */

:target{
	display:none;
}
/* --- Tab System --- */
.custom-TabView 
{
	/* 4/21/2014 XLG - Added line-height:1 to fix tab spacing on news page */
	line-height:1;

    list-style: none;
    margin: 0;
    padding: 0;
    border-top: 1px solid #818181;
    border-left: 1px solid #818181;
    border-right: 1px solid #818181;
    border-bottom: 0;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #f6f6f4;
    width: 637px;
}

.custom-TabView.custom-newsTab {
	list-style: none;
    margin: 0 0 20px;
    padding: 0;
    border: 0;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: transparent;
    width: 100%;
}

.custom-TabContent 
{
    width: 597px;
    border-bottom: 1px solid #818181;
    border-left: 1px solid #818181;
    border-right: 1px solid #818181;
    margin: 0;
    padding: 20px 20px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}


.custom-TabContent.custom-newsTab
{
    width: 100%;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    margin: 0;
    padding: 0;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}


.custom-TabView.custom-newsTab li:last-child
{
	width: 667px;
	text-align: left;
	padding: 10px 0 10px 10px;

	/* 4/21/2014 XLG - modified height from 40px to be 35 px to fix News tab misalignment */
	height: 35px;

	background-color: transparent;
	border: 0;
	border-bottom: 1px solid #b3b3b3;
}

.custom-TabView.custom-newsTab li {
    border: 1px solid #b3b3b3;
}

.custom-TabView.custom-newsTab li:first-child {
	border: 1px solid #b3b3b3;
	border-right: 0;
}

.custom-TabView li
{
    background-color: #f6f6f4;
    border-left: 1px solid #818181;
    border-bottom: 1px solid #818181;
    float: left;
    text-align: center;
    padding: 0 !important;
    width: 90px;
}

.custom-FederalHatch .custom-TabView li, .custom-StateHatch .custom-TabView li {
	width: 108px;	
}

.custom-TabView li:first-child 
{
    border-left: 0;
    width: 90px;
}

.custom-TabView li.active 
{
    background-color: #fff;
    border-bottom: 0;
}

.custom-TabView.custom-newsTab li.active 
{
    background-color: #fff;
    border-bottom: 0;
}

.custom-TabView li a 
{
    font-family: 'Archivo Narrow', sans-serif;
    font-size: 14px;
    color: #818181;
    font-weight: bold;
    padding: 10px 0;
    display: block;
}

.custom-ContentPanel h1 
{
    margin: 0 0 20px;
    font-size: 21px;
}

.custom-ContentPanel h2 
{
    font-size: 14px;
    margin: 20px 0 0;
}

.custom-ContentPanel .nav 
{
    text-align: center;
    padding: 20px 0;
}

.custom-ContentPanel .nav a 
{
    padding: 0 5px;
}

/* END Tab System */


.custom-LeftPanel .custom-FileAComplaint h2 
{
    text-align: center;
    font-weight: normal;
    margin: 10px;
}

.custom-LeftPanel .custom-FileAComplaint a 
{
    background: #c9490f;
    padding: 5px 10px;
    display: block;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Archivo Narrow', sans-serif;
    font-size: 14px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin: 10px;
    width: 137px;
}

.custom-LeftPanel .custom-FAQ 
{
    padding: 10px;
}

.custom-LeftPanel .custom-FAQ h3 
{
    font-size: 12px;
}

.custom-LeftPanel .custom-FAQ ul 
{
    margin: 0 0 20px 20px;
}

.custom-LeftPanel .custom-FAQ ul li 
{
    padding: 5px 0;
}

.custom-LeftPanel .custom-FAQ .custom-btnViewMore
{
    background: #fff;
    padding: 5px 10px;
    display: block;
    color: #444;
    text-align: center;
    font-family: 'Archivo Narrow', sans-serif;
    font-size: 14px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #bdbdbc;
}

.custom-LeftPanel .custom-Videos 
{
    padding: 10px;
}

.custom-LeftPanel .custom-Videos .custom-VideoEmbed
{
    width: 160px;
    height: 100px;
    overflow: hidden;
    position: relative;
    margin: 0 0 10px 0;
}

.custom-LeftPanel .custom-Videos .custom-VideoEmbed .custom-VideoOverlay 
{
    background: url(../img/btnPlay.png) no-repeat center center;
    width: 100%;
    height: 100%;
    position: absolute;
}
.custom-LeftPanel .custom-Videos .custom-VideoEmbed img 
{
    width: 100%;
}

.custom-LeftPanel .custom-Videos p
{
    padding: 10px 0 0 0;
}

.custom-LeftPanel .custom-Videos .custom-btnViewMore
{
    background: #fff;
    padding: 5px 10px;
    display: block;
    color: #444;
    text-align: center;
    font-family: 'Archivo Narrow', sans-serif;
    font-size: 14px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #bdbdbc;
}

.custom-LeftPanel .custom-ModuleHolder 
{
    margin: 0 0 40px;
    border: 0;
    padding: 0;
}

.custom-ModuleHolder 
{
    margin: 0 0 40px;
    border-bottom: 1px solid #e2dfd6;
    padding: 0 0 20px 0;
}

.custom-Accordion {
    border: 1px solid #dcdcdc;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin: 0 0 20px 0;
}

.custom-Accordion .custom-AccordionHeader 
{
    padding: 15px 20px;
    background: #f6f6f4;
}

.custom-Accordion .custom-AccordionHeader .customAccordionToggle 
{
    width: 35px;
    height: 32px;
    display: block;
    background: url(../img/iconAccordionToggle.png) no-repeat 0 0;
    float: right;
}

.custom-Accordion .custom-AccordionHeader h1 
{
    margin: 5px 0 0 0;
    font-size: 16px;
    float: left;
    width: 555px;
}

.custom-Accordion .custom-AccordionContent 
{
    padding: 20px;
    overflow: hidden;
    border-top: 1px solid #dcdcdc;
    display: none;
}

.custom-Accordion-FAQ {
    border: 1px solid #dcdcdc;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin: 0 0 20px 0;
}

.custom-Accordion-FAQ .custom-AccordionHeader 
{
    padding: 15px 20px;
    background: #f6f6f4;
}

.custom-Resources-FAQ .custom-Accordion-FAQ .custom-AccordionHeader {
	position:relative;
}

.custom-Resources-FAQ .custom-Accordion-FAQ .custom-AccordionHeader h1 {
	width: 780px;
}

.custom-Resources-FAQ .custom-Accordion-FAQ .custom-AccordionHeader .custom-title {
	position:absolute;
	top: 0;
	left: 0;
	padding: 2px 5px;
	color: #fff;
	font-size: 10px;
	text-transform: uppercase; 
}

.custom-Resources-FAQ .custom-Accordion-FAQ .custom-AccordionContent 
{
    width: 837px;
}


.custom-Resources-FAQ .custom-Accordion-FAQ .custom-AccordionHeader .custom-title.custom-ppp {
	background: #c42a1a;
}

.custom-Resources-FAQ .custom-Accordion-FAQ .custom-AccordionHeader .custom-title.custom-dow {
	background: #659b20;
}

.custom-Resources-FAQ .custom-Accordion-FAQ .custom-AccordionHeader .custom-title.custom-adr {
	background: #42295c;
}

.custom-Resources-FAQ .custom-Accordion-FAQ .custom-AccordionHeader .custom-title.custom-hact {
	background: #037d80;
}

.custom-Resources-FAQ .custom-Accordion-FAQ .custom-AccordionHeader .custom-title.custom-ont {
	background: #6c523f;	
}

.custom-Resources-FAQ .custom-Accordion-FAQ .custom-AccordionHeader .custom-title.custom-userra {
	background: #0255a1;
}

.custom-Accordion-FAQ .custom-AccordionHeader .customAccordionToggle 
{
    width: 35px;
    height: 32px;
    display: block;
    background: url(../img/iconAccordionToggle.png) no-repeat 0 0;
    float: right;
}

.custom-Accordion-FAQ .custom-AccordionHeader h1 
{
    margin: 5px 0 0 0;
    font-size: 16px;
    float: left;
    width: 550px;
}

.custom-TabContent .custom-Accordion-FAQ .custom-AccordionHeader h1 {
	 width: 515px;
}


.custom-Accordion-FAQ .custom-AccordionHeader h1 span {
	width: 60px;
	height: 23px;
	float: left;
}

.custom-Accordion-FAQ .custom-AccordionContent 
{
    padding: 20px;
    overflow: hidden;
    border-top: 1px solid #dcdcdc;
    width: 550px;
    display: none;
}

.custom-Accordion-FAQ .custom-AccordionContent .mark
{
	width: 60px;
	height: 100%;
	float: left;
	font-weight: bold;
}

.custom-txtBold {
	font-weight: bold;
}

.custom-txtItalic {
	font-style: italic;
}

.custom-txtUnderline {
	text-decoration: underline;
}

.custom-txtCenter {
	text-align: center;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

#mssOverlay {
    position: fixed;
    top:0;
    bottom: 0;
    left:0;
    right: 0;
    background-color: #000;
    z-index: 998;
    display: none;
}

#mssLightbox {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 999;
    min-width: 500px;
    min-height: 250px;
    text-align: center;
    display: none;
    margin-left: -375px;
}

#mssClose 
{
    position: absolute;
    right: -16px;
    top: -16px;
    background: url(../img/btnClose.png) no-repeat;
    display: block;
    width: 30px;
    height: 30px;
    z-index: 9999;
}

#mssLightbox a {
    color: #fff;
}

/*#mssLightbox img {
    border: 10px solid #e6e6e6;
}*/

/* Sharepoint Paging */
.custom-SP-Paging {
	font-size: 18px;
	font-family: Arial;
}
/* End Sharepoint Paging */

.custom-DataList {
	width: 100%;
	padding: 0 0 20px;
}

.custom-DataList .custom-DataRow {
	border: 1px solid #ccc;
	background: #fff;
}


.custom-DataList .custom-DataRow.custom-DataHead {
	background-color: #4e4e4d;
	border-top: 1px solid #b8b8b8;
	border-bottom: 1px solid #b8b8b8;
	border-left: 0;
	border-right: 0;
}

.custom-DataList .custom-DataRow.custom-DataHead h1 {
	color: #fff !important;
	font-size: 12px;
	padding: 10px 20px;
	margin: 0;
}

.custom-DataList .custom-DataRow .custom-Col {
	float: left;
	width: 80%;
	color: #4e4e4d;
	font-size: 12px;
}


.custom-DataList.custom-DataList-Alt .custom-DataRow .custom-Col {
	width: 20%;
	text-align: center;
}

.custom-DataList.custom-DataList-Alt .custom-DataRow .custom-Col:first-child {
	width: 85% !important;
	text-align: left;
}

.custom-DataList.custom-DataList-Alt .custom-DataRow .custom-Col:last-child {
	width: 15% !important;
}

.custom-DataList.custom-DataList-Alt4 .custom-DataRow .custom-Col {
	width: 20%;
	text-align: center;
}

.custom-DataList.custom-DataList-Alt4 .custom-DataRow .custom-Col:first-child {
	width: 45% !important;
	text-align: left;
}

.custom-DataList.custom-DataList-Alt4 .custom-DataRow .custom-Col:last-child {
	width: 15% !important;
}


.custom-DataList .custom-DataRow .custom-Col .custom-Col-Content {
	padding: 10px 20px;
}

.custom-DataList .custom-DataRow .custom-Col:first-child {
	width: 10%;
	text-align:center;
}

.custom-DataList .custom-DataRow .custom-Col:last-child {
	width: 10%;
	text-align:center;
}

.custom-DataList .custom-DataRow .custom-Col:last-child img {
	padding: 0 0 0 5px;
}

#group0 .custom-Col {
	width: 90% !important;
	text-align: left;
}

#group0 .custom-Col .custom-Col-Content {
	color: #396aae;
	
}

/* Videos Page */

.custom-videoMain 
{
}

.custom-videoMain .custom-videoEmbed
{
    float:left;
    width:510px;
    height: 253px;
    margin: 0 30px 0 0;
    overflow: hidden;
    position: relative;
}

.custom-videoMain .custom-videoEmbed .custom-VideoOverlay 
{
    background: url(../img/btnPlay.png) no-repeat center center;
    position: absolute;
	width: 100%;
	height: 100%;
}
.custom-videoMain .custom-videoEmbed img 
{
    width: 100%;
}

.custom-videoMain .custom-videoDetails 
{
    float: left;
    width: 320px;
}

.custom-videoMain .custom-videoDetails  h3 
{
    margin: 0;
    color: #396aae !important;
}

.custom-videoMain .custom-videoDetails dl 
{
    margin: 7px 0;
}

.custom-videoMain .custom-videoDetails dl dt 
{
    float: left;
    font-size: 12px;
    width: 40px;
}

.custom-videoMain .custom-videoDetails dl dd 
{
    float: left;
    font-size: 12px;
}

.custom-videoMain .custom-videoDetails p 
{
    padding: 10px 0;
}

.custom-VideoList 
{
    margin: 0 30px 20px 0;
    float: left;
    width: 400px;
}

.custom-VideoList .custom-VideoThumb 
{
    float: left;
    margin: 0 20px 0 0;
    position: relative;
}

.custom-VideoList .custom-VideoThumb .custom-VideoOverlay 
{
    background: url(../img/btnPlay.png) no-repeat center center;
    width: 100%;
    height: 100%;
    position: absolute;
}


.custom-VideoList .custom-VideoThumb img {
	width: 140px;
}

.custom-VideoList .custom-VideoDetails
{
    float: left;
    width: 210px;
}

.custom-VideoList .custom-VideoDetails h3 
{
    margin: 0;
    color: #396aae !important;
}

.custom-VideoList .custom-VideoDetails dl 
{
    margin: 7px 0;
}

.custom-VideoList .custom-VideoDetails dl dt 
{
    float: left;
    font-size: 12px;
    width: 40px;
}

.custom-VideoList .custom-VideoDetails dl dd 
{
    float: left;
    font-size: 12px;
    width: 170px;
}

.custom-Resources-FAQ {
	
}

.custom-Resources-FAQ select {
	margin: 0 0 20px 20px;
	height: 30px;
	width: 800px;
	padding: 0 0 0 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #d7d7d7;
}

.custom-NewsListWrapper
{
}

.custom-NewsListWrapper select
{
	/*margin: 0 0 0 18px;
	height: 30px;
	width: 800px;
	padding: 0 0 0 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #d7d7d7;*/
	margin: 0 0 0 20px;
	height: 30px;
	width: 789px;
	padding: 0 0 0 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #d7d7d7;
}

.custom-NewsListWrapper .custom-NewsList 
{
	margin: 10px 0 20px;
	padding: 0 0 20px;
	border-bottom: 1px solid #cdcdcd;
}

.custom-NewsListWrapper .custom-NewsList .custom-NewsImage {
	float: left;
	margin: 0 20px 0 0;
}

.custom-NewsListWrapper .custom-NewsList .custom-NewsContent {
	float: left;
	width: 750px;
}

.custom-NewsListWrapper .custom-NewsList .custom-NewsContent h2 {
	margin: 0;
}

.custom-NewsListWrapper .custom-NewsList .custom-NewsContent a {
	line-height: 21px;
}

.custom-NewsListWrapper .custom-NewsList .custom-NewsContent .custom-NewsSecDate {
	margin: 19px 0 0 0;
}

.custom-NewsListWrapper .custom-NewsList .custom-NewsContent .custom-NewsSecDate .custom-NewsSec
{
	display: inline;
	margin: 0 5px 0 0;
}

.custom-NewsListWrapper .custom-NewsList .custom-NewsContent .custom-NewsSecDate .custom-NewsDate {
	font-style: italic;
	display: inline;
	margin: 0 0 0 5px;
}

.custom-NewsListWrapper .custom-NewsList-Pagination {
	float: right;
}

.custom-NewsListWrapper .ms-toolbar {
	height:0px;
}

table.custom-NewsListWrapper {
	position: relative;
	top: -13px;
}

.custom-NewsList-Filter {
	/*font-weight: bold;
	position: relative;
	top: -15px;
	left: 6px;	
	color: rgb(102, 102, 102);*/
	color: rgb(102, 102, 102);
	font-weight: bold;
	margin: 3px 0 13px 6px;
}

.custom-1col-split:first-child {
	margin-left: 0;
}

.custom-1col-split {
	float: left;
	width: 415px;
	margin: 20px 0 0 30px;
}

.custom-ContactAddress {
	padding: 10px 10px 0;
	border: 1px solid #ccc;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.custom-ContactAddress h3 {
	margin: 0;
}

.custom-ContactAddress p {
	font-size: 11px;
}

.custom-frmContact .ms-long, .custom-frmContact select {
	width: 615px;
	padding: 5px 10px;
	margin: 0 0 10px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #c1c1c1;
	background: #fff;
}

.custom-frmContact .ms-RadioText {
	padding: 0 0 0 5px;
	height: 29px;
	width: 638px;
}

.custom-frmContact input[type="button"], a.custom-btnActive {
	background: #fff;
    padding: 5px 10px;
    display: block;
    color: #444;
    text-align: center;
    font-family: 'Archivo Narrow', sans-serif;
    font-size: 14px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #bdbdbc;
}

.custom-frmContact input[type="button"] {
	float: right;
}

.custom-frmContact input[type="button"]:hover, a.custom-btnActive:hover {
	text-decoration: underline;
}

a.custom-btnActive {
	display: inline-block;
}

.custom-tableStyle table 
{
	background-color: #baaea3;
	text-align: left;
	border-spacing: 0px;
	border: 1px solid #ccc;	
}

.custom-tableStyle table a, .custom-tableStyle table, .custom-tableStyle tbody, .custom-tableStyle tfoot, .custom-tableStyle tr, .custom-tableStyle th, .custom-tableStyle td 
{
	font-family: Arial, Helvetica, sans-serif;
	line-height: 14px;
	font-size: 12px;
	color: #4e4e4d;
}
.custom-tableStyle tbody td{
	padding: 5px;
	height: 30px;
}

.custom-tableStyle table th
{
	font-style: normal;
	font-weight: normal;
	border-bottom: 1px dotted #baaea3;
	border-top: 1px dotted #baaea3;
}

.custom-tableStyle thead th
{
	height: 30px;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	padding: 5px;
	background-color: #4e4e4d;
	text-transform: none;
	color: #fff;
	text-align: center;
	
}

.custom-tableStyle tbody th
{
	color: #baaea3;
	font-style: normal;
	padding: 5px;

}

.custom-tableStyle td
{
   	height: 30px;
   	background-color: #fff;
   	color: #4e4e4d;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	
}

.custom-siteMap ul {
	margin: 0 0 0 20px;
}

.custom-siteMap ul ul {
	margin: 5px 0 5px 20px;
}


.custom-siteMapWhatWeDo ul {
	width: 225px;
	float: left;
	margin: 20px 20px 20px 40px;
}

.custom-siteMapWhatWeDo ul li:first-child {
	list-style: none;
	margin-left: -20px;
}

.custom-siteMapWhatWeDo ul li h2 {
	margin: 0 0 5px;
	font-size: 14px;
}

.custom-searchPage .custom-LeftPanel
{
	margin: 25px 40px 0 0;
}

/* FAQ Modal Window */
.custom-FAQModal {
	
}

.custom-FAQModal .custom-FAQModalHeader {
	background-color: #f6f6f4;
	border-bottom: 1px solid #ccc;
}

.custom-FAQModal .custom-FAQModalHeader h1 {
	font-size: 18px;
	font-weight: bold;
	padding: 20px 30px;
}

.custom-FAQModal .custom-FAQModalContent {
	padding: 20px 30px;
}

.custom-RSSPageLinks .custom-RSSPages, .custom-RSSPageLinks .custom-RSSFeeds
{
	float: left;
}

.custom-RSSPageLinks .custom-RSSPages p{
	padding: 10px 0;
}

.custom-RSSPageLinks .custom-RSSFeeds a{
	margin: 9px 0;
}

.custom-RSSPageLinks .custom-RSSFeeds {
	margin: 0 0 0 40px;
}

/* FIrefox Only */
@-moz-document url-prefix() {
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}



.custom-RomanNumList
{
	margin:0 0 0 15px;
}
.custom-RomanNumList .custom-ListRow
{
	margin:0 0 10px 0;
}
.custom-RomanNumList span
{
	display:inline-block;
	margin:0 5px 0 0;
	width:20px;
}
.custom-SkipNavLink
{
	display:none;
}
.custom-FederalHatch, .custom-StateHatch{
	display:none;
}
/*Add Button to scroll back to top of page - added 10/3/2014
=================================================================*/
.scrollToTop{
	width:50px; 
	height:70px;
	padding:10px; 
	text-align:center; 
	background: transparent;
	font-weight: bold;
	color: #444;
	text-decoration: none;
	position:fixed;
	top:700px;
	right:30px;
	display:none;
	background: url('../img/sticker_up_arrow.png')no-repeat 0px 20px;
}
.scrollToTop:hover{
	text-decoration:none;
}