﻿/* Structural */
/* Main table layout id. Fixed width area centered if user's viewable area is larger than 1200px. */
#pa-layout {
	min-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

/* Left most table column dimensions. */
.pa-mp-col1 {
	position: relative;
	width: 270px;
	vertical-align: top;
}

/* Center table column dimensions. */
.pa-mp-col2 {
	width: 880px;
}

/* Right most table column dimensions. */
.pa-mp-col3 {
	width: 50px;
	vertical-align: top;
}

/* Vertically oriented top navigation size and position. */
/* .s4-tn {
	width: 270px;
	margin-top: 100px;
} */

/* Off-white/white content area background and dimensions. */
.s4-ca {
	background: #FFFFFF url(/Style%20Library/en-us/Themable/PA-Branding/images/canvas-rpt.png);
	margin: 0px 0px;
	min-height: 700px;
	position: relative;
}

/* Rounded corners for content area. */
/* Common corner image attributes. */
.corner {
	width: 16px;
	height: 16px;
	font-size: 0px;
	position: absolute;
}

/* Top left corner background selection from image. (default) */
.top-left {
	 background-image: url(top-rounded-corners-F0B7C00A.png?ctag);
	top: 0px; 
	left: 0px;
}

/* Top right corner background selection from image. */
.top-right {
	 background-image: url(top-rounded-corners-F0B7C00A.png?ctag);
	background-position: 16px 0px;
	top: 0px;
	right: 0px; 
}

/* Bottom left corner background selection from image. */
.bottom-left {
	 background-image: url(btm-rounded-corners-CD7294CE.png?ctag);
	background-position: 0 16px; 
	bottom: 0px; 
	left: 0px; 
}

/* Bottom right corner background selection from image. */
.bottom-right {
	 background-image: url(btm-rounded-corners-CD7294CE.png?ctag);
	background-position: 16px 0px;
	bottom: 0px;
	right: 0px; 
}

/* Header */
/* General size and colors for content in the header cell. */
.pa-mp-header {
	min-height: 35px;
	 color: #fff;
	font-weight: bold;
}

/* Size and positioning of the first division within the header cell. */
.pa-mp-header > div:first-child {
	width: 850px;
	text-align: right;
	float: left;
	line-height: 3em;
}

/* Anchor link look and feel within the header cell. */
.pa-mp-header a:link, .pa-mp-header a:hover, .pa-mp-header a:active, .pa-mp-header a:visited {
	 color: #fff;
	text-decoration: underline;
}

/* Vertical alignment of any images added to the header cell. */
.pa-mp-header div, .pa-mp-header img {
	vertical-align: middle;
}

/* Vertical alignment of the SharePoint search box in the header cell. */
.s4-search {
	margin-top: 5px;
}

/* Common element styles */
/* Setting the background image for the standard SharePoint body division to use custom image. */
/* #s4-bodyContainer {
	background-image: url(/Style%20Library/en-us/Themable/PA-Branding/images/blue-gradient.jpg);
	background-repeat: no-repeat;
} */
/* Setting a bottom slice of the main gradient background image as the repeating background for the body of the page.  This will give the illusion of the gradient continuing on down the page indefinitely. */
body {
	 background-color: #001B42;
	background: url(/Style%20Library/en-us/Themable/PA-Branding/images/blue-gradient-strip.jpg);
	 color: #000;
	 font-family: Arial, Helvetica, Verdana, sans-serif;
}

/* Define the look and feel of anchor links within a web part.  Mainly the content editor. */
.ms-WPBody a:link, .ms-WPBody a:hover, .ms-WPBody a:active, .ms-WPBody a:visited {
	 color: #023793;
	text-decoration: underline;
	font-size: 11pt;
}

/* Define the look and feel of all H1 tags within and without web parts. */
h1, h1.ms-rteElement-H1, .ms-rteElement-H1 {
	 color: #001B42;
}

/* Define the look and feel of all H2 tags within and without web parts. */
h2, h2.ms-rteElement-H2, .ms-rteElement-H2 {
	 color: #001B42 !important;
}

/* Define the look and feel of all H3 tags within and without web parts. */
h3, h3.ms-rteElement-H3, .ms-rteElement-H3 {
	 color: #000;
}

/* Define the look and feel of all H4 tags within and without web parts. */
h4, h4.ms-rteElement-H4, .ms-rteElement-H4 {
	 color: #000;
}

/* Define the look and feel of all P tags within and without web parts. */
p, .ms-rteElement-P {
	 color: #000;
	font-size: 11pt;
}

/* Adjust the size of the standard form labels such as the ones used on the Contact Us page. */
.ms-standardheader {
	font-size: 11pt;
}

/* Set a consistent size for form controls used on the contact us page and elsewhere. */
input.ms-long, select.ms-RadioText, textarea.ms-long {
	width: 287px;
}

/* Remove shadowed border and scrollbars from browsers that support it. */
iframe {
	border: 0px;
	overflow: hidden;
}

/* Footer */
/* General size, alignment, and color of the footer cell. */
#pa-mp-footer {
	min-height: 40px;
	text-align: center;
	padding: 5px 0px;
	 color: #fff;
}

/* Color and decoration of anchor links appears within the footer cell. */
#pa-mp-footer a:link, #pa-mp-footer a:hover, #pa-mp-footer a:active, #pa-mp-footer a:visited {
	 color: #fff;
	text-decoration: underline;
}

/* Vertically aligning elements and images within the footer cell. */
#pa-mp-footer div, #pa-mp-footer img {
	vertical-align: middle;
}

/* Site Logo Area */
/* Top left gradient behind site logo image. */
#pa-mp-accent-left {
	position: absolute;
	min-height: 80px;
	width: 50%;
	top: 57px;
	left: 0px;
	background: #001b42;
	background: url("image/svg+xml;base64,pd94bwwgdmvyc2lvbj0ims4wiia/pgo8c3znihhtbg5zpsjodhrwoi8vd3d3lnczlm9yzy8ymdawl3n2zyigd2lkdgg9ijewmcuiighlawdodd0imtawjsigdmlld0jved0imcawidegmsigchjlc2vydmvb");
	background: -moz-linear-gradient(left,  #001b42 0%, #023793 10%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#001b42), color-stop(10%,#023793));
	background: -webkit-linear-gradient(left,  #001b42 0%,#023793 10%);
	background: -o-linear-gradient(left,  #001b42 0%,#023793 10%);
	background: -ms-linear-gradient(left,  #001b42 0%,#023793 10%);
	background: linear-gradient(to right,  #001b42 0%,#023793 10%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001b42', endColorstr='#023793',GradientType=1 );
}

.pa-mp-col1 > a > img {
	border-width: 0px;
	float: right;
	margin-right: 8px;
	margin-top: 35px;
}

/* Top right gradient in line with site logo image. */
#pa-mp-accent-right {
	position: absolute;
	width: 50%;
	min-height: 80px;
	top: 57px;
	left: 50%;
	background: #023793;
	background: url("image/svg+xml;base64,pd94bwwgdmvyc2lvbj0ims4wiia/pgo8c3znihhtbg5zpsjodhrwoi8vd3d3lnczlm9yzy8ymdawl3n2zyigd2lkdgg9ijewmcuiighlawdodd0imtawjsigdmlld0jved0imcawidegmsigchjlc2vydmvb");
	background: -moz-linear-gradient(left,  #023793 90%, #001b42 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(90%,#023793), color-stop(100%,#001b42));
	background: -webkit-linear-gradient(left,  #023793 90%,#001b42 100%);
	background: -o-linear-gradient(left,  #023793 90%,#001b42 100%);
	background: -ms-linear-gradient(left,  #023793 90%,#001b42 100%);
	background: linear-gradient(to right,  #023793 90%,#001b42 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#023793', endColorstr='#001b42',GradientType=1 );
}

/* required class on any element that wants to render a css gradient in Internet Explorer 9. */
<!--[if gte IE 9]>
  <style type="text/css">
    .gradient {
       filter: none;
    }
  </style>
<![endif]-->

/* Top Navigation */
/* Hide default navigation node. SharePoint adds a starting node named after the site by default. */
.s4-tn li.static > a { 
	display: none !important; 
} 

.s4-tn li.static > ul a{ 
	display: block !important; 
}

/* Set the color of the navigation link when viewing that selected sub-site. */
.s4-tn li.selected > .menu-item {
	 color: #C69316 !important;
}

/* Set size, spacing, and color of the navigation links. */
.s4-tn li.static > .menu-item {
	width: 100%;
	 color: #fff;
	white-space: nowrap;
	border: none;
	display: inline-block;
	height: 15px;
	vertical-align: middle;
	padding: 8px 0px;
}

.s4-tn li.static .menu-item-text {
	width: 98%;
	text-align: right;
	font-size: 18px;
	font-weight: bold;
	padding: 0px 0px;
}


.s4-tn li.static > a:hover {
	 color: #C69316;
	text-decoration: none;
}

.menu-vertical a.dynamic-children span.additional-background, .menu-vertical span.dynamic-children span.additional-background {
	padding-right: 0px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: right center;
}

.s4-tn ul.dynamic {
	width:870px;
	margin-bottom:20px;
	overflow:hidden;
	 background-color: #fff;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: medium;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #8FBDFF;
	border-right-color: #8FBDFF;
	 border-bottom-color: #000;
	border-left-color: #8FBDFF;
	z-index: 99;
}

.s4-tn ul.dynamic li.dynamic {
	width: 33.3%;
	line-height: 1.5em;
	float: left;
	display: inline;
}

.s4-tn li.dynamic > a:link, .s4-tn li.dynamic > a:hover, .s4-tn li.dynamic > a:active, .s4-tn li.dynamic > a:visited {
	background-color: transparent;
	text-decoration: none;
}

.s4-tn li.dynamic .menu-item-text:before {
	content: "\25B8";
}

.s4-tn li.dynamic .menu-item-text {
	 color: #001B42;
	font-size: small;
	text-align: left;
}

.s4-tn li.dynamic .menu-item-text:hover {
	 color: #023793;
}

/* Landing Page Template Specific Values */
/* Edgeless web part body within the top image zone of page layouts. */
div#pa-top-image .ms-WPBody {
	padding: 0px 0px 0px 0px;
}

div#pa-main-landing {
	float: left; 
	width: 605px;
    min-height: 700px;
	margin-left: 40px;
}

div#slides {
	border-style: solid;
	border-width: 1px;
	 border-color: #001B42;
}

/*iframe {
	border-style: groove;
	border-width: 1px; 
}
*/
div#pa-main-content {
	min-height: 700px;
	width: 800px;
	margin: 0px 40px;
}

div#pa-top-canvas {
	background: transparent url(/Style%20Library/en-us/Themable/PA-Branding/images/canvas-top.png) no-repeat scroll left top;
	min-height: 40px;
	margin-top: -1px !important; 
}

div#pa-bottom-canvas {
	background: transparent url(/Style%20Library/en-us/Themable/PA-Branding/images/canvas-btm.png) no-repeat scroll left bottom;
	min-height: 40px;
}

div#pa-main-landing .ms-WPBody, div#pa-main-content .ms-WPBody {
	overflow: hidden !important;
	max-width: 800px;
}

div#pa-sidebar {
	float: right; 
	width: 175px;
    min-height: 700px;
	margin-right: 40px;
}

div#pa-bottom-canvas {
	clear: both;
}

.ms-WPBody {
    font-size: 8pt !important;
    font-family: verdana,arial,helvetica,sans-serif !important;
}
.pa-side-callout {
	width: 174px;
	background: #001b42; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url("image/svg+xml;base64,pd94bwwgdmvyc2lvbj0ims4wiia/pgo8c3znihhtbg5zpsjodhrwoi8vd3d3lnczlm9yzy8ymdawl3n2zyigd2lkdgg9ijewmcuiighlawdodd0imtawjsigdmlld0jved0imcawidegmsigchjlc2vydmvb");
	background: -moz-linear-gradient(top,  #001b42 0%, #023793 24%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#001b42), color-stop(24%,#023793)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #001b42 0%,#023793 24%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #001b42 0%,#023793 24%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #001b42 0%,#023793 24%); /* IE10+ */
	background: linear-gradient(top,  #001b42 0%,#023793 24%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF001B42, endColorstr=#FF023793); 
}

.pa-sidebar-digest {
	padding: 5px 5px;
}

.pa-ga-viewer {
	padding: 5px 5px;
	width: 164px;
	background: #001b42; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url("image/svg+xml;base64,pd94bwwgdmvyc2lvbj0ims4wiia/pgo8c3znihhtbg5zpsjodhrwoi8vd3d3lnczlm9yzy8ymdawl3n2zyigd2lkdgg9ijewmcuiighlawdodd0imtawjsigdmlld0jved0imcawidegmsigchjlc2vydmvb");
	background: -moz-linear-gradient(top,  #001b42 0%, #023793 24%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#001b42), color-stop(24%,#023793)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #001b42 0%,#023793 24%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #001b42 0%,#023793 24%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #001b42 0%,#023793 24%); /* IE10+ */
	background: linear-gradient(top,  #001b42 0%,#023793 24%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF001B42, endColorstr=#FF023793);
}

.pa-ga-head {
	text-align: center;
	color: rgb(198,147,22) !important;
}

.pa-ga-body {
	padding: 0px 5px;
	color: #FFFFFF;
}

/* Agency Page Specific Values */
ul.pa-agency-list {
	list-style: none;
	float: left;
	width: 40%;
}

li.pa-agency-column {
	padding: 5px 0px;
	font-size: 11pt;
}

/* a.pa-agency-indent {
	margin-left: 25px;
} */

ul.pa-agency-list a:link, ul.pa-agency-list a:hover, ul.pa-agency-list a:active, ul.pa-agency-list a:visited {
	 color: #023793;
	text-decoration: underline;
}
/*CSS*/

.slides_container {
    width: 600px !important;
}

.s4-tn {
    margin-top: 95px !important;
}

ul.root.static {
    margin-left: 110px;
    list-style-type: none !important;
}

 h2 {
    font-weight: bold !important;
}

.pa-mp-header {
    padding-left: 22px;
}

/* a.static.menu-item[accesskey="1"] {
    margin-left: 35px !important;
} */

h1, h1.ms-rteElement-H1, .ms-rteElement-H1 {
    color: #001B42;
    font-weight: bold !important;
    font-family: arial !important;
}

/* h2, h2.ms-rteElement-H2, .ms-rteElement-H2 {
    color: #001B42;
    font-family: verdana;
} */

.ms-WPBody h2 {
    font-weight: bold !important;
    font-size: 150% !important;
}

.pa-sidebar-digest h2 {
    color: #c69316 !important;
}

#s4-bodyContainer {
    background-image: url(/Style%20Library/en-us/Themable/PA-Branding/images/blue-gradient.jpg);
    background-repeat: no-repeat;
    background-size: cover;
	padding-bottom: 110px !important;
}

.ms-WPBody h3 {
    font-weight: bold;
    font-size: 120%;
}

.ms-WPBody {
    font-family: verdana,arial,helvetica,sans-serif !important;
}

p.ms-rteElement-H3 {
    font-weight: normal !important;
}

p, .ms-rteElement-P {
    color: #000;
    font-size: 11pt !important;
}

.ms-rtestate-field p, p.ms-rteElement-P {
    line-height: 1.2 !important;
}

h2, h3, .ms-h2, .ms-h3, .ms-headerFont {
    font-family: verdana,arial,helvetica,sans-serif !important;
	}
	
.ms-rtestate-field p, p.ms-rteElement-P {
    margin: 0px 0px 3px 0px !important;	
}	

div#pa-top-canvas {
    margin-top: -2px !important;
}

.top-left {
    background-image: url(top-rounded-corners.png?ctag) !important;
}
.top-right {
    background-image: url(top-rounded-corners.png?ctag) !important;
}
.bottom-left {
    background-image: url(btm-rounded-corners.png?ctag) !important;
}
.bottom-right {
    background-image: url(btm-rounded-corners.png?ctag) !important;
}
.ms-webpartzone-cell {
    margin: auto auto 0px !important;
}

.pa-sidebar-digest {
    margin: 4px !important;
}

.ms-rteTable-default, .ms-rteTableHeaderFirstCol-default, .ms-rteTableHeaderLastCol-default, .ms-rteTableHeaderOddCol-default, .ms-rteTableHeaderEvenCol-default, .ms-rteTableFirstCol-default, .ms-rteTableLastCol-default, .ms-rteTableOddCol-default, .ms-rteTableEvenCol-default, .ms-rteTableFooterFirstCol-default, .ms-rteTableFooterLastCol-default, .ms-rteTableFooterOddCol-default, .ms-rteTableFooterEvenCol-default, TD.ms-rteTable-default, TH.ms-rteTable-default, .ms-rtetablecells {
    border: solid 1px #BFBFBF !important;
    padding: 2px !important;
    vertical-align: top !important;
}

.ms-rteFontSize-3 {
    font-size: 10pt !important;
}

.ms-WPBody td {
    font-size: 8pt !important;
    font-family: verdana,arial,helvetica,sans-serif !important;
}

th.ms-rteTableHeaderEvenCol-default {
    font-weight: bold !important;
	text-align: center !important;
	color: black !important;
}

th.ms-rteTableHeaderOddCol-default {
    font-weight: bold !important;
	text-align: center !important;
	color: black !important;
}

a.pa-agency-indent {
    margin-left: 0px !important;
}

h1, h1.ms-rteElement-H1, .ms-rteElement-H1 {
    font-family: verdana,arial,helvetica,sans-serif !important;
}

.ms-WPBody h1 {
    font-weight: bold;
    font-size: 200%;
}

.ms-signInLink{
	display:none !important
}
