﻿/*--- Home Page Content ---*/

#splashPanel /* main graphic on home page */
{
    /*
	background-image: url('/SiteCollectionImages/splash.jpg');
*/
	background-repeat: no-repeat;
	/*
    height:430px;
*/
    width: 735px;
}

#carouselPanel /* position of carousel relative to top of splashPanel above */
{
    background-color:transparent;
    position: relative;
    left: 5px;
    top: 223px;
}

.divPageHomeWebPartTop 
{
	padding-top:0px;
	padding-left:10px;
	height: 1px;
}


/*--- Main Content Area Styles ---*/

/* landing page banner */

#pageLeftContent .divPageSecondaryWebPartTop {
	margin-bottom: 20px;
}

/* base style */

#pageLeftContent .ms-WPBody
{
	font-family:Arial, Helvetica, sans-serif !important;
	color:#676767;
	font-size:100% !important;
}

#pageLeftContent #s4-mainarea {
	font-size:100%;
	font-family:Arial, Helvetica, sans-serif !important;
}

/* main headers */
#pageLeftContent .ms-WPBody h1
{
	font-size:190%;
	font-weight: normal;
	color:#263d3c;
	margin: 5px 0 2px 0;
}

#pageLeftContent .ms-WPBody h1.news {
	font-size:160%;
}

#pageLeftContent .ms-WPBody h2
{
	font-size:170%;
	font-weight: normal;
	margin: 0 0 2px 0;
	color:#263d3c;
}

#pageLeftContent .ms-WPBody h2.news {
	font-size:140%;
}

/* color for h2 on article pages */
#divPageTertiaryWebPartZone .ms-WPBody h2, #divPageTertiaryWebPartZone .divPageWebPartTop h2,
#divPageTertiaryWebPartZone .divPageFormsWebPartTop h2
{
	color:#006666 !important;
}

#pageLeftContent .ms-WPBody h3
{
	font-size:150%;
	font-weight: normal;
	color:#263d3c;
	margin: 0 0 2px 0;
}

#pageLeftContent .ms-WPBody h3.news {
	font-size:125%;
}

#pageLeftContent .ms-WPBody h4
{
	font-size:110%;
	color:#006666;
	margin: 0 0 2px 0;
}

#pageLeftContent .ms-WPBody h5
{
	font-size:100%;
	color:#444;
	margin: 0 0 2px 0;
}

/* paragraph styles */

#pageLeftContent .ms-WPBody p
{
	font-size:100%;
	margin: 5px 0 10px 0;
}

#pageLeftContent .ms-WPBody blockquote p
{
	margin: 0;
}

#pageLeftContent .ms-WPBody .large
{
	font-size:120%;
}

#pageLeftContent .ms-WPBody .largeSerif
{
	font-size:120%;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#pageLeftContent .ms-WPBody .small
{
	font-size:90%;
	font-style:italic;
	color:#444;
}

#pageLeftContent .ms-WPBody .center
{
	text-align:center;
}

/* list items */
#pageLeftContent .ms-WPBody ul, #pageLeftContent .ms-WPBody ol
{
	font-size:100%;
	margin-top: 5px;
}

#pageLeftContent .ms-WPBody ul ul, #pageLeftContent .ms-WPBody ol ol
{
	font-size:100%;
	margin-top: 0px;
}

#pageLeftContent .ms-WPBody ol ol, #pageLeftContent .ms-WPBody ol ol li
{
	list-style-type:lower-alpha;
}

#pageLeftContent .ms-WPBody li
{
	font-size:100%;
	margin-bottom: 4px;
}

#pageLeftContent .ms-WPBody dt
{
	font-size:100%;
	color:#263d3c;
	font-weight:bold;
}

#pageLeftContent .ms-WPBody dd
{
	font-size:100%;
	margin-bottom: 10px;
}

/* content links */
#pageLeftContent .ms-WPBody a
{
	cursor: pointer;
}

#pageLeftContent .ms-WPBody a:link, #pageLeftContent .ms-WPBody a:visited
{
	color:#006666;
	text-decoration:underline;
}

#pageLeftContent .ms-WPBody a:hover
{
	color:#666666;
	text-decoration: underline;
}

/* callout boxes */

#pageLeftContent .ms-WPBody .Callout_1
{
	border: 1px solid #444;
	width: 25%;
	float: right;
	margin: 5px 8px 5px 10px;
	padding: 5px;
}

#pageLeftContent .ms-WPBody .Callout_2
{
	border: 1px solid #444;
	width: 40%;
	float: right;
	margin: 5px 8px 5px 10px;
	padding: 5px;
}

#pageLeftContent .ms-WPBody .Callout_3
{
	border: 1px solid #444;
	width: 25%;
	float: left;
	margin: 5px 10px 5px 0;
	padding: 5px;
}

#pageLeftContent .ms-WPBody .Callout_4
{
	border: 1px solid #444;
	width: 40%;
	float: left;
	margin: 5px 10px 5px 0;
	padding: 5px;
}

#pageLeftContent .ms-WPBody .Callout_1 p, #pageLeftContent .ms-WPBody .Callout_2 p, #pageLeftContent .ms-WPBody .Callout_3 p, #pageLeftContent .ms-WPBody .Callout_4 p
{
	margin:0;
}


/* image styles */
#pageLeftContent .ms-WPBody .imgRight
{
	border: 1px solid #ccc;
	width: auto;
	float: right;
	margin: 0 8px 5px;
	padding: 5px;
	font-size: 90%;
}

#pageLeftContent .ms-WPBody .imgRight0
{
	width: auto;
	float: right;
	margin: 5px 8px;
}

#pageLeftContent .ms-WPBody .imgLeft
{
	border: 1px solid #ccc;
	width: auto;
	float: left;
	margin: 0 8px 5px;
	padding: 5px;
	font-size: 90%;
}	

#pageLeftContent .ms-WPBody .imgLeft0
{
	width: auto;
	float: left;
	margin: 5px 8px;
}	

#pageLeftContent .ms-WPBody .clear {
	clear:both;
}

/* borders & shading */

#pageLeftContent .ms-WPBody .border
{
	border: 1px solid #676767;
	padding: 10px;
	color: #676767;
}

#pageLeftContent .ms-WPBody .topBorder {
	border-top:1px solid #CFD4D8;
	padding-top:10px;
	margin-top:10px;
}

#pageLeftContent .ms-WPBody .bottomBorder {
	border-bottom:1px solid #CFD4D8;
	padding-bottom:10px;
	margin-bottom:10px;
}

#pageLeftContent .ms-WPBody hr
{
	background-color: #263d3c; 
	width: 100%; 
	height: 1px; 
	color: #263d3c;
}

#pageLeftContent .ms-WPBody .BG_teal
{
	background-color:#006666;
	color:#FFF;
	padding: 10px;
}

#pageLeftContent .ms-WPBody .BG_teal a:link, #pageLeftContent .ms-WPBody .BG_teal a:visited
{
	color:#E8E395;
}

#pageLeftContent .ms-WPBody .BG_teal a:hover
{
	color:#ddd;
}

#pageLeftContent .ms-WPBody .BG_yellow
{
	border: 1px solid #444;
	background-color:#fff9e4;
	padding: 10px;
	color: #263d3c;
}

#pageLeftContent .ms-WPBody .BG_gray
{
	border: 1px solid #000;
	background-color:#ccc;
	padding: 10px;
	color: #000;
}


/* tables */

/* basic table style */

#pageLeftContent .ms-WPBody table th, #pageLeftContent .ms-WPBody table td {
	font-family:Arial, Helvetica, sans-serif !important;
	font-size:100%;
}


/* data table with borders */
#pageLeftContent .ms-WPBody table.dataTable {
	border-collapse: collapse; margin: 6px 0 7px 0; 
}

#pageLeftContent .ms-WPBody table.dataTable tr th 
{ 
	vertical-align: middle; 
	border: 1px solid #676767; 
	background:#fff9e4; 
	padding: 4px 8px;
}
#pageLeftContent .ms-WPBody table.dataTable thead tr td 
{ 
	color: #444; 
	margin: 14px 0 0 0;
	vertical-align: middle; 
	border: 1px solid #676767; 
	background:#fff9e4; 
	padding: 4px 8px;
}
#pageLeftContent .ms-WPBody table.dataTable tr td 
{ 
	vertical-align: top;
	border: 1px solid #676767;
	background:#fff; 
	padding: 4px 8px;
}

/* data table with bg */
#pageLeftContent .ms-WPBody table.dataTableBG { 
	border-collapse: collapse; 
	margin: 6px 0 7px 0; 
}

#pageLeftContent .ms-WPBody table.dataTableBG tr th 
{ 
	color: #fff; 
	vertical-align: middle; 
	border: 1px solid #000; 
	background:#006666; 
	padding: 4px 8px;
}

#pageLeftContent .ms-WPBody table.dataTableBG tr td 
{ 
	vertical-align: top;
	border: 1px solid #676767;
	background:#ededed; 
	padding: 4px 8px;
	color: #444; 
}

/* data table plain styling */

#pageLeftContent .ms-WPBody table.dataTablePlain { 
	border-collapse: collapse; 
	margin: 6px 0 7px 0; 
}

#pageLeftContent .ms-WPBody table.dataTablePlain tr th 
{ 
	color: #444; 
	vertical-align: middle; 
	border: 1px solid #ddd; 
	padding: 4px 8px;
}

#pageLeftContent .ms-WPBody table.dataTablePlain tr td 
{ 
	color: #444; 
	vertical-align: top;
	border: 1px solid #ddd;
	padding: 4px 8px;
}

/*--- collapsible content styling ---*/

#pageLeftContent .ms-rteElement-PSECollapsible 
{
    -ms-name:"PSE Collapsible";
	text-decoration: none;
	font-size:100%;
	color:#676767;
	margin-left:15px;
}

#pageLeftContent .ms-rteElement-PSECollapsible h4, .ms-rteElement-PSECollapser h4
{
	font-size:100%;
	color:#006666;
	margin: 0 0 2px 0;
}

#pageLeftContent .ms-rteElement-PSECollapsible h5, .ms-rteElement-PSECollapser h5
{
	font-size:100%;
	color:#444;
	margin: 0 0 2px 0;
}

#pageLeftContent div.ms-rteElement-PSECollapser
{
    -ms-name:"PSE Collapser";
	color:#006666;
	text-decoration: none;
	cursor:pointer;
}

#pageLeftContent .collapserArrowDown
{
	cursor: pointer;
	padding-left: 14px;
	background: url('/Style%20Library/PSEcom/Images/collapser_arrow_down.png') no-repeat 0px 2px;
}

#pageLeftContent .collapserArrowUp
{
	cursor: pointer;
	padding-left: 14px;
	background: url('/Style%20Library/PSEcom/Images/collapser_arrow_up.png') no-repeat 0px 2px;
}

#pageLeftContent .arrow {
	color:#89c5c3;
}


/* Content Query styling */

.divPageTertiaryWebPartZone .ms-WPHeader {
	background-color: #fff;
}

.divPageTertiaryWebPartZone .ms-WPHeaderTd {
	padding:0;
}

.divPageTertiaryWebPartZone .dfwp-column {
	margin-left: 10px;
}

.divPageTertiaryWebPartZone .dfwp-column .whitespace {
	padding-bottom: 0px;
	height: 5px;
}

.divPageTertiaryWebPartZone .ms-WPHeader .ms-standardheader, .divPageTertiaryWebPartZone .ms-WPHeader .ms-WPtitle {
	font-family:Arial, Helvetica, sans-serif;
	background-color: #fff;
	font-size:150%;
	font-weight: normal;
	color:#263d3c;
	padding:0;
	margin: 0 0 2px 0;
}

.ms-WPBody .link-item a, .ms-WPBody .link-item .description {
    font-family; Arial, Helvetica, sans-serif;
}
 
/*--- Featured Content Area Styles ---*/

/* content box */
/*
moved to puget.css
#pageRightContent table.s4-wpTopTable
{
    background-color: #f4f4f4;
    width:221px;
	margin: 12px 10px 15px;
	padding: 15px 0;
}
*/
#pageRightContent table.s4-wpTopTable tr
{
	padding: 0px;
	margin-top: 0px;
}


/* content main title */
#pageRightContent .ms-wpTdSpace
{
	width:0px;
	padding: 0;
	margin: 0;
}

#pageRightContent h3.ms-WPTitle
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#263d3c;
	margin: 15px 14px 15px 10px;
	padding: 0;
}

/* content sub-titles */
#pageRightContent .groupheader
{
	font-size:15px !important;
	color:#263d3c;
	margin-left: 10px;
	padding-left: 0;
	margin-top: 0;
	padding-top: 0 !important;
}

#pageRightContent .s4-wpTopTable .item
{
	padding-top: 0 !important;
}

/* content links list */
#pageRightContent .dfwp-list
{
    margin-left: 0px;
	margin-bottom: 15px;
}

#pageRightContent .dfwp-list .item
{
	font-family:Arial, Helvetica, sans-serif !important;
    padding: 2px 0 2px 10px;
}

/* content links */
#pageRightContent .ms-WPBody a:link, #pageRightContent .ms-WPBody a:visited, #pageRightContent .ms-WPBody a:active
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#006666;
	text-decoration: none;
}

#pageRightContent .ms-WPBody a:hover
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	text-decoration: underline;
}

/* definition list styles for right nav */

#pageRightContent .contactInfo {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#263d3c;
}

#pageRightContent .contactInfo dl {
    padding: 2px 5px 2px 10px;
	margin-top: 0;
}

#pageRightContent .contactInfo dt
{
	font-size:100%;
	font-weight:bold;
	margin-left: 10px;
	padding-left: 0;
	margin-top: 0;
	padding-top: 0 !important;
}

#pageRightContent .contactInfo dd
{
	font-size:100%;
	margin: 0 10px 10px;
	padding-left: 0;
	padding-top: 0 !important;
}

/* Additional Event Calendar Styles (base styles are in puget.css) */

.divEventSearchTitles
{
	font-size:16px;
	font-weight: normal;
}

.divEventSearchTitles a
{
	font-size:12px;
	font-weight: bold;
	margin-left: 18px;
	margin-top: -10px;
	margin-bottom:10px;
}

.divSearchButton
{
	line-height:200%;
	font-size:12px;
	font-weight: bold;
}

.divEventSearchDropList SELECT {
	height: 24px !important;
	margin-bottom:2px;
}

#eventSearchResultColumn div { 
	padding: 0 10px;
}

.divEventSearchFeaturedtitle {
	margin-top: 5px;
	margin-bottom: 10px;
}

.divEventSearchResultTitle
{
	font-weight:normal;
	color:#263d3c;
	padding-top:5px;
}

.divEventSearchResultDate
{
	padding-bottom:2px;
	font-size:12px;
}

/* End Additional Event Calendar Styles */

/*--- Search Results Styles ---*/

#pageLeftContent .srch-Title3
{
    padding-left: 0px;
}

#pageLeftContent .srch-Title3 a:link
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:150%;
	color:#006666 !important;
	padding-bottom: 10px;
	text-decoration: none !important;
}

#pageLeftContent .srch-Title3 a:visited
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:150%;
	color:#006666 !important;
	padding-bottom: 10px;
	text-decoration: none !important;
}

#pageLeftContent .srch-Title3 a:hover
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:150%;
	color:#006666 !important;
	padding-bottom: 10px;
	text-decoration: underline !important;
}

#pageLeftContent .srch-Title3 a:active
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:150%;
	color:#006666 !important;
	padding-bottom: 10px;
	text-decoration: none !important;
}

#pageLeftContent .srch-Description2
{
	font-family:Arial, Helvetica, sans-serif;
    font-size: 100%;
    margin-left: 0px;
    max-width: 700px;
}

#pageLeftContent .srch-Description2 strong
{
    color: #006666;
    font-weight: normal;
}

#pageLeftContent .srch-URL2
{
	font-family:Arial, Helvetica, sans-serif;
    color: #006666 !important;
    font-size: 100%;
    margin-left: 0px;
    max-width: 700px;
}

#pageLeftContent p.srch-Metadata1
{
	font-family:Arial, Helvetica, sans-serif;
    margin: 2px 0 20px 0;
}

#pageLeftContent .srch-Metadata2
{
	font-family:Arial, Helvetica, sans-serif;
    color: #000000;
    margin-left: 0px;
}

#pageLeftContent div.srch-stats
{
	font-family:Arial, Helvetica, sans-serif;
    margin-left: 0px;
}

#pageLeftContent .srch-results-header
{
    float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:190%;
	font-weight: normal;
	color:#263d3c;
}

#pageLeftContent .srch-results-term
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:190%;
	font-weight: normal;
	color:#CFA624;
}
/*--- End Search Results Styles ---*/


/* form web part styles */

.formWebPart
{
    background-color:#ffffff;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size:12px;
}
.formWebPartSection
{
    border:1px solid #dddddd;
    margin-bottom:10px;
    width:510px;
    padding:10px;
}
.formWebPartSectionBorderless
{
    margin-bottom:10px;
    padding:10px;
}
.formWebPartRow
{
    padding-top: 5px;
}
.formWebPartH1
{
    font-size: 8pt; 
}
.formWebPartH2
{
    color:#006666;
    font-size:14pt;
    padding: 5px 0 6px 0;
}
.formWebPartH3
{
    color:#006666;
    font-size:11pt;
    font-weight:bold;
    padding: 10px 0 5px 0;
}
.formWebPartLabel
{
    font-size: 10pt; 
    font-weight: bold;
}
.formWebPartText
{
    color:#006666;
    font-family:Arial;
    font-size:10pt;
    font-weight: normal;
}
.formWebPartRequired
{
    color:#ff0000;
}
.formWebPartInputTextBox
{
    font-size:10pt;
    width:500px;
}
.formWebPartButton
{
    background-color:#006666;
    color:White; 
    font-size:10pt;
    cursor:pointer;
}
.formWebPartTextbox {
	padding: 2px;
	border: 1px solid #ccc;
}
.formWebPartListbox 
{
    font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	padding: 4px;
}

/* end of form web part styles */
/* Table Sort Styles */
/* tables */
table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #EDEDED;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image:  url('/Style%20Library/PSEcom/Images/bg.gif');
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image:  url('/Style%20Library/PSEcom/Images/asc.gif');
}
table.tablesorter thead tr .headerSortDown {
	background-image:  url('/Style%20Library/PSEcom/Images/desc.gif');
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #CCCCCC;
}


/*End Table Sorter*/

#slideShowControl #slideShowContent
{
    height:520px;
}

#splashPanel #slideShowControl #slideShowContent 
{
    height:397px;
}

/*--- Email Optin Styles ---*/


#pageRightContent .emailOptIn
{	
    padding:5px;
}
#pageRightContent .emailOptInTextBox
{
    border: 1px solid #B2B0A4;
    font-family: Arial;
    font-size: 10pt;
    color: #425a75;    
    height: 18px;
    margin-right: 4px;
    padding-left: 2px;
    width:140px;
}
 .emailOptIn
{	
    padding:5px;
}
 .emailOptInTextBox
{
    border: 1px solid #B2B0A4;
    font-family: Arial;
    font-size: 10pt;
    color: #425a75;    
    height: 18px;
    margin-right: 4px;
    padding-left: 2px;
    width:140px;
}

 .emailOptInLabel
{
    font-family: Arial;
    font-size: 10px;
    color: #676767;
}
.emailOptInTextDefault
{
    font-style:italic;
}
 a.emailOptInButton
{
    background-color: #006666;
    border: 1px solid green;
    color: white !important;
    cursor: pointer;
    font-family: Arial;
    font-size: 11px !important;
    height: 20px;
    line-height: 17px;
    padding:2px 6px;
    text-decoration: none !important;
}

 a.emailOptInButton:hover
{
    background-color: #444;
    text-decoration: none;
}
.emailOptInError
{
    font-size:smaller;

}


/* End Email Optin Styles */