body {
	margin: 0;
	font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
	background: #fff;
	min-width: 320px;
}

#s4-bodyContainer {
	padding-bottom: 0px;
    /*background: #20558a;*/;
}

img {
	border: 0;
	width: 100%;
}

p {
	text-align: left;
	margin-bottom: 20px !important;
	font-size: 20.5px;
	line-height: 25px !important;
}

a, a:visited {
	text-decoration: none;
	color: #117CB6;
	cursor: pointer;
}

a:hover {
	text-decoration: none;
	color: #a73d14;
}

ul {
	margin-left: 20px;
}

li {
	list-style: square;
	text-align: left;
	font-size: 20.5px;
	imargin-top: -10px;
	line-height: 30px;
}

li a, li a:visited {
	text-decoration: none;
	color: #117CB6;
}

li a: hover {
	color: #a73d14;
}

h1 {
	font-size: 1.4em;
	color: #000 !important;
	margin: 15px 0 7px 0;
	font-weight: bold;
	font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
	line-height: 1.2 !important;
}

h2 {
	font-size: 1.3em;
	font-weight: bold;
	color: #b44d26 !important;
	margin: 15px 0;
	font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
	line-height: 1.2 !important;
}

h3 {
	font-size: 1.3em;
	font-weight: bold;
	color: #113559 !important;
	font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
	line-height: 1.2 !important;
}

.dpsacLogo {
	height: 58px;
	width: 354px;
	float: left;
}

.breadCrumb {
	text-align: left;
	font-size: 1.2em;
	padding: 6px 0 6px 32px;
	border-top: 1px solid #bfd5e2;
	border-bottom: 1px solid #e1eaf0;
	background: #fff;
}

.breadCrumb img {
	width: auto;
	margin-top: 8px;
}

.SolidBreadCrumbRoot, .SolidBreadCrumb, .rootLink {
	color: #20558a !important;
	text-decoration: none;
	font: 16px/1.625 "Droid Sans", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
}

.SolidBreadCrumbCurrent {
	color: #575555 !important;
	font-size: 0.9em;
	font-weight: 600;
}

.backtotop {
	margin: -15px 0px 10px; 
	font-size: 20.5px;
}

.sublist ul {
    margin: -15px 25px 20px 15px;
}

.sublist ul li {
    list-style: square;
    text-align: left;
    font-size: 18px;
    margin-top: 5px;
    line-height: 23px;
    color: #000;
}

/*Navigation*/

.navigation {
	margin: 0 auto;
	width: 100%;
	text-align: left;
	background: url(/ser/dpsac/_catalogs/masterpage/dpsac_template/images/dps_logo.png) no-repeat left top #daf3fd;
	height: 60px;
	background-size: 354px 60px;
	box-sizing: border-box;
	padding: 0 20px 0 0px;
}

.navDesktop {
	/* position: relative; */
	padding: 16px 0;
}

.RadMenu {
	float: none !important;
}

.RadMenu {
	font-size: 14px;
	display: inline-block;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
}

.RadMenu {
	white-space: nowrap;
	float: left;
	position: relative;
	text-align: left;
	z-index: 7000\9;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-touch-callout: none;
}

.RadMenu_Default, .RadMenu_Default a.rmLink {
	/*font: normal 20.5px/20px 'Droid Sans', Arial, Helvetica, sans-serif !important;
	color: #FFF !important;
	background-image: none !important;
    /* text-transform: uppercase; */
}

.RadMenu ul.rmActive, .RadMenu ul.rmRootGroup {
	display: block;
}

.RadMenu ul.rmVertical, .RadMenu ul.rmHorizontal, .RadMenu ul.rmRootScrollGroup, .RadMenu_Context ul.rmHorizontal {
	margin: 0;
	padding: 0;
	position: relative;
	left: 0;
	float: left;
}

.RadMenu .rmRootGroup {
	margin: 0;
	padding: 0;
	position: relative;
	left: 0;
	display: inline-block;
}

.RadMenu_Default .rmRootGroup, .RadMenu_Default a.rmLink:hover, .RadMenu_Default a.rmFocused, .RadMenu_Default a.rmSelected {
	border: none !important;
	background: none !important;
}

.RadMenu .rmHorizontal .rmItem {
	clear: none;
}

.RadMenu .rmItem {
	padding: 0;
}

.RadMenu .rmItem {
	float: left;
	position: relative;
	list-style-image: none;
	list-style-position: outside;
	list-style: none;
	line-height: inherit;
}

.RadMenu .rmHorizontal .rmRootLink .rmToggle {
    /* position: absolute; */
	margin-right: 13px;
	margin-left: -6px !important;
    /* float: left; */
	position: relative;
}

.RadMenu .rmToggle {
	width: 23px;
	height: 23px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: auto;
	right: 0;
	margin-right: 20px;
}

.RadMenu .rmHorizontal .rmRootLink .rmIcon {
	background-image: url(/ser/dpsac/_catalogs/masterpage/dpsac_template/images/downArrow.png);
	background-repeat: no-repeat;
	margin: -1px 0 0 1px;
	left: 20%;
	background-size: 75%;
}

.RadMenu .rmIcon {
	margin: -8px 0 0 -8px;
	width: 23px !important;
	height: 16px;
	background-repeat: no-repeat;
	text-indent: -999em;
	display: none;
	overflow: hidden;
	position: absolute;
	left: 50%;
	top: 50%;
}

.RadMenu_Default .rmRootGroup, .RadMenu_Default a.rmLink:hover, .RadMenu_Default a.rmFocused, .RadMenu_Default a.rmSelected {
	border: none !important;
	background: none !important;
}

.RadMenu_Default, .RadMenu_Default a.rmLink {
	font: bold 24px/20px 'Droid Sans', Arial, Helvetica, sans-serif !important;
	color: #1a436c !important;
	background-image: none !important;
    /* text-transform: uppercase; */;
}

.RadMenu .rmVertical .rmLink, .RadMenu .rmHorizontal .rmVertical .rmLink {
	font-size: 18px !important;
}

.RadMenu .rmHorizontal .rmText {
	padding: 5px 5px 1px 0 !important;
	font-size: 0.875em;
}

.RadMenu .rmSlide .rmVertical {
	margin-top: 19px;
}

.RadMenu .rmSlide .rmVertical .rmText {
	font-size: 1.02em;
}

.RadMenu .rmSlide .rmLevel2{
	margin-top: auto;
}

.RadMenu .rmSlide .rmLevel2 .rmExpandRight {
    background: url(/ser/dpsac/_catalogs/masterpage/dpsac_template/images/RightArrowOn.png) 96% 60%;
    background-repeat: no-repeat;
	background-size: 10px 18px;
}

.RadMenu_Default .rmGroup .rmLevel3{
	background: aqua;
}

.RadMenu .rmSlide .rmLevel3{
	min-width: 265px;
	margin-top: 0px;
	border: 1px solid #bf7d65 !important;
}

.RadMenu .rmLevel3 .rmLink {
    width: auto !important;
}

.RadMenu_Default .rmVertical ul.rmLevel3 {
    background: #f9eae5 !important;
}

.RadMenu_Default .rmGroup, .RadMenu_Default .rmMultiColumn, .RadMenu_Default .rmGroup .rmVertical {
	background-image: url() !Important;
	background-color: #fff !important;
	padding: 12px 1px 20px !important;
	border: 1px solid #b84d26;
}

.RadMenu .rmVertical .rmLink, .RadMenu .rmHorizontal .rmVertical .rmLink {
	text-transform: none;
}

.RadMenu .rmVertical .rmItem .rmText {
	line-height: 24px;
	padding: 10px 54px 8px 12px !important;
}

.RadMenu .rmHorizontal .rmRootLink.rmFocused .rmIcon, .RadMenu .rmHorizontal .rmRootLink:hover .rmIcon {
	background: url(/ser/dpsac/_catalogs/masterpage/dpsac_template/images/downArrowOn.png);
	background-repeat: no-repeat;
	background-size: 75%;
}

.RadMenu_Default a.rmLink:hover, .RadMenu_Default a.rmFocused, .RadMenu_Default a.rmSelected {
	color: #b84d26 !important;
}

.RadMenu ul.rmGroup {
	background: #b84d26!important;
}

.RadMenu .rmSlide .rmLevel1 .rmLink {
	color: #fff !important;
	text-decoration: none;
}

.RadMenu .rmSlide .rmLevel1 .rmLink:hover {
	color: #973b18 !important;
	background: #f1dab4 !important;
	text-decoration: none;
}

.RadMenu .rmSlide .rmLevel2 .rmLink .rmText {
	white-space: initial;
	font-size: 16px;
	padding: 10px 12px 8px 12px !important;
	line-height: 19px;
	white-space: pre-wrap;
}

.RadMenu .rmSlide .rmLevel2 .rmLink {
	color: #b84d26 !important;
    /*background: #FFF !important;*/;
}

.RadMenu .rmSlide .rmLevel2 .rmLink:hover {
	color: #b84d26 !important;
	background: #f1dab4 !important;
}

.RadMenu .rmSlide .rmExpandRight {
	background: url(/ser/dpsac/_catalogs/masterpage/dpsac_template/images/RightArrow.png) 96% 60%;
	background-repeat: no-repeat;
	background-size: 10px 18px	
}

.RadMenu .rmSlide .rmExpandRight:hover {
	background: url(/ser/dpsac/_catalogs/masterpage/dpsac_template/images/RightArrowOn.png) 96% 60%;
	background-repeat: no-repeat;
	background-size: 10px 18px
}

.RadMenu .rmLink {
	padding: 0 12px 0 12px !important;
}

.RadMenu .rmSlide, .rmLevel2 {
	width: 400px;
}
/*End navigation*/

/*Keep OOTB Sharepoint Controls styles*/

#suiteBarLeft {
	display: none;
	background: #f3f3f3;
}

#suiteBar {
	display: block;
}

#suiteBarRight {
	display: inline-block;
	width: 100%;
	padding-right: 0px;
	text-align: right;
}

#suiteBarRight img {
	width: auto;
	max-width: none;
}

#s4-ribbonrow .ms-cui-tt {
	margin-top: -6px;
}

.ms-cui-ribbon a img, .ms-cui-ribbon img, .MSOTlPn_minMaxIcon, .ms-ToolPaneBorder img, #s4-ribbonrow img, .ms-ToolPaneTitle img, #pageStatusBar img, #notificationArea img {
	width: auto !important;
	max-width: none;
}

.ms-cui-tt, .ms-cui-cg {
	font-size: 11px;
}

ul.ms-core-menu-list li {
	font-size: 15px;
	line-height: 20px;
}

ul.ms-cui-menusection-items li.ms-cui-menusection-items {
	font-size: 13px;
	line-height: 19px;
}

li.ms-cui-group {
	line-height: normal;
	font-size: 11px;
}

.ms-cui-fslb, .ms-cui-cbx label {
	text-transform: none;
	font-size: 11px;
	font-family: inherit;
}

.ms-core-webpartadder, .ms-dlgBorder, #MSOTlPn_MainTD, #MSOTlPn_MainTD label, #MSOTlPn_MainTD option {
	font-family: "Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;
	font-size: 13px;
	line-height: 1.4em;
	z-index: 1;
	text-transform: none !important;
}

.ms-ToolPaneBody input[type="text"], .ms-ToolPaneBody select {
	margin-bottom: 0px !important;
	width: auto !important;
	height: auto !important;
	line-height: 20px;
	font-size: 14px;
}

.UserControlGroup input[type=text] {
	border: 1px solid #ababab;
	background-color: #fff;
	background-color: rgba( 255,255,255,0.85 );
	color: #444;
	height: inherit;
	display: inline-block;
}

.UserControlGroup .jcf-select {
	height: auto;
	width: auto;
}

.UserControlGroup .jcf-select-text {
	font-size: 13px;
	line-height: 24px;
}

.jcf-select .jcf-select-opener {
	border-left: none;
}

#MSOTlPn_CommandUI input[type=button], #MSOTlPn_CommandUI input {
	min-width: 6em;
	height: auto;
	padding: 7px 10px;
	border: 1px solid #ababab;
	background-color: #fdfdfd;
	background-color: #fdfdfd;
	margin-left: 10px;
	font-family: "Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #444;
	display: inline-block;
	text-transform: none;
}

.ms-webpart-titleText.ms-webpart-titleText, .ms-webpart-titleText > a {
	margin: 0;
	text-transform: none;
	font-weight: 300;
}

.ms-dlg-heading, h2.ms-dlg-heading {
	font-family: "Segoe UI Semilight","Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;
	font-size: 1.46em;
	color: #444;
	text-transform: none;
}

.ms-dlgContent {
    z-index: 7000 !important;
}

/*End*/


/* custom select styles */

.jcf-select {
	display: inline-block;
	vertical-align: top;
	position: relative;
	background: #fff;
	min-width: 150px;
	width: 100%;
	height: 55px;
	border: 1px solid #d8d8d8;
}

.jcf-select select {
	z-index: 1;
	left: 0;
	top: 0;
}

.jcf-select .jcf-select-text {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	cursor: default;
	display: block;
	font-size: 13px;
	line-height: 25px;
	margin: 0 56px 0 26px;
}

.jcf-select .jcf-select-opener {
	position: absolute;
	text-align: center;
	width: 60px;
	bottom: 0;
	right: 0;
	top: 0;
	border-left: 1px solid #d8d8d8;
}

.jcf-select .jcf-select-opener:after {
	content: "\f078";
	font-family: "FontAwesome";
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 16px;
	line-height: 16px;
	cursor: default;
	color: #616265;
}

body > .jcf-select-drop {
	position: absolute;
	margin: -1px 0 0;
	z-index: 9999;
}

body > .jcf-select-drop.jcf-drop-flipped {
	margin: 1px 0 0;
}

.jcf-select .jcf-select-drop {
	position: absolute;
	margin-top: 0;
	z-index: 9999;
	top: 100%;
	left: -1px;
	right: -1px;
}

.jcf-select .jcf-drop-flipped {
	bottom: 100%;
	top: auto;
}

.jcf-select-drop .jcf-select-drop-content {
	border: 1px solid #d8d8d8;
}

/* multiple select styles */

.jcf-list-box {
	overflow: hidden;
	display: inline-block;
	border: 1px solid #b8c3c9;
	min-width: 200px;
	margin: 0 15px;
}

/* select options styles */

.jcf-list {
	display: inline-block;
	vertical-align: top;
	position: relative;
	background: #fff;
	line-height: 16px;
	font-size: 14px;
	width: 100%;
}

.jcf-list .jcf-list-content {
	vertical-align: top;
	display: inline-block;
	overflow: auto;
	width: 100%;
}

.jcf-list ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.jcf-list ul li {
	overflow: hidden;
	display: block;
}

.jcf-list .jcf-overflow {
	overflow: auto;
}

.jcf-list .jcf-option {
	white-space: normal;
	overflow: hidden;
	cursor: default;
	display: block;
	padding: 6px 27px;
	color: #616265;
	height: 1%;
}

.jcf-list .jcf-disabled {
	background: #fff !important;
	color: #aaa !important;
}

.jcf-select-drop .jcf-hover,
.jcf-list-box .jcf-selected {
	background: #e6e6e6;
	color: #000;
}

.jcf-list .jcf-optgroup-caption {
	white-space: nowrap;
	font-weight: bold;
	display: block;
	padding: 5px 9px;
	cursor: default;
	color: #000;
}

.jcf-list .jcf-optgroup .jcf-option {
	padding-left: 30px;
}

/*End Custome Styles*/


/* Start container and home content */

main {
	width: 100%;
	min-height: 500px;
	background: #fff;
}

.home-wrapper {
	background-color: #FFF;
	min-height: 1000px;
	display: block;
	ipadding: 50px 0 50px 0;
	text-align: center;
}

.content-wrapper {
	background-color: #FFF;
	/*max-width: 1120px;*/
	min-height: 800px;
	display: block;
	margin: 0 auto;
}

.home-container, .content-container {
	width: 100%;
	margin: 0 auto;
}

.announcement {
	background: #fcf7ed; 
	border-top: 1px solid #c3d2e0;
} 
		
.announcement-content {
	max-width: 1270px;	
	margin: 0 auto;
}
		
.announcement p { 
	font-size: 1.3em;
	color: #a74232;
	padding: 20px 0 20px;
	margin-bottom: 0px !important;
}

.homeIntro {
	background: url(/ser/dpsac/_catalogs/masterpage/dpsac_template/images/introBgArrows.png) no-repeat;
	background-position: top 14px left 0px;
	width: 100%;
	max-width: 1120px;
	height: 222px;
	color: #111;
	box-sizing: border-box;
	padding: 0px 0 0 180px;
	margin: 0 auto;
}

.homeIntro p:nth-child(1) {
	text-align: left;
	margin-top: -20px;
	font-size: 26px;
}

.homeIntro p:nth-child(2) {
	text-align: left;
	margin-top: -10px;
	font-size: 21px;
	line-height: 28px !important;
}

.video-container {
	background: #f0f9ff;
    padding: 30px 0 0px 0;
    margin-bottom: 0px;
}

.home-video {
	margin: 0 auto 0px;
    width: 100%;
    max-width: 970px;
}    

@media (max-width:767px) {
	.home-video iframe {
		width:100%;
		margin: 0 auto 0 30px;
		height: 282px;
	}
} 
  
.help {
	background: #d9f1fe;
	width: 100%;
	height: 132px;
	padding: 37px;
	box-sizing: border-box;
	text-align: center;
}

.help .content {
	width: 1120px;
	margin: 0 auto;
	box-sizing: border-box;
}

.help .title {
	float: left;
	padding: 9px 0 5px 0;
	font-size: 28px;
}

.help .topic {
	float: left;
	margin: 5px 0 0 20px;
}

.topic select:focus {
	border-color: #689ab5;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

/* Select */
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	outline: 0;
	box-shadow: none;
  /* border: 0 !important; */
	background: #fff;
	border: 1px solid #72706f;
	background-image: none;
}

/* Custom Select */
.select {
	position: relative;
	display: block;
	width: 40em;
	height: 51px;
	line-height: 3;
	background: #fff;
	overflow: hidden;
  /* border-radius: .25em; */;
}

select {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0 0 0 .75em;
	color: #1a436c;
	cursor: pointer;
	font-size: 20px;
	border: 2px solid #7f7f7f;
}

select::-ms-expand {
	display: none;
}
/* Arrow */
.select::after {
	content: '\25BC';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	padding: 0 1em;
	background: #e66847;
	pointer-events: none;
	border: 2px solid #7f7f7f;
	border-left: 0px;
}
/* Transition */
.select:hover::after {
	color: #f39c12;
}

.select::after {
	-webkit-transition: .25s all ease;
	-o-transition: .25s all ease;
	transition: .25s all ease;
}

.process .content {
	with: 1240px;
	padding: 50px 0;
}


/* Start sub page container and content */
.breadcrumb {
	text-align: left;
	font-size: 1.2em;
	padding: 6px 0 6px 32px;
	border-top: 1px solid #bfd5e2;
	border-bottom: 1px solid #e1eaf0;
}

.breadcrumb a {
	color: #20558a !important;
	text-decoration: none;
	font: 16px/1.625 "Droid Sans", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
}

.breadcrumb a:hover {
	color: #b44d26;
	text-decoration: underline;
}

.breadcrumbCurrentNode {
	color: #254016 !important;
	font-size: 0.9em;
}

.subpageProcess {
	background: url(/ser/dpsac/PublishingImages/subpage/subpage_process_bg.jpg) center no-repeat #e3e8eb;
	height: 266px;
	box-sizing: border-box;
	color: #111;
	padding: 32px 0;
	text-align: center;
}

.subpageProcessContainer {
	width: 785px;
	height: 206px;
	margin: 0 auto;
}

.subpageProcessImage {
	width: 151px;
	height: 206px;
	float: left;
}

.subpageProcessImage img {
	width: 151px;
	height: 206px;
	opacity: 1;
	transition: 0.3s;
	border-radius: 25px;
}

.subpageProcessImage img:hover {
	opacity: 0.9;
	border: 2px solid #55aee3;
	border-radius: 25px;
}

.subpageProcessDivider, .subpageProcessArrow  {
	width: 60px;
	height: 206px;
	text-align: center;
	padding: 72px 0 0 0;
	box-sizing: border-box;
	float: left;
}

.subpageProcessDivider img, .subpageProcessArrow img {
	width: 35px;
	height: 35px;
}

.mainTitle {
	background: #b44d26;
	width: 100%;
	height: auto;
	min-height: 54px;
	padding: 5px 0;
	font-size: 28px;
	font-weight: bold;
	color: #FFF;
	box-sizing: border-box;
	text-align: center;
}

.mainTitle p {
	text-align: center;
	font-size: 28px;
	font-weight: bold;
	color: #FFF;
	padding: 10px 0 0;
    margin-bottom: 1px !important;
}

.mainTitle2 {
	font-size: 30px;
	font-weight: bold;
	color: #FFF;
	width: 100%;
}

.subTitle {
	background: #cbebfd;
	width: 100%;
	height: auto;
	min-height: 50px;
	padding: 7px 0 0 0;
	font-size: 23px;
	font-weight: bold;
	box-sizing: border-box;
	text-align: center;
	border-bottom: 1px solid #b6bcbf;
	border-top: 1px solid #b6bcbf;
}

.subpageContainer {
	background: url(/ser/dpsac/PublishingImages/subpage/subpage_contentBg.jpg) top left no-repeat #FFF;
	width: 100%;
	min-height: 700px;
	box-sizing: border-box;
	padding: 20px 30px 30px 30px;
	margin: 0 auto;
}

.subpageContainer2 {
	background: url(/ser/dpsac/PublishingImages/subpage/subpage_contentBg.jpg) top left no-repeat #FFF;
	width: 100%;
	min-height: 900px;
	box-sizing: border-box;
	padding: 0px 0px 30px 0px;
	margin: 20px auto 0 auto;
}

.subpageContainer_know {
	background: url(/ser/dpsac/PublishingImages/subpage/subpage_content_KnowBg.jpg) top center no-repeat #fff;
	width: 100%;
	min-height: 700px;
	box-sizing: border-box;
	padding: 30px 30px 20px 30px;
	margin: 0 auto;
}

.subpageContent {
	width: 100%;
	max-width: 1100px;
	height: 100%;
	margin: 0 auto;
	text-align: left;
}

.subpageContent1 {
	width: 1280px;
	margin: 15px auto 0 auto;
	text-align: left;
}

.subpageContent-know {
	/*width: 840px;*/
	width: fit-content;
	max-width: 1050px;
    /* width: 1050px; width for 5 banner */
	margin: 15px auto 0 auto;
	text-align: center;
}

.subpageContent2 {
	width: 1250px;
	margin: 0 auto;
	text-align: left;
}

.subpageContentLeft1 {
	width: 42%;
	text-align: left;
	float: left;
	box-sizing: border-box;
	padding: 0 35px 0 0;
}

.subpageContentRight1 {
	width: 56%;
	text-align: left;
	float: left;
	idisplay: table-cell;
}

.subpageContentLeft2 {
	width: 28%;
	text-align: left;
	float: left;
	box-sizing: border-box;
}

.subpageContentRight2 {
	width: 72%;
	text-align: left;
	float: left;
	padding: 15px 0 50px 0;
}

.subpageContentLeft3 {
	width: 48%;
	text-align: left;
	float: left;
	box-sizing: border-box;
	padding: 0 35px 0 0;
}

.subpageContentRight3 {
	width: 50%;
	text-align: left;
	float: left;
}

.subpageContentLeft4 {
	width: 63%;
	text-align: left;
	float: left;
	box-sizing: border-box;
	padding: 0 35px 0 0;
}

.subpageContentRight4 {
	width: 35%;
	text-align: left;
	float: left;
}


.bulletSubpage {
	font-size: 21px;
	font-family: 'Droid Sans', sans-serif;
	color: #444;
	margin-right: 40px;
}

.bulletSubpage ul {
	margin-left: 10px;
}

.bulletSubpage li {
	line-height: 26px;
	margin-bottom: 15px;
}

.bulletSubpage2 {
	font-size: 21px;
	font-family: 'Droid Sans', sans-serif;
	color: #444;
	margin-right: 40px;
}

.bulletSubpage2 ul {
	margin-left: 10px;
}

.bulletSubpage2 li {
	line-height: 26px;
	margin: -16px 0 15px 0;
}


/* know before you go */

.stepBannerOrange {
     width: 200px;
     background-image: url(/ser/dpsac/PublishingImages/subpage/bannerOrangeBg.png);
     background-repeat: repeat-x;
     background-color: #f7ead5;
     border-top: 5px solid #b44d26;
     border-bottom: 5px solid #b44d26;
     height: 465px;
     box-sizing: border-box;
     float: left;
     margin: 20px 10px 20px 0;
     ipadding: 10px;
}

.stepBannerBlue {
     width: 200px;
     background-image: url(/ser/dpsac/PublishingImages/subpage/bannerBlueBg.png);
     background-repeat: repeat-x;
     background-color: #cbebfd;
     border-top: 5px solid #20558a;
     border-bottom: 5px solid #20558a;
     height: 465px;
     box-sizing: border-box;
     float: left;
     margin: 20px 10px 20px 0;
}

.bannerTitle {
     padding: 18px 25px 0 25px;
     font-size: 18px;
     font-weight: bold;
     text-align: center;
     height: 120px;
     box-sizing: border-box;
     line-height: 20px;
}

.bannerContent {
     padding: 40px 20px 0 20px;
     font-size: 16px;
     text-align: center;
     height: 284px;
     box-sizing: border-box;
     line-height: 19px;
}

.center, .center2 {
     text-align: center;
}
 
.bannerButton {
     color: #20558a;
     padding: 0.2rem 1.5rem;
     text-align: center;
     border-radius: 12px;
     font-size: 20px;
     font-weight: bold;
     transition: all 0.5s;
}

.bannerButton.go {
     background-color: #FFF;
     border: 1px solid #20558a;
     color: #20558a;
}

.bannerButton.go:hover {
     background-color: #20558b;
     color: #fff;
}

.blue {
     color: #20558a;
}

.orange {
     color: #b44d26;
}
 
/* homepage process images */

.process {
	background: url(/ser/dpsac/PublishingImages/homepage/processBg.jpg) no-repeat top center #072344;
	height: 448px;
	margin-top: 18px;
}

.processEmployee {
	background: url(/ser/dpsac/PublishingImages/homepage/processBg2.jpg) no-repeat top center #072344;
	height: 436px;
	margin-top: 18px;
}

.processAdmin {
	background: url(/ser/dpsac/PublishingImages/homepage/processBg.jpg) no-repeat top center #072344;
	height: 436px;
	margin-top: 18px;
        margin-bottom: -20px !important; 
}


.adminProcess {
	/*margin-bottom: -20px !important;*/
}

.process .content, .processEmployee .content, .processAdmin .content {
	width: 1080px;
	margin: 0 auto;
	padding: 60px 0 65px 11px;
}

.processBag {
	background: #fff
}	


.btnEmployee {   
    background-color: #1d325f;
    /*background-image: linear-gradient(180deg, #d9f1fe, #fff);*/
    width: fit-content;
    padding: 15px;
    border-radius: 10px;
    margin: 30px auto 0;
    color: #fff;
    font-weight: bold;
    font-size: 21px;
    width: 480px;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
    border: 5px solid #b7d3e2;
    box-sizing: content-box;
}

.btnAdmin {
    background-color: #031837;
    width: fit-content;
    padding: 15px;
    border-radius: 10px;
    margin: 15px auto 10px;
    color: #fff;
    font-weight: bold;
    font-size: 21px;
    width: 480px;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
    border: 5px solid #b7d3e2;
    box-sizing: content-box;
}

.btnEmployee:hover, .btnAdmin:hover {
    background-image: linear-gradient(180deg, #fff, #d9f1fe);
    border: 5px solid #cedcfb;
    color: #031837;
    /*-moz-box-shadow: 2px 2px 8px rgba(68, 68, 68, 0.6);
    -webkit-box-shadow: 2px 2px 8px rgba(68, 68, 68, 0.6);
    box-shadow: 2px 2px 8px rgba(68, 68, 68, 0.6);*/
}

details[open] summary:after, summary:after, summary:before { 
	content: " ";
}

summary {
	display: block;
}

details > summary::-webkit-details-marker {
  display: none;
}

.homepageProcessContainer {
	width: 1260px;
	margin: 0 auto;
}

.homepageProcess, .homepageProcess2 {
	color: #111;
	float: left;
	text-align: center;
	background: #d8f0fd;
	border: 4px solid #64afcf;
	border-radius: 30px;
	width: 224px;
	height: 315px;
	padding: 19px 0 0 0;
	box-sizing: border-box;
	transition: 0.3s;
}

.homepageProcess:hover {
	background: #f7ead5;
	border: 4px solid #6fb3ce;
	cursor: pointer;
	padding: 13px 0 0 0;
}

.homepageProcess a, .homepageProcess a:visited {
	text-decoration: none;
	color: #1a436c;
	cursor: pointer;
}

.homepageProcess a:hover {
	color: #a73d14;
}

.homepageProcess img {
	width: 164px !important;
	height: 164px !important;
	transition: 0.3s;
}

.homepageProcess:hover img {
	width: 65px !important;
	height: 65px !important;
}

.homepageProcess div:nth-child(2) {
	color: #000;
	opacity: 1;
	font-size: 20.5px;
	font-weight: bold;
	margin: 12px 15px 0 15px;
	line-height: 24px;
	box-sizing: border-box;
	vertical-align: middle;
	transition: 0.1s;
}

.homepageProcess:hover div:nth-child(2) {
	font-weight: bold;
	margin: 14px 15px 0 15px;
	line-height: 20px;
	box-sizing: border-box;
	vertical-align: middle;
}

.homepageProcess div:nth-child(3) {
	color: #060606;
	opacity: 0;
	font-size: 16px;
	margin: 14px 12px 0 12px;
	line-height: 24px;
	transition: 0.3s;
	position: relative;
	top: -100px;
	left: 0px;
}

.homepageProcess:hover div:nth-child(3) {
	opacity: 1;
	line-height: 18px;
	top: 0;
}

.homepageProcess div:nth-child(4) /*button*/ {
	margin: 19px auto 0 auto;
	opacity: 0;
	font-size: 1em;
	padding: 5px;
	color: #1a436c;
	width: 112px;
	background: #f7ead5;
	border: 1px solid #66b0cf;
	box-sizing: border-box;
	border-radius: 10px;
	transition: 0.3s;
	position: relative;
	top: -150px;
}

.homepageProcess:hover div:nth-child(4) {
	opacity: 1;
	top: 0;
}

.homepageProcess div:nth-child(4):hover {
	opacity: 1;
	color: #a73d14 !important;
	background: #e8f6fd;
	border: 1px solid #1a436c;
}

.btnLearnMore:hover {
	color: #1a436c !important;
	background: #e8f6fd;
}

.homepageProcessArrow {
	width: 57px;
	height: 315px;
	box-sizing: border-box;
	padding: 136px 0;
	text-align: center;
	float: left;
}

.homepageProcessArrow img {
	width: 40px;
	height: 40px;
}



/* Foruth Level Nav - Side links */

.sidebar-container {
	border: 1px solid #ccc;
	margin: 25px 0 0 0;
	width: 290px;
	border-radius: 15px;
}

.sidebar-container > span {
	padding: 17px 20px 13px;
	background: #b44d26;
	color: #FFF;
	display: block;
	font-size: 1.3em;
	line-height: 1;
	letter-spacing: 1px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}

.sidebar-container ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.sidebar-container li {
	list-style: none;
	font-size: 1.26em;
}

.sidebar-container ul li a {
	display: block;
	padding: 15px 18px 13px;
	background: #f2f6f9;
	color: #20558a;
	letter-spacing: 0.5px;
	line-height: 1;
	border-top: 1px solid #999999;
}

.sidebar-container ul li a:hover {
	background: #164692;
	color: white;
}

.sidebar-container ul li:last-child a {
  /* border: none; */;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.sidebar-container ul li.active > a {
	background: #ed353a;
}

.sidebar-container ul .has-submenu ul {
	border: 1px solid #ed353a;
	padding: 10px 0;
	display: none;
}

.sidebar-container ul .has-submenu ul li {
	font-size: 1em;
}

.sidebar-container ul .has-submenu ul li a {
	font-size: 1em;
	background: #fff;
	color: #ed353a;
	border: none;
	padding: 10px 20px;
	font-family: poppinsmedium, sans-serif;
}

.sidebar-container ul .has-submenu ul li a:hover {
	color: #201d1d;
}

.sidebar-container ul .has-submenu ul li.active a {
	color: #201d1d;
}

.sidebar-container ul .has-submenu.active > a {
	border-color: #ed353a;
}

.sidebar-container ul .has-submenu.active ul {
	display: block;
}

/*FAQs*/
.RadPanelBar .rpImage {
	width: auto;
}

.ECButton {
	text-align: right;
	width: 99% !important;
	/* background: #646667; */
	padding: 9px !important;
	/* border-top: 1px solid #c0d4e6; */
	/* border-left: 1px solid #d5e4f1; */
	/* border-right: 1px solid #d5e4f1; */
	font-size: 17.5px;
}

.RadPanelBar_Simple .rpExpandable span.rpExpandHandle, .RadPanelBar_Simple a.rpExpandable:hover .rpNavigation .rpExpandHandle {
	display: none !important;
}

.RadPanelBar_Simple .rpRootGroup {
	margin: 0 !important;
	background-color: #fdfbf6;
	border: 1px solid #DCDCDC !important;
}

.ExpandedCssClassCategory .rpText {
	background-color: #f1fbfe !important;
	padding: 10px 10px 10px 31px !important;
}

#dFAQ .RadPanelBar .rpRootGroup .rpLink {
	padding-left: 0px !important;
}

.RadPanelBar_Simple .rpExpandable .rpText,  .RadPanelBar_Simple .rpExpanded .rpText {
	font-size: 16px;
	font-family: Droid Sans;
}

.RadPanelBar_Simple .rpGroup .rpLink, .RadPanelBar_Simple .rpGroup .rpTemplate, .RadPanelBar_Simple ul, .RadPanelBar_Simple p {
	font-family: Droid Sans;
	font-size: 15px !important;
	color: #000;
	margin: 5px 30px 0px 20px;
}

.RadPanelBar_Simple ul li {
	font-size: 1em;
}

.RadPanelBar img {
	width: auto;
}

.RadPanelBar .rpGroup .rpImage {
	padding: 3px 8px 3px 9px !important;
}

.RadPanelBar .rpImage {
	padding: 15px 9px 3px 10px !important;
}

.RadPanelBar_Simple .rpLevel1 {
	width: 95% !important;
	margin: 0px 14px 15px 14px !important;
	background-color: #fff;
	border-bottom: 6px solid #D4DBED;
    /* border-top: 1px solid #cde0ee; */
	padding: 10px 5px !important;
}

.RadPanelBar_Simple .rpLink:hover, .RadPanelBar_Simple .rpFocused {
	color: #004f91 !important;
}

/*End sub pages*/

/* Start TABLE */

.tftable {
	font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
	font-size: 17px;
	max-width: 960px;
	border: 1px solid black;
	border-color: #20558A;
	margin: 0 auto;
}

.tftable th {
	color: white;
	vertical-align: text-top;
	background-color: #20558A;
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #20558A;
	text-align: center;
	width: 20%;
}

.tftable tr {
	background-color: #20558A;
	border: 1px solid #8c8c8c;
}

.tftable td {
	color: black;
	border-width: 0px;
	padding: 8px;
	border-style: solid;
	border-color: #FFF;
}

tr.d0 td, d0 {
	background-color: #d2deef;
	vertical-align: top;
}

tr.d1 td {
	background-color: #fff;
	vertical-align: top;
}

tr.d3 td, d0 {
	background-color: #d2deef;
	vertical-align: top;
}

tr.d4 td {
	background-color: #fff;
	vertical-align: top;
}


tr.d0 td, tr.d1 td, tr.d3 td, tr.d4 td {
	border: 1px solid #7c7b7b !important;
}

/* End TABLE */


/* Start Adjudication Process number cricles */

.ap {
	font-size: 24px;
	font-weight: bold;
	padding-bottom: 4px;
	width: 60%;
	margin: 0px auto;
}

.ap_step {
	line-height: 32px;
}

.circleNumber1 {
font-weight:bold;
font-size:1.5em;
color:#a5181e;
height:65px;
width:65px;
background-color:#efefef;
border-radius:50%;
display:inline-block;
border:5px solid #a5181e;
margin-bottom:10px;
}

.circleNumber2 {
font-weight:bold;
font-size:1.5em;
color:#1a436c;
height:65px;
width:65px;
background-color:#efefef;
border-radius:50%;
display:inline-block;
border:5px solid #1a436c;
margin:25px 0 10px 0;
}

.circleNumber3 {
font-weight:bold;
font-size:1.5em;
color:#92278f;
height:65px;
width:65px;
background-color:#efefef;
border-radius:50%;
display:inline-block;
border:5px solid #92278f;
margin:25px 0 10px 0;
}

.circleNumber4 {
font-weight:bold;
font-size:1.5em;
color:#005e20;
height:65px;
width:65px;
background-color:#efefef;
border-radius:50%;
display:inline-block;
border:5px solid #005e20;
margin:25px 0 10px 0;
}

.circleNumber5 {
font-weight:bold;
font-size:1.5em;
color:#4b3092;
height:65px;
width:65px;
background-color:#efefef;
border-radius:50%;
display:inline-block;
border:5px solid #4b3092;
margin:25px 0 10px 0;
}


.circleNumber-p1 {
font-weight:bold;
font-size: 35px;
text-align: center;
color:#a5181e;
height:65px;
width:65px;
background-color:#efefef;
border-radius:50%;
display:inline-block;
border:5px solid #a5181e;
margin-bottom:10px;
}

.circleNumber-p2 {
font-weight:bold;
font-size: 35px;
text-align: center;
color:#1a436c;
height:65px;
width:65px;
background-color:#efefef;
border-radius:50%;
display:inline-block;
border:5px solid #1a436c;
margin-bottom:10px;
}

.circleNumber-p3 {
font-weight:bold;
font-size: 35px;
text-align: center;
color:#92278f;
height:65px;
width:65px;
background-color:#efefef;
border-radius:50%;
display:inline-block;
border:5px solid #92278f;
margin-bottom:10px;
}

.circleNumber-p4 {
font-weight:bold;
font-size: 35px;
text-align: center;
color:#005e20;
height:65px;
width:65px;
background-color:#efefef;
border-radius:50%;
display:inline-block;
border:5px solid #005e20;
margin-bottom:10px;
}

.circleNumber-p5 {
font-weight:bold;
font-size: 35px;
text-align: center;
color:#4b3092;
height:65px;
width:65px;
background-color:#efefef;
border-radius:50%;
display:inline-block;
border:5px solid #4b3092;
margin-bottom:10px;
}

.apTitle-p {
	line-height: 32px; 
	font-size: 30px; 
	float: left; 
	clear: right; 
	margin: 17px 0px 0px 15px; 
	font-weight: bold; 
}

.color1 {
	color: #a5181e;
}
.color2 {
	color: #1a436c;
}
.color3 {
	color: #92278f;
}
.color4 {
	color: #005e20;
}
.color5 {
	color: #4b3092;
}

.preButton {
	width: 46px; 
	height: 46px; 
	margin: 0px 15px 0px 0px;
}

.nextButton {
	width: 46px; 
	height: 46px; 
	margin: 0px;
}

.apDivider {
	border-top: 1px solid #707070; 
	height: 20px;
}




/* End Adjudication Process number cricles */






/* -------------------------Start Landing Page Boxes -- added 2022----------------------------- */

.main-overview {
    max-width: 1300px;
    width: 100%;
    margin: 30px auto 30px auto;
}

#first-level, #second-level {
    width: 100%;
}

#full {
    width: 100%;
    text-align: center;
}

#left1, #left2, #left3 {
    width: 50%;
    float: left;
    margin-bottom: 20px;
}

#right1, #right2, #right3 {
    width: 50%;
    float: right;
    margin-bottom: 20px;
}

.left-space {
    margin-left: 15px;
}

.overview-title {
    font-size: 1.4em;
    font-weight: bold;
    line-height: 1.2em;
    margin-bottom: 10px;
}

#container1-blue {
    width: 100%;
    max-width: 500px;
    min-height: 180px;
    float: left;
    background-color: #017c9b;
    color: #FFF;
    border-bottom: 2px solid #c0c0c0;
    padding: 20px 35px 20px 45px;
    box-sizing: border-box;
}

#container2-green {
    width: 100%;
    max-width: 500px;
    min-height: 180px;
    float: left;
    background-color: #3c800f;
    color: #FFF;
    border-bottom: 2px solid rgba(192, 192, 192, .8);
    padding: 20px 35px 20px 45px;
    box-sizing: border-box;
}

#container3-orange {
    width: 100%;
    max-width: 500px;
    min-height: 180px;
    float: left;
    background-color: #a8593b;
    color: #FFF;
    border-bottom: 2px solid #c0c0c0;
    padding: 20px 35px 20px 45px;
    box-sizing: border-box;
}

#container4-purple {
    width: 100%;
    max-width: 500px;
    min-height: 180px;
    float: left;
    background-color: #603197;
    color: #FFF;
    border-bottom: 2px solid #c0c0c0;
    padding: 20px 35px 20px 45px;
    box-sizing: border-box;
}

#container5-boysenberry {
    width: 100%;
    max-width: 500px;
    min-height: 180px;
    float: left;
    background-color: #83396c;
    color: #FFF;
    border-bottom: 2px solid #c0c0c0;
    padding: 20px 35px 20px 45px;
    box-sizing: border-box;
}

#container5-boysenberry-center {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    min-height: 180px;
    background-color: #83396c;
    color: #FFF;
    border-bottom: 2px solid #c0c0c0;
    padding: 20px 35px 20px 45px;
    box-sizing: border-box;
}

#container6-burgundy {
    width: 100%;
    max-width: 500px;
    min-height: 180px;
    float: left;
    background-color: #9B2F2E;
    color: #FFF;
    border-bottom: 2px solid #c0c0c0;
    padding: 20px 35px 20px 45px;
    box-sizing: border-box;
}

#container7-Darkblue-center {
    width: 100%;
    margin: 0 auto;
    max-width: 500px;
    min-height: 180px;
    background-color: #25456d;
    color: #FFF;
    border: 1px solid #a8593b;
    border-bottom: 2px solid #c0c0c0;
    padding: 20px 35px 20px 45px;
    box-sizing: border-box;
}


#container3-orange-center {
    width: 100%;
    margin: 0 auto;
    max-width: 500px;
    min-height: 180px;
    background-color: #a8593b;
    color: #FFF;
    border: 1px solid #a8593b;
    border-bottom: 2px solid #c0c0c0;
    padding: 20px 35px 20px 45px;
    box-sizing: border-box;
}

#container5-boysenberry-center {
    width: 100%;
    margin: 0 auto;
    max-width: 500px;
    min-height: 180px;
    background-color: #83396c;
    color: #FFF;
    border-bottom: 2px solid #c0c0c0;
    padding: 20px 35px 20px 45px;
    box-sizing: border-box;
}

#container1-blue p, #container2-green p, #container3-orange p, #container4-purple p, #container5-boysenberry p, #container6-burgundy p, #container3-orange-center p, #container5-boysenberry-center p, #container7-Darkblue-center p {
    text-align: left;
    margin: 0px 0px 10px 0px;
    font-size: 19px !important;
    line-height: 25px !important;
}

.box-height-207 {
	min-height: 207px !important;
}

.button-overview {
    margin: 10px auto 0 auto;
    font-size: 1.1em;
    border: 1px solid #fff;
    box-sizing: border-box;
    border-radius: 5px;
    transition: 0.3s;
    padding: 5px 25px;
}

.button-overview:hover {
    /*opacity: 1;*/
    background: #fff;
    border: 1px solid #fff;
}

.white, .blue-text, .green-text, .orange-text, .purple-text, .boysenberry-text, .burgundy-text, .darkblue-text {
    color: #ffffff !important;
}

.blue-text:hover {
    color: #017c9b !important;
}

.green-text:hover {
    color: #3c800f !important;
}

.orange-text:hover {
    color: #a8593b !important;
}

.purple-text:hover {
    color: #603197 !important;
}

.boysenberry-text:hover {
    color: #83396c !important;
}

.burgundy-text:hover {
    color: #9B2F2E !important;
}

.darkblue-text:hover {
    color: #25456d !important;
}

.overview-desktop-space {
    height: 27px;
}

.overview-mobile-space {
    height: 27px;
}

.youtube-video-1 {
    Width: 892px !important;
    height: 502px !important;
}


/* New Query for colored boxes and home page bottom section */

@media (max-width: 1023px) { /* Temporeray location, to move into Proper sections of Media Queries in Production later */

#left1, #left2, #left3 {
    width: 100%;
    float: left;
    margin-bottom: 20px;
    }

#right1, #right2, #right3 {
    width: 100%;
    float: left;
    margin-bottom: 20px; 
	 }


#container1-blue, #container2-green, #container3-orange, #container4-purple, #container5-boysenberry, #container6-burgundy, #container3-orange-center, #container5-boysenberry-center, #container7-Darkblue-center {
    max-width: none; 
    min-height: 0;
	 }

#container1-blue br, #container2-green br, #container3-orange br, #container4-purple br, #container5-boysenberry br, #container6-burgundy br, #container3-orange-center br, #container5-boysenberry-center br, #container7-Darkblue-center br {
    display:none
	 }		

.left-space {
    margin-left: 0; 
	 }
	 
.overview-desktop-space {
    height: 0px; 
	 }	 
	 
.homepageProcess br {
    display: none
	 }		 
	 
.box-height-207 {
	min-height: 0px !important;
        }

}



@media (max-width: 575px) { /* Temporeray location, to move into Proper sections of Media Queries in Production later */

#container1-blue, #container2-green, #container3-orange, #container4-purple, #container5-boysenberry, #container6-burgundy, #container3-orange-center, #container5-boysenberry-center, #container7-Darkblue-center {
    padding: 20px 20px 20px 25px; 
    }

.overview-title {
    font-size: 1.2em;
    }

}

@media (max-width: 395px) { /* Temporeray location, to move into Proper sections of Media Queries in Production later */
    .doubleline1 {
     height: 74px !important;
     } 

}


@media (max-width: 549px) { /* Temporeray location, to move into Proper sections of Media Queries in Production later */
    .doubleline2 {
     height: 74px !important;
     } 

     .homepageProcess {
     float: none;
     background: #d8f0fd;border: 3px solid #64afcf;
     border-radius: 12px !important;
     width: 85% !important;
     height: 50px;
     padding: 7px 0 0 0;
     margin: 5px auto;
    }

    .btnEmployee, .btnAdmin {
     font-size: 18px;
     width: 320px;
     }   

}


@media (min-width: 550px) and (max-width: 767px) {

    .homepageProcess {
     float: none;
     background: #d8f0fd;
     border: 3px solid #64afcf;    
     border-radius: 12px !important;
     width: 85%;
     height: 50px;
     padding: 7px 0 0 0;
     margin: 5px auto;
    }

}

@media (min-width: 1024px) and (max-width: 1060px) {
     .box-height-229 {
      min-height: 229px !important;
     }
	  
	  .box-height-251 {
      min-height: 229px !important;
     }
}

@media (max-width: 767px) { /* Temporeray location, to move into Proper sections of Media Queries in Production later */

.process .content, .processEmployee .content, .processAdmin .content {
    padding: 35px 0 !important;
}

.homepageProcess div:nth-child(2) {
     margin: 3px 0 0 0 !important;
    }

    
.processEmployee {
	height: 298px !important;
        }

.processAdmin {
	height: 322px !important;
        }
}


@media (min-width: 768px) and (max-width: 1023px) {

    .homepageProcess {
     float: none;
     background: #d8f0fd;
     border: 3px solid #64afcf;
     border-radius: 20px !important;
     width: 75%;
     height: 78px;
     padding: 7px 0 0 0;
     margin: 5px auto;
    }

    .process .content, .processEmployee .content, .processAdmin .content {
	width: 1080px;
	margin: 0 auto;
	padding: 50px 0 65px 11px;
     }

}


@media (max-width: 1023px) { /* Temporeray location, to move into Proper sections of Media Queries in Production later */
.process .content, .processEmployee .content, .processAdmin .content {
    width: 98%;
    }
}



@media (min-width: 1024px) and (max-width: 1100px) { /* This is new query interval - For home page bottom section mobile version in between large and small */

.homepageProcessArrow {
    width: 35px;
    }

.homepageProcessArrow img {
    width: 30px;
    height: 30px;
    }

.process .content, .processEmployee .content, .processAdmin .content {
    width: 1010px;
    }

}






/***** End Landing Page Boxes and query ******/







/*Start Media Queries*/

@media (min-width: 1440px) {
	.dpsacLogo {
		margin: 0 3px 0 12px;
	}
}

@media (min-width: 1280px) and (max-width: 1439px) {
	.navigation {
		padding-right: 0px;
		/*background: url(/ser/dpsac/_catalogs/masterpage/dpsac_template/images/dps_logo_mid.png) no-repeat left top #daf3fd;*/
	}

	.dpsacLogo {
		width: 361px !important;
	}

	.RadMenu .rmLink {
		padding: 0 7px 0 7px !important;
	}
	
	.RadMenu_Default, .RadMenu_Default a.rmLink {
		font-size: 23px !important;	
	}
}

@media (max-width: 1280px) {
	.announcement-content {
		margin: 0 30px;
	}
}

@media (min-width: 1024px) and (max-width: 1279px) {
	.dpsacLogo {
		width: 160px !important;
	}
	
    /*Navigation*/
	.RadMenu .rmLink {
		padding: 0 4px 0 4px !important;
	}

	.RadMenu_Default, .RadMenu_Default a.rmLink {
		font-size: 21px !important;
	}
    
    /*home page*/
	.homeIntro {
		width: 93%;
		margin: -8px auto;
	}

	.homeIntro p:nth-child(1) {
		margin-top: 0px;
	}

	.process .content {
		width: 100%;
		margin: 0 auto 0 13px;
	}

	
		
	/*Services*/
	
	.subpageContent1, .subpageContent-know {
		width: 100%;
		text-align: center;
		/*height: 540px !important;*/
	}

	.stepBannerBlue, .stepBannerOrange {
		width: 180px;
		display: inline-block;
		float: none;
	}

	.bannerTitle {
		padding: 18px 12px 0 12px;
		font-size: 17px;
	}

	.bannerContent {
		font-size: 15px;
	}
	
	.subpageContentRight1 {
		width: 60%;
	}

	.subpageContentLeft2 {
	    width: 320px;
    }

   .subpageContentRight2 {
	   width: 66%;

   }
}

@media (max-width: 1279px) {
	.navigation {
		background: url(/ser/dpsac/_catalogs/masterpage/dpsac_template/images/dps_logo_small.png) no-repeat left top #daf3fd;		
    	background-size: contain;
	}

    /*Sub pages*/
	.subpageContent2 {
		max-width: 1250px;
		width: 100%;
	}

	.subpageContentLeft1 {
		width: 100%;
	}
	
	.subpageContentLeft4 {
	   width: 55%;
    }

   .subpageContentRight4 {
	  width: 43%;
    }
}

@media (min-width: 1025px) {
	#backtoTop {
		display: none !important;
	}
}

@media (min-width: 1024px) {
	.navMobile, .RadMenuPopup_Default, .mobileLogo {
		display: none !important;
	}
		
	/*mobile - tablet */
	#backtoTop {
		display: none;
		position: fixed;
		opacity: 0.7;
		bottom: 2em;
		right: 2em;
		z-index: 1000;
	}
}

@media (width: 1024px) {
	.search-bar .search-form {
	    margin-right: 29px !important;
	}

	.homeIntro {
		background: none;
		padding: 0px 30px 0 30px;
	}
}

@media (max-width: 1024px) {
	
	/*iPhone acroling issue */
	body{
		overflow:auto; 
		-webkit-overflow-scrolling: touch;
	}
		
	.ms-srch-sb > .ms-srch-sb-searchLink {
		background-image: url("/ser/dpsac/_catalogs/masterpage/dpsac_template/images/search.png") !important;
	    background-repeat: no-repeat !important;
	    transform: translate(-50%, -50%) !important;
	    margin: 16px 0 0 10px !important;
	}
		
	.ms-srch-sb > .ms-srch-sb-searchLink > img {	    
		display: none;
	}	
}

@media (max-width: 1023px) {
	.navDesktop {
		display: none;
	}	

	/*Navigation*/
	.RadMenu {
		float: right !important;
		top: 10px;
		z-index: 10;
	}

	.RadMenuPopup_Default .rmToggle {
		color: #b84d26 !important;
	}

	.RadMenuPopup .rmToggle {
		padding-top: 3.15em !important;
	    right: 20px !important;
    }

	.RadMenu .rmRootToggle {
		float: right;
		width: 44px !important;
		height: 40px !important;
		margin-right: 9px;
		background: transparent !important;
		white-space: nowrap;
		color: #1a436c!important;
		border: 2px solid #1a436c!important;
	}

	.RadMenu_Default, .RadMenu_Default a.rmLink {
		font: normal 20.5px/20px 'Droid Sans', Arial, Helvetica, sans-serif !important;
	}

	.RadMenu .rmRootToggle:before {
	    transform: scale(1.3, 0.9);
	    font-size: 0.7em !important;
	    line-height: 1.3em !important;
	}

	.RadMenuPopup .rmItem:after {
		height: 0;
	}

	.RadMenuPopup_Default .rmParentItem:before {
		color: #085c88 !important;
	}

	.RadMenuPopup .rmToggle:before {
		content: "\E00C" !important;
	    font-family: "TelerikWebUI" !important;
		font-size: 45px !important;
	}

	.RadMenuPopup .rmItem.rmParentItem:before {
	    content: "\e00f" !important;
    	font-family: "TelerikWebUI" !important;
		font-size: 40px !important;
	}

	.RadMenuPopup .rmItem.rmParentItem {
		padding-left: 2.5em !important;
		line-height: 2;
	}

	.RadMenuPopup .rmGroup .thirdLevelHighlighed {
		background-color: #f8ad10!important;
	}

	.RadMenuPopup .rmSlide {
		border: 2px solid #daf3fd !important;
		width: 100% !important;
		margin-top: -2px;
	}

	.RadMenuPopup_Default .rmItem {
	    border-color: #c5c5c5 !important;
	}

	.RadMenuPopup .rmLink, .RadMenuPopup .rmParentItem {
		padding: 10px 0 10px 16px !important;
		font-family: 'Droid Sans', sans-serif, Arial !important;
		color: #1a436c;
		font-size: 18px;
		font-weight: bold;
		line-height: 1.74;
	}

	.RadMenuPopup:before, .RadMenuPopup:after {
		display: none !important;
	}

	.RadMenuPopup_Default {
		font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
		left: -1px !important;
		right: 0px !important;
		width: 100%;
	}

	.RadMenuPopup .rmItem {
		padding-left: 12px;
	}

	.RadMenuPopup .rmItem:first-child {
		color: #b84d26;
		font-size: 20px;
	}

	.RadMenuPopup_Default .rmFocused a {
		color: #b84d26;
	}
	
	/*Home page*/
	.homeIntro {
		;
	    background: none;
		width: 100%;
		padding: 0 30px 5px 30px;
		height: auto;
	}

	.process {
		background: #072344;
		height: 100%;
	}

	.process .content {
		width: 100%;
		padding: 30px 0 0 0;
	}

	.homepageProcessContainer {
		width: 100%;
		text-align: center;
	}

	/*.homepageProcess {
		float: none;
		background: #d8f0fd;
		border: 3px solid #64afcf;
		border-radius: 20px;
		width: 75%;
		height: 78px;
		padding: 8px 0 0 0;
		margin: 5px auto;
	}*/

	.homepageProcess:hover {
    	background: #d8f0fd;
		border: 3px solid #64afcf;
    	padding: 10px 0 0 0;
	}

	.homepageProcess:hover img {
		width: 56px !important;
		height: 56px !important;
	}


	.homepageProcess img {
		width: 56px !important;
		height: 56px !important;
		float: left;
		margin-left: 20px;
		margin-right: 15px;
	}

	.homepageProcess img:hover {
		width: 56px !important;
		height: 56px !important;
		float: left;
		margin-left: 20px;
		margin-right: 15px;
		margin-top: -5px;
	}

	.homepageProcess:hover {
		top: 0;
		position: relative;
	}

	.homepageProcess div:nth-child(2) {
		font-size: 20px;
		margin: 15px 15px 0 15px;
		line-height: 24px !important;
		text-align: left;
	}


	.homepageProcess:hover div:nth-child(3), .homepageProcess:hover div:nth-child(4) {
		display: none;
	}

	.homepageProcessArrow {
		display: none;
	}

	.hide {
		display: none;
	}	
		
	/*Know-before-you-go*/
	.subpageContent1, .subpageContent-know {
		width: 100%;
		/*height: 1200px !important;*/
	}

	.stepBannerOrange, .stepBannerBlue {
		width: 100%;
		display: inline-block;
		clear: both;
		height: auto;
		background-image: none;
	}

	.bannerTitle {
		height: auto;
		background: #ffff;
		font-size: 17px;
	}

	.bannerContent {
		height: auto;
		background: #ffff;
		font-size: 15px;
		padding-bottom: 15px;
		padding-top: 12px;
	}

	.stepBannerOrange .center {
		margin: 12px 20px 10px 20px;
		background: #f7ead5;
	}

	.stepBannerBlue .center2 {
		margin: 12px 20px 10px 20px;
		background: #cbebfd;
	}
	
	.stepBannerOrange {
		border-top: 3px solid #b44d26;
		border-bottom: 3px solid #b44d26;
		margin: 10px 10px 10px 0;
	}

	.stepBannerBlue {
		border-top: 3px solid #20558a;
		border-bottom: 3px solid #20558a;
		margin: 10px 10px 10px 0;
	}

	.subpageContentRight1 {
		width: 95%;
	}
	
	.subpageContentLeft2 {
		display: none;
	}

	.subpageContentRight2 {
		width: 100%;
	}
	
	/*mobile - tablet */
	#backtoTop {
		display: none;
		position: fixed;
		opacity: 0.7;
		bottom: 2em;
		right: 2em;
		z-index: 1000;
	}
}



@media (min-width: 768px) and (max-width: 1023px) {

	/*Services*/
	.subpageProcess {
		height: 200px;
	}

	.subpageProcessContainer {
		display: inline-block;
		width: auto;
	}

	.subpageProcessImage, .subpageProcessImage img {
		width: 102px;
		height: 139px;
		float: left;
		display: inline-block;
	}

	.subpageProcessArrow {
		padding: 0;
		float: none;
		display: inline-block;
		top: 45px;
		position: relative;
	}

         .subpageProcessDivider, .subpageProcessArrow {
          padding: 48px 0 0 0;
        }

        .subpageProcessDivider img, .subpageProcessArrow img {
          width: 30px;
          height: 30px;
        }
}

@media (min-width: 768px) {
	.mobileLogo, .subpageProcessContainerMobile, .PR_mobile {
		display: none !important;
	}
}

@media (max-width: 767px) {
	
	.dpsacLogo {
		/*width: 200px;*/
		width: 140px;
		background: #AADFFB;
		padding: 0 30px;
	}

	.navigation {
		background: #daf3fd;
		height: 58px !important;
	}

	.mobileLogo {
		float: left;
		margin: -81px 0 0 -3px;
		font-size: 44px;
		font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
		font-weight: bold;
	}

	a.mobileLogo {
		color: #1A436C;
	}

	.bannerBg {
		height: auto !important;
	}
	
	.breadCrumb img {
	    margin-top: 5px;
	}
	
	.search-bar .search-form {
		margin: 0 13px 0px 0;
	}

	p, li {
		font-size: 17.5px !important;
	}

	h1 {
		font-size: 1.25em;
	}

	.bulletSubpage {
		margin-right: 10px;
	}

	.bulletSubpage li {
		margin-left: -20px;
	}

	.mainTitle {
		padding: 4px 18px;
		font-size: 22px;
		/* line-height: 23px; */
		min-height: 40px;
	}

	.subTitle {
		padding: 7px 18px;
		font-size: 19px;
		min-height: 40px;
	}
	
    /*home page*/ 

	.homeIntro p:nth-child(1) {
		font-size: 21px;
	}

	.homepageProcess div:nth-child(2) {
		text-align: center;
		font-size: 20px;
		/*vertical-align: middle;
		display: table-cell;*/
		padding: 0px 13px;
	}

	.homepageProcess img {
		display: none;
	}

	/*Services*/
	.subpageProcess {
		height: 100%;
		background-color: #EBF1F2;
		padding: 0;
		display: none;
	}

	.subpageContainer2 {
		margin-top: 0px;
	}

	.subpageContentRight2 table a, .subpageContentRight2 table td {
		word-break: break-word;
	}

	.subpageContainer_know {
		background: #f7f7f9;
		padding: 30px;
	}

	.subpageProcessContainer {
		display: none;
	}

	.subpageProcessContainerMobile {
		text-align: left;
		padding: 12px 30px 2px 30px;
		background: #e3e8eb;
	}

	.subpageProcessMobile {
		background: #d8f0fd;
		border: 2px solid #b5d1e2;
		padding: 5px 15px;
		margin-bottom: 10px;
		border-radius: 5px;
	}
	
	.subpageProcessMobile a {
		color: #1a436c;
	}

	.subpageContentLeft3, .subpageContentRight3 {
		width: 100%;
		padding: 0px;
	}

	.bulletSubpage2 {
		margin-right: 0px;
	}
	
	/*Resources*/
	#policiesRegImg, .subpageContent map {
		display: none;
	}
	
	.center h2, .center h3 {
		text-align: left;
	} 
	
    /*Footer*/
	.footer {
		width: 100%;
		background-color: #DAF3FD !important;
		padding: 0px !important;
		height: auto;
	}

	.containerC {
		padding: 0 !important;
	}

	.footer-links {
		margin: 0 -12px 0px !important;
	}

	.footer-links li {
	    display: block !important;
	    font-size: 13px!important;
	    letter-spacing: 1px;
	    text-align: left;
	    line-height: 18px !important;
	    border-bottom: 1px solid #bbc6d6;
	    border-right: none !important;
	    padding: 13px 30px;
	}

	.footer-links a {
		color: #000 !important;
	}	
    
	.breadCrumb {
     font-size: 1.1em;
     line-height: 16px;
   }
	
	.subpageContentLeft4 {
		width: 100%;
		padding: 0 35px 0 0;
   }

	.subpageContentRight4, iframe {
	    max-width: 400px;
	    width: 100%;
	    float: none;
	}


    /*Youtube Video*/
	.youtube-video-1 {
		width: 100% !important;
		height: 282px !important;
	}
	
}

@media (max-width: 583px) {
	.homepageProcess div:nth-child(2) {
	    display: block;
		 margin: 4px 0px 0 0px !important;
	}
	
	.ap {
      width: 90%;
    }
	
	.ap_step {
	   line-height: 28px;
		font-size: 0.8em;
   }
	
	.apTitle-p {
      line-height: 28px;
      font-size: 24px;
      float: left;
      clear: both;
      margin: 12px 0px 0px 0px;
      font-weight: bold;
   }
	
	.circleNumber-p3 {
    font-weight: bold;
    font-size: 30px;
    text-align: center;
    color: #92278f;
    height: 55px;
    width: 55px;
    background-color: #efefef;
    border-radius: 50%;
    display: inline-block;
    border: 5px solid #92278f;
    margin-bottom: 5px;
    margin-top: -20px;
}

@media (max-width: 374px) {
.ms-srch-sb > .ms-srch-sb-searchLink {
	margin: 16px 0 0 !important;
}

/*End Media Queries*/