﻿.agency_banner_td {
    background-color: #43526C;
    height: 50px;
    vertical-align:middle;
}

.agency_banner_txt {
    margin-left: 15px;
}

.agency_banner_txt a {
    color: #FFFFFF;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 125%;
    font-weight: bolder;
    text-decoration: none;
}

.agency_banner_txt a:hover {
    text-decoration: underline;
}

.agency_banner_img {
    text-align: right;
}

.agency_banner_img img {
    margin-bottom: 0;
    margin-left: 0;
}

.agency_banner_bottom_shade {
/*Agency Banner Shade image was missing from the file system, so I temporarily added it to Site Collection Images. */
    /*background-image: url("/web/20170119082104oe_/http://www.oregon.gov/_layouts/OID.Web.V3/images/mp/agency_banner_shade.gif");*/
    background-image: url("/web/20170119082104oe_/http://www.oregon.gov/_layouts/OID.Web.V3/images/mp/agency_banner_shade.gif");
    background-repeat: repeat-x;
    height: 5px;
}

/*change this width of the center column of the homepage layout to auto and the widths of the the left & right columns to explicitly 180px 
	(which is the width at which they are consistently rendering) to make the page behave more like the original V3 layout. */
.agency_menu_td {
    background-color: #D1D4DB;
    width: 180px; 
}
.std_pop_header { 
	background: #293352;
    color: #fff;    
    font-family: Georgia,"Times New Roman",Times,serif;
    height: auto;
    line-height: normal;
    margin-bottom: 15px;
    text-align: center; 
    width: 49% !important;   
}
.featured_services_header {    
    border-bottom: 6px solid #293352;
    border-top: 6px solid #293352;
    background: #293352;
}
.featured_services_links {
    list-style-type: none;
    margin-bottom: 12px;
    margin-left: 7px;
    margin-top: 7px;
    padding-left: 0;
    text-align: left;
}

.featured_services_links li {
    line-height: 0.75em;
    margin-bottom: 7px;
    margin-top: 0;
    padding-bottom: 3px;
    padding-right: 5px;
    padding-top: 2px;
}

.featured_services_links a, .featured_services_links a:hover, .featured_services_links a:visited, .featured_services_links a:link {
    color: #000000 !important;
    font-family: Arial,Helvetica,sans-serif;   
}

.featured_services_links a:hover {
    text-decoration: underline;
}

.agency_body_right_td {
    background-color: #FFFFFF;
    width: 100%;
}

.boxColor1 {
    background-color: #43526C;
    color: #FFFFFF;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-style: normal;
    font-weight: normal;
    line-height: 1.25em;
    padding: 6px;
    text-align: left;
    vertical-align: top;
    word-spacing: normal;
}

#kut .udm a {
    background-color: #D1D4DB;
    border-color: transparent;
    border-style: dotted;
    color: #000000;
}

#kut .udm a:hover {
    background-color: #FFFFFF;
    border-color: #B7BED5;
}

#kut .udm li ul li a {
    background-color: #FFFFFF;
    border-color: #B7BED5;
}

#kut .udm li ul li a:hover {
    background-color: #E2E7EA;
}

.featured_services_links a {
    color: #000000;
}

/*  override ootb rte style for system richtext editor ms-rte*/
.ms-rteStyle-bodyText {
	-ms-name: "body text";
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 11.2px !important;
	font-weight: normal;
}

.ms-rteStyle-std_pop_text {
	-ms-name: "Popularity Text";
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
	font-size: 13px;
}

.ms-rteStyle-pop_subhead_black {
	-ms-name: "Popularity Sub-Header Black";
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	display: block;
}

.ms-rteStyle-pop_subhead_blue {
	-ms-name: "Popularity Sub-Header Blue";
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: bold;
	color: #293352;
	display: block;
}

.ms-rteStyle-pop_subhead_red {
	-ms-name: "Popularity Sub-Header Red";
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: bold;
	color: #600709;
	display: block;
}

/*Element Styles for the Markup Styles Drop-down in the ribbon*/
H2.ms-rteElement-H2 {
	-ms-name: "Header";
	padding-bottom: 2px;
	background-color: #293352;
	font-style: normal;
	text-indent: 6px;
	padding-right: 6px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-position: left center;
	font-size: 14px;
	font-weight: bold;
	padding-top: 2px;
	color: #fff;
}

H2.ms-rteElement-H2Black {
	-ms-name: "Header Black";
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-position: left center;
	color: #000;
	font-size: 110%;
	font-weight: bold;
}

H3.ms-rteElement-H3 {
	-ms-name: "Sub-Header";
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 100%;
	font-weight: bold;
}
    
H3.ms-rteElement-H3Italic {
	-ms-name: "Sub-Header Italic";
	font-style: italic;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 70%;
	font-weight: bold;
}

a.ms-rteElement-more_text {
	-ms-name: "Popularity Box 'More' Link";
	color: #c00 !important;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
    margin-top: 0;
    text-align: left;
    text-decoration: none;
}

/*Styles for formatting tables*/
table.ms-rteTable-ShadedRows {
	-ms-name: "Shaded Rows"; 		/* sets the name of the table style */
}

table.ms-rteTable-ShadedRows td {
	height: 20;						/* sets the height for all td cells in the table */
}

table.ms-rteTable-ShadedRows tr.ms-rteTableEvenRow-ShadedRows td {
	background: #f0f0e0; 			/* set the background color of alternating rows */
}

table.ms-rteTable-ShadedRows tr.ms-rteTableOddRow-ShadedRows td {
	background: #fff;
}

/* Image Postioning and Formatting Styles */
.ms-rteImage-0 {
	-ms-name: "No border";
}
.ms-rteImage-1 {
	background-image: url(/web/20170119082104oe_/http://www.oregon.gov/_layouts/images/tabtitlerowbottombg.png);
	border: #385b83 1px solid;
	background-color: #182738;
	background-repeat: repeat-x;
	background-position: 50% top;
	-ms-name: "Thin line border";
}
.ms-rteImage-2 {
	padding: 2px;
	border-bottom: #bfbfbf 1px solid;
	border-left: #d8d8d8 1px solid;
	border-top: #d8d8d8 1px solid;
	border-right: #bfbfbf 1px solid;
	-ms-name: "Table border";
}
.ms-rteImage-3 {
	padding: 15px;
	background: url(/web/20170119082104oe_/http://www.oregon.gov/_layouts/images/tabtitlerowbottombg.png) #182738 fixed repeat-x left bottom;
	-ms-name: "Dark border";
}
.ms-rteImage-4 {
	background-image: url(/web/20170119082104oe_/http://www.oregon.gov/_layouts/images/selbg.png);
	border-bottom: #bfbfbf 1px solid;
	border-left: #d8d8d8 1px solid;
	border-top: #d8d8d8 1px solid;
	border-right: #bfbfbf 1px solid;
	padding: 6px 6px 33px 6px;
	background-color: #f2f2f2;
	background-repeat: repeat-x;
	background-position: 50% top;
	-ms-name: "Light border";
}

.ms-rtePosition-1 {
	float: left;
	-ms-name: "Left";
}
.ms-rtePosition-2 {
	float: right;
	-ms-name: "Right";
}
.ms-rtePosition-3 {
	vertical-align: text-top;
	-ms-name: "Top";
}
.ms-rtePosition-4 {
	vertical-align: middle;
	-ms-name: "Middle";
}
.ms-rtePosition-5 {
	vertical-align: text-bottom;
	-ms-name: "Bottom";
}