* { font-family: 'Raleway', sans-serif; }

html { background: #e9e9e9 url(../i/background.jpg) top center no-repeat; }
body { background: transparent none; }

/* STRUCTURAL STYLES */

.siteContainer {max-width: 1000px; width: 100%;}
.contentContainer { width: 1000px; }
#pageContentContainer { background: #e2e2e2 none; box-shadow: 0 0 40px rgba(0,0,0,.7); padding: 0; }

/*-- One Panel --*/

#siteContainer2.one_panel #panelTwo, #siteContainer2.one_panel #yieldContent { background: transparent none; }
#siteContainer2.one_panel #pageContentContainer .layoutContainer { padding-left: 30px; }

/*-- Two Panel --*/

#siteContainer2.two_panel #pageContentContainer { background: #e2e2e2 none; position: relative; }
#siteContainer2.two_panel #panelOne { position: absolute; left: 30px; top: 30px; width: 170px; z-index: 300; }
#siteContainer2.two_panel #panelTwo { margin: 0; width: 100%; }
#siteContainer2.two_panel .layoutContainer { padding-left: 215px; }
#siteContainer2.two_panel .tabbedElement .layoutContainer { padding-left: 0; }
.layoutContainer { margin-right: 0; padding-top: 30px; }
.layoutContainer .pageElement, .layoutContainer .hrElement { margin: 0 30px 15px 0; }

.edit_mode #siteContainer2.two_panel .layoutContainer { padding-left: 0px; }

/* ACCOUNT NAVIGATION */

#accountNav { background: #fff none; box-shadow: 0 0 4px rgba(0,0,0,.4); position: absolute; top: 0; left: 0; z-index: 200; }
#accountNav li a:hover { background-color: #eee; color: #666; }

/* ADMIN NAV */

body > #adminNav { position: fixed; top: 100px; right: 0; z-index: 1000; }
body > #adminNav a { background: transparent url(../i/editUser.png) 0 0 no-repeat; display: block; width: 65px; height: 70px}
body.edit_mode > #adminNav a { background-position: 0 -70px; }
body > #adminNav a img { display: none; }
body > .adminToggle { position: fixed; top: 0; right: 0; z-index: 1000; }

/* SITE HEADER */

#siteHeader { background: transparent url(../i/pageHeader.png) center bottom no-repeat; height: 135px; }
#siteHeader h1 a { background: transparent url(../i/dpLogo.png) left center no-repeat; display: block; width: 30%; height: 60px; position: absolute; bottom: 10px; left: 35px; z-index: 200; background-size: 100%;}

#siteHeader .extraLinks { position: absolute; top: 32px; right: 45px; z-index: 200; }
#siteHeader .extraLinks a { margin-left: 10px;}
#siteHeader .extraLinks a p {
	display: none;
}

/* TOP NAVIGATION */

#topNav { position: absolute; top: 70px; right: 0; z-index: 1000; }
#topNav table { width: auto; }
#topNav table tr td {
	background: transparent url(../i/topNavSelected.png) left 67px repeat-x; height: 65px;
	-webkit-transition: .2s all ease-in-out;
		 -moz-transition: .2s all ease-in-out;
			-ms-transition: .2s all ease-in-out;
			 -o-transition: .2s all ease-in-out;
					transition: .2s all ease-in-out;
}
#topNav table tr td:hover, #topNav table tr td.selected { background: transparent url(../i/topNavSelected.png) center top repeat-x; }
#topNav table tr td > a { color: #fff; font: 500 13px/65px 'Raleway', sans-serif; display: block; height: 65px; padding: 0 15px; text-transform: uppercase; }
#topNav table tr td.selected > a { color: #fff; }

#topNav table tr td.home, #topNav table tr td#top_nav_node_page_node_713115 /*trash*/, #topNav table tr td#top_nav_node_page_node_714216 /*contact*/ { display: none; }


/*NAV BUTTONS*/
#siteHeader .extraLinks {position: absolute;
top: 32px;
right: 0px;
z-index: 200;
}

/*MOBILE NAVIGATION*/

#mobileMenu {
	display: none;
	position: relative;
	width: 100%;
	z-index: 99999;
	box-shadow: 0 5px 10px rgba(0,0,0,.05);
}
#mobileHeader {
	height: 50px;
	background: url(../i/mobileHeader.jpg) repeat-x center bottom;
}
#mobileAction {
	height: 50px;
	width: 50px;
	position: absolute;
	right: 0;
	background:url(../i/hamburger.svg) center no-repeat;
	top: 0;
  	background-size: auto 50%;
}
#mobileAction.exit {
	background:url(../i/exit.svg) center no-repeat;
	background-size: auto 50%;
}
#mobileLogo {
	height: 50px;
	width: 75%;
	background: url(../i/dpLogo.png) 10px center no-repeat;
	background-size: auto 70%;
	position: relative;
	display: block;
}
#mobileNav #topNav {
	position: relative;
	background: #ffffff;
	top: 0;
}
#mobileNav #topNav table {
	width: 100%;
}
#mobileNav #topNav table tr td {
	float: none;
	border-bottom: solid 1px #e4e4e4;
	display: block;
	height: 100%;
}
#mobileNav #topNav table tr td a {
	color: #666666;
}
#mobileNav #navLinksLink span span {
	background: url(../i/mobileSearch.png) 100% 50% no-repeat;
}
#mobileNav #topNav table tr td:hover > ul.dropdown {
	display: none;
}
#mobileNav #topNav table tr td > ul {
	left: 0;
	position: relative;
	background: #e5e5e5;
	box-shadow: none;
	margin-left: 0;
}
#mobileNav #topNav table tr td ul.dropdown::before {
	display: none;
}
#mobileNav #topNav table tr td ul li a span.dropdown-disclosure {
	display: none;
}
#mobileNav #topNav table tr td ul.dropdown {
	top: 0;
	padding: 0;
}
#mobileNav #topNav table tr td ul li a {
	text-align: center;
	padding: 15px 0;
	width: 100%;
	border-bottom: 1px dotted #A8A8A8;
	letter-spacing: .05em;
}
#mobileNav #topNav table tr td ul li:last-of-type a {
	border-bottom: none;
}
#mobileNav #topNav table tr td ul li:hover, 
#mobileNav #topNav td ul li.hover,
#mobileNav #topNav table tr td ul li:hover > a, 
#mobileNav #topNav table tr td ul li.hover > a {
	background: transparent;
}
#mobileNav #topNav table tr td ul li:hover ul {
	display: none;
}
#mobileNav #topNav table tr td ul li ul {
	left: 0;
	width: 100%;
	top: 0;
	position: relative;
}

/* DROPDOWN NAVIGATION */

#topNav table tr td { display: block; float: left; position: relative; }
#topNav table tr td ul.dropdown {	background: #e5e5e5 none; box-shadow: 0 0 3px rgba(0,0,0,.8); margin-left: -90px; padding: 5px 0; top: 62px; left: 50%; }
#topNav table tr td ul.dropdown::before { background: transparent url(../i/dropdownMainAccent.png) 0 0 no-repeat; content: ''; display: block; width: 16px; height: 8px; margin-left: -8px; position: absolute; top: -8px; left: 50%; z-index: 1000; }
#topNav table tr td ul li { background: transparent none; border: none; margin: 0; }
#topNav table tr td ul li:hover, #topNav td ul li.hover { background: #787878 none; }
#topNav table tr td ul li:hover > a, #topNav table tr td ul li.hover > a { border: none; border-bottom: 1px solid #787878; color: #fff; background: #787878 none; }
#topNav table tr td ul li a {	border: none; border-bottom: 1px dotted #ddd; color: #333; font: 400 12px/18px 'Raleway', sans-serif; margin: 0; padding: 5px 10px 4px; text-transform: capitalize; background: transparent none; 	}
#topNav table tr td ul li a:hover { color: #fff; background: #787878 none; }
#topNav table tr td ul li a span.dropdown-disclosure { background-image: url(../i/dropdownAccent.png); background-position: 0 0; margin-right: 5px; }
#topNav table tr td ul li:hover a span.dropdown-disclosure, #topNav table tr td ul li.hover a span.dropdown-disclosure { background-position: 0 -30px !important; }

/* Secondary Dropdowns */

#topNav table tr td ul li ul {
	background: #175771 none; border: none; box-shadow: 0 0 2px rgba(0,0,0,.4); padding: 5px 0; top: -5px; left: 98%;
		-webkit-animation: slideOver 150ms ease-in-out 1;
			 -moz-animation: slideOver 150ms ease-in-out 1;
				-ms-animation: slideOver 150ms ease-in-out 1;
						animation: slideOver 150ms ease-in-out 1; }
		@-webkit-keyframes slideOver {
			0% {left: 90%; opacity: 0;}
			100% {left: 100%; opacity: 1;}
		}
		@-moz-keyframes slideOver {
			0% {left: 90%; opacity: 0;}
			100% {left: 100%; opacity: 1;}
		}
		@-ms-keyframes slideOver {
			0% {left: 90%; opacity: 0;}
			100% {left: 100%; opacity: 1;}
		}
		@keyframes slideOver {
			0% {left: 90%; opacity: 0;}
			100% {left: 100%; opacity: 1;}
}
#topNav table tr td ul li ul::before { background: transparent url(../i/dropdownSubAccent.png) 0 0 no-repeat; content: ''; display: block; width: 8px; height: 16px; position: absolute; top: 10px; left: -8px; z-index: 200; }
#topNav table tr td ul li ul li:last-child a, #topNav tr td ul li ul li:last-child a:hover { border: none; }
#topNav table tr td ul li ul li a { border: none; color: #fff !important; }
#topNav table tr td ul li ul li.hover a { background: #317088 none; }
#topNav table tr td ul li ul li:hover > a, #topNav table tr td ul li ul li.hover > a { border: none; }
#topNav table tr td ul li ul li a:hover { color: #fff !important; }

/* Selected Dropdowns */

#topNav table tr td.selected ul li a { color: #333; }
#topNav table tr td.selected ul li a:hover { color: #fff; }
#topNav table tr td.selected ul li:hover > a, #topNav table tr td.selected ul li.hover > a { background: #787878 none; color: #fff; }
#topNav table tr td.selected ul li ul a { color: #fff; }
#topNav table tr td.selected ul li ul a:hover, #topNav table tr td.selected ul li ul li.hover > a { background: #317088 none; }

/* Disabled Dropdown Pages */

#topNav td ul li a.disabled { background: transparent none; color: #999; }

/* SUB NAVIGATION */

.subNav h4, .relatedSections h4 { background: #d83b3b url(../i/customTitle.jpg) 0 0 no-repeat; color: #fff; margin-bottom: 3px; padding: 6px 15px 5px; text-transform: uppercase; }
.subNav ul li, .relatedSections ul li { margin-bottom: 1px; }
.subNav ul li a, .relatedSections ul li a {
	background: #6f6f6f none; color: #fff; display: block; font: 500 14px/22px 'Raleway', sans-serif; padding: 6px 15px 5px;
	-webkit-transition: .2s all ease-in-out;
		 -moz-transition: .2s all ease-in-out;
			-ms-transition: .2s all ease-in-out;
			 -o-transition: .2s all ease-in-out;
					transition: .2s all ease-in-out;
}
.subNav ul li a:hover, .relatedSections ul li a:hover { background: #777 none; }
.subNav ul.parents li a { display: none; }
.subNav ul.parents li.selected a { background: #999 none; color: #fff; display: block; }

.relatedSections .siblings li.selected a { display: none; }

/* DISPLAY BODY HEADER */

#displayBodyHeader { display: none; }

/* HOME PAGE */

#homePage .newsSlideShow-container { overflow: visible; }
#homePage .newsSlideShow .newsSlideShow-headline { display: none; }
#homePage .newsSlideShow-stop, #homePage .newsSlideShow-play { display: none !important; }
#homePage .newsSlideShow-prev, #homePage .newsSlideShow-next {
	background: transparent url(../i/slideshowArrows.png) 0 0 no-repeat; border-radius: 0; box-shadow: none; display: block; height: 70px; width: 55px; margin-top: -35px; opacity: .9; position: absolute; top: 50%; left: 15px; text-indent: -999em; z-index: 300;
	-webkit-transition: .2s all ease-in-out;
		 -moz-transition: .2s all ease-in-out;
			-ms-transition: .2s all ease-in-out;
			 -o-transition: .2s all ease-in-out;
					transition: .2s all ease-in-out;
}
#homePage .newsSlideShow-next { background-position: -55px 0; left: auto; right: 15px; }
#homePage .newsSlideShow-prev:hover { left: 10px; opacity: 1; }
#homePage .newsSlideShow-next:hover { right: 10px; opacity: 1; }

#homePage .newsSlideShow-thumbnails { background: transparent url(../i/slideshowBulletsBG.png) bottom center no-repeat; height: 70px; line-height: 100px; width: 100%; bottom: -15px; z-index: 400; }
#homePage .newsSlideShow-thumbnails li { margin: 0; padding: 0; width: auto; }
#homePage .newsSlideShow-thumbnails li a {
	background: #fff none; border: none; border-radius: 5px; display: block; width: 10px; height: 10px; margin: 0 5px; opacity: .5; padding: 0;
	-webkit-transition: .2s all ease-in-out;
		 -moz-transition: .2s all ease-in-out;
			-ms-transition: .2s all ease-in-out;
			 -o-transition: .2s all ease-in-out;
					transition: .2s all ease-in-out;
}
#homePage .newsSlideShow-thumbnails li a:hover, #homePage .newsSlideShow-thumbnails li a.current { opacity: 1; }

/* CUSTOM LAYOUT CONTAINERS */

.white { background: #fff none; padding-bottom: 15px; }
.gray { background: #e2e2e2 none; padding-top: 30px; }
.border { border-top: 1px solid #d2d0d0; }
.flushContent { margin-right: -30px; padding: 0 !important; }
.noTopPadding { padding-top: 0; }

/* CUSTOM CLASSES */

.padded .pageElement { padding: 20px; }
.noBottomMargin .pageElement { margin-bottom: 0 !important; }
.minBottomMargin .pageElement { margin-bottom: 5px !important; }

/* PAGE ELEMENTS */

.pageElement h3 { color: #d72c2c; font: 400 22px/28px 'Raleway', sans-serif; }
.customTitle .pageElement h3 { background: #d83b3b url(../i/customTitle.jpg) 0 0 no-repeat; color: #fff; font: 400 24px/40px 'Raleway', sans-serif; margin: 0; padding: 0 15px; }

/*-- Text Block Element --*/

.textBlockElement h3 { margin-bottom: 5px; }
.textBlockElement .text p, .textBlockElement .text li, .textBlockElement .text div { color: #272727; font: 400 14px/24px 'Raleway', sans-serif; }
.textBlockElement .text ul li, .textBlockElement .text ol li { margin: 0; }
.textBlockElement .text p:last-child { margin-bottom: 0; }
.textBlockElement .text p a { text-decoration: none; }
.textBlockElement .text p a:hover { text-decoration: none; }
.textBlockElement .text p a strong {
	background: #6f6d6d url(../i/readMore.png) right center no-repeat; color: #fff; font: 400 11px/1 'Raleway', sans-serif; padding: 8px 25px 7px 8px; text-transform: uppercase;
	-webkit-transition: .2s all ease-in-out;
		 -moz-transition: .2s all ease-in-out;
			-ms-transition: .2s all ease-in-out;
			 -o-transition: .2s all ease-in-out;
					transition: .2s all ease-in-out;
}
.textBlockElement .text p a strong:hover { background-color: #555; }
.textBlockElement strike { font-size: 12px; text-decoration: none; }

.customTitle .textBlockElement .text { margin: 5px 15px 0; }

/*-- Document Icon --*/
.pdf { background-image: url(../i/docIconPdf.gif); }
a {font-size: 14px; /*margin-left: -5px;*/ }

/*-- HR Element --*/

.hrElement { border: none; border-top: 1px solid #d2d0d0; }

/*-- Photo Gallery --*/

.secondary .galleryElement { position: relative; }
.secondary .galleryElement .galleryElement_gallery { margin: 0; padding: 0; }
.secondary .galleryElement .controls .vg_btn, .secondary .galleryElement .controls .fs_btn { display: none; }
.secondary .galleryElement .prev_btn, .secondary .galleryElement .next_btn {
	background: transparent none !important; display: block; height: 100%; width: 50%; margin: 0; opacity: 0; padding: 0; position: absolute; top: 0; z-index: 400;
	-webkit-transition: .2s all ease-in-out;
		 -moz-transition: .2s all ease-in-out;
			-ms-transition: .2s all ease-in-out;
			 -o-transition: .2s all ease-in-out;
					transition: .2s all ease-in-out;
}

.secondary .galleryElement .prev_btn::before { background: transparent url(../i/slideshowArrows.png) top left no-repeat; content: ''; display: block; width: 55px; height: 70px; margin-top: -35px; position: absolute; top: 50%; left: 20px; z-index: 450; }
.secondary .galleryElement .next_btn::before { background: transparent url(../i/slideshowArrows.png) top right no-repeat; content: ''; display: block; width: 55px; height: 70px; margin-top: -35px; position: absolute; top: 50%; right: 20px; z-index: 450; }

.secondary .galleryElement .prev_btn { left: 0; }
.secondary .galleryElement .next_btn { background-position: top right !important; right: 0; }
.secondary .galleryElement .prev_btn:hover, .secondary .galleryElement .next_btn:hover { background: transparent none !important; opacity: 1; }
.galleryElement_gallery .controls { background: transparent none; display: block !important; width: auto; margin: 0; top: 91%; left: 91%; z-index: 550; }
.galleryElement_gallery .controls span { width: 40px; height: 40px; }
.galleryElement_gallery .controls .pp_btn { display: none; }
.secondary .galleryElement .image_title { display: none !important; }

/* SITE FOOTER */

#siteFooter { background: transparent url(../i/siteFooter.png) bottom center no-repeat; height: 150px; position: relative; width: 100%; max-width: 1000px;}
#siteFooter > ul { width: auto; position: absolute; right: 15px; bottom: 15px; margin: 0; padding: 0; }
#siteFooter ul li, #siteFooter ul li a { color: #fff; }
#siteFooter ul li a:hover { color: #fff; text-decoration: underline; }
#siteFooter #poweredByNGIN { display: none; }

#extendedFooter { padding: 0 40px; }
#extendedFooter > a { margin: 45px 25px 0; }
#extendedFooter > a, #extendedFooter ul { float: left; }
#extendedFooter ul { margin-top: 45px; width: auto; }
#extendedFooter ul li { display: inline-block; }
#extendedFooter ul li a { background: #9fa4a6 url(../i/footerLink.jpg) 0 0 no-repeat; display: block; font: 500 14px/40px 'Raleway', sans-serif; margin-right: 10px; padding: 0 10px; text-transform: uppercase; }
#extendedFooter ul li a:hover { text-decoration: none; }
#extendedFooter table { float: right; margin-top: 58px; width: 300px; }
#extendedFooter table tr td { color: #fff; font: 400 12px/18px 'Raleway', sans-serif; width: 50%; }
#extendedFooter #footerConnect {float: right; width: auto; height: 40px; margin-top: 55px; margin-left: 12px;}
#extendedFooter #footerConnect a {display: block; height: 40px; width: 40px; margin: 0 2px; background: url(../i/connect.svg) no-repeat; float: left; background-size: 200%;}
#extendedFooter #footerConnect a#twitter {background-position: -40px 0};
#extendedFooter #footerConnect a:hover {opacity: .8;}

/* TABS */

.contentTabs, .contentTabs li span {background: transparent;}
.contentTabs li {background: #999999;margin: 0 1px 1px 0;}
.contentTabs li.selected {background: #cf2222;}
.contentTabs li.selected a {color: #ffffff;}

/* EDIT MODE */

.edit_mode #siteContainer2.one_panel #pageContentContainer { padding: 15px 0 0; }

.edit_mode #siteContainer2.one_panel #pageContentContainer .layoutContainer { padding-left: 0; }
.edit_mode .subNav ul.parents li a { display: block; }
.edit_mode .subNav ul li a, .edit_mode .subNav ul.parents li.selected a { background: transparent none; }
.edit_mode #siteContainer2.two_panel #pageContentContainer { padding: 10px 0 0; }
.edit_mode #siteContainer2 .rapidTabsConstruction, .edit_mode #siteContainer2 .rapidContentGeneral, .edit_mode #siteContainer2 .rapidContentConstruction { margin: 0 15px; }
.edit_mode #siteContainer2.two_panel #panelOne { top: 0; left: -171px; }

.logged_in #siteFooter ul li:nth-child(5) { display: none; }


a {font-size: 14px; }

#hideNav.user_mode #panelOne, #hideNav.user_mode #topNav, #hideNav.user_mode .extraLinks { display: none;}
#hideNav.user_mode #siteContainer2.two_panel .layoutContainer {padding-left: 30px;}



/*MEDIA QUERIES*/

@media screen and (max-width: 62.5em) {
/*1000px > Styles*/
	#extendedFooter ul {
		display: none;
	}
	#siteFooter > ul {
		width: 100%;
		text-align: center;
	}
	.flushContent {
		margin-right: 0;
	}
	.layoutContainer.flushContent .pageElement {
		margin: 0;
	}
}

@media screen and (max-width: 48em) {
/*768px > Styles*/
	#mobileMenu {
		display: block;
	}
	#mobileNav,
	#siteHeader h1,
	.siteContainer #topNav,
	#panelOne,
	#accountNav {
		display: none;
	}
	.column {
		width: 100% !important;
	}
	#panelTwo,
	#siteContainer2.two_panel #panelTwo {
		width: 100%;
	}
	#siteContainer2.two_panel .layoutContainer {
		padding-left: 30px;
	}
	/*#siteContainer2.two_panel .layoutContainer {
		padding: 0 30px;
	}*/
	#displayBodyHeader {
		display: block;
  		background-color: rgb(7, 42, 64);
  		color: #fff;
  		padding: 5px 30px;
  		margin-bottom: 10px;
  		letter-spacing: .05em;
  		font-weight: 300;
  		font-size: 20px;
	}

	/*SITE HEADER*/
	#siteHeader {
		background: transparent;
		height: 60px;
	}
	#siteHeader .extraLinks {
		position: relative;
		top: 0;
		right: auto;
	}
	#siteHeader .extraLinks a {
		margin-left: 0;
		height: 60px;
		background: #666666;
		display: block;
		width: 33.333333333333333%;
		float: left;
	}
	#siteHeader .extraLinks a[title='Apply Now'] {
		background: #B02929;
	}
	#siteHeader .extraLinks a img {
		display: none;
	}
	#siteHeader .extraLinks a p {
		color: #ffffff;
		display: block;
		text-align: center;
  		line-height: 60px;
  		text-transform: uppercase;
	}

	/*SITE FOOTER*/
	#siteFooter,
	#extendedFooter,
	#siteFooter > ul {
		background: #06273B;
	}
	#extendedFooter > a {
		margin: 20px 0;
		width: 100%;
		text-align: center;
	}
	#extendedFooter {
		padding: 0 0 20px;
	}
	#extendedFooter table,
	#extendedFooter #footerConnect {
		float: none;
		width: 100%;
	}
	#extendedFooter table {
		margin-top: 0;
	}
	#siteFooter > ul {
		position: relative;
		padding: 20px 0;
		right: 0;
	}
	#extendedFooter #footerConnect  {
		margin-top: 0;
		margin-left: 0;
		display: inline-block;
		margin-bottom: 10px;
	}
	#extendedFooter table tr td {
		display: block;
		text-align: center;
		width: 100%;
	}
	.connect {
		height: 40px;
		margin: auto;
		position: relative;
		width: 88px;
	}
	#siteFooter ul li {
		display: block;
	}

	/*SLIDESHOW*/

	#homePage .newsSlideShow-thumbnails {
		height: 30px;
		bottom: 0;
		line-height: 40px;
	}

	/* TABS */

	.contentTabs li {
		width: 100%;
		padding-right: 0;
		padding: 7px 0; 
		text-align: center;
	}

	/* ADMIN BUTTONS */

	#adminNav, 
	.adminToggle {
		display: none;
	}

	/* SEARCH FUNCTION */

	#navLinksContainer {
		position: relative;
		width: 100%;
	}
	#navLinksForm {
		background: #06273B;
	}
	#navLinksForm input {
		width: 94%;
		padding: 10px 3%;
	}
	#navLinksContainer.boxShadow-medium.br-3bl-4 {
		box-shadow: none;
		border-radius: 0;
	}
	#navLinksForm.br-1tl-4 {
		border-radius: 0;
	}
	#navLinksKill {
		width: 100%;
		background: #fff;
		padding: 10px 0;
		color: #666666;
		text-shadow: none;
		text-transform: uppercase;
		font: 500 13px/65px "Raleway",sans-serif;
	}
	#navLinksKill span span {
		background: transparent;
		padding: 0;
	}
}