/* Web fonts ------------------------------------ */

@font-face {
    font-family: 'MyriadProBoldCondensed';
    src: url('Fonts/myriadpro-boldcond-webfont.eot');
    src: url('Fonts/myriadpro-boldcond-webfont.eot?#iefix') format('embedded-opentype'), url('Fonts/myriadpro-boldcond-webfont.svg#MyriadProBoldCondensed') format('svg');
    url('Fonts/myriadpro-boldcond-webfont.woff') format('woff'),
    url('Fonts/myriadpro-boldcond-webfont.ttf') format('truetype'),
    /*	font-stretch: normal; font-size-adjust: none; font-variant: normal;	*/
    font-weight: normal;
    font-style: normal;
}


/*
@font-face {
    font-family: 'MyriadProBoldCondensed';
    src: url('/webfontkit/myriadpro-boldcond-webfont.eot');
    src: url('/webfontkit/myriadpro-boldcond-webfont.eot?#iefix') format('embedded-opentype'),
url('/webfontkit/myriadpro-boldcond-webfont.woff') format('woff'),
url('/webfontkit/myriadpro-boldcond-webfont.ttf') format('truetype'),
url('/webfontkit/myriadpro-boldcond-webfont.svg#MyriadProBoldCondensed') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/
/*From Bootstrap3.0*/
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('Fonts/glyphicons-halflings-regular.eot');
  src: url('Fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('Fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('Fonts/glyphicons-halflings-regular.woff') format('woff'), url('Fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}

/* -- end of Web fonts -------------------------- */


/* Start of side menu CSS */

body,
button,
input,
select,
textarea {
    font-family: sans-serif;
    color: #222;
}

::selection {
    background: #5E5F5F;
    color: #fff;
    text-shadow: none;
}

.block {
    clear: both;
}

.block .lightgrey,
.block .lightgrey:hover,
.block .hot-link {
    background: #F3F4F4;
    color: #000;
}

.block ul li a,
.block ul li a:visited {
    min-width: 90%;
    /* height:90%; */
    margin: 0;
    padding: 6px 5%;
    text-decoration: none;
    display: block;
    *font-size: 11px;
}

.block ul li a:hover,
.block ul li a:focus,
.block ul li a:active {
    background: #BB2025;
    color: #FFF;
}

.block .lightgrey,
.block .lightgrey:hover,
.block .hot-link {
    background: #F3F4F4;
    color: #000;
}

.block .nochange:hover {
    background: #DADBDC;
    color: #000;
}

.block .hot-link {
    height: 28px
}

.block ul li {
    width: 100%;
    background: #DADBDC;
    font-size: 14px;
    position: relative;
    display: block;
    border-bottom: 2px solid #ffffff
}

#sideMenu,
#sideMenu * {
    z-index: 500
}

#sideMenu a,
a:link,
a:visited,
a:active {
    color: #000;
    text-decoration: none;
    border: none;
}

#sideMenu a:hover {
    color: #fff;
    text-decoration: none;
    border: none;
}

#sideMenu ul {
    -webkit-padding-start: 0px;
}

#sideMenu li {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0px 0px 0px 0px
}

#sideMenu li {
    border-bottom: solid border-bottom-color: #FFF;
    font-family: MyriadProBoldCondensed, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #000000;
    text-transform: uppercase
}


/*--- SLIDE OUT ADDED BY STEVEN SALINAS edited by ES---*/

.block .lightgrey,
.block .hot-link {
    position: relative;
    z-index: 500
}

.block .lightgrey .side-sub-menu,
.block .hot-link .side-sub-menu {
    display: none;
}

.block .lightgrey:hover .side-sub-menu,
.block .hot-link:hover .side-sub-menu,
.block .hot-link:focus-within .side-sub-menu {
    width: 100%;
    position: absolute;
    top: 0px;
    left: 100%;
    display: block
}

.side-sub-menu,
.side-sub-menu * {
    z-index: 500
}


/*  H3 -- used for "OFFICE"  */

h1,
h2,
h3,
h4,
h5,
h6,
.more,
.block li,
.news-teaser .date,
.staff .name,
.smleft-title,
.emergency-info,
#info p,
#nav .nav,
.megamenu .column h3,
.block h6,
.block h5,
ul.ldd_menu > li > span,
#nav li.ldd_heading,
a.ldd_subfoot,
.blue ul.mega-menu li a,
.emergency-info li,
.blue ul.mega-menu li .sub li.mega-hdr,
#menu li {
    font-family: 'MyriadProBoldCondensed', Arial, Helvetica, sans-serif;
    letter-spacing: 0px;
    color: #000;
    text-transform: uppercase;
    font-weight: normal;
    *font-family: Arial, Helvetica, sans-serif;
    *font-weight: bolder;
    *letter-spacing: .2;
    /*}*/
}


/*
h3 {
	font-size:16px; 
	width:90%;
	padding:6px 5%;
	color:#000;
	margin:0px;
	background-color:#BBBBBB;
	*font-size: 11px;
	}
*/

.request-service {
    margin-left: 10px;
    color: #5e5f5f;
    font-size: 12px;
    lin-height: 16px
}


/* ******************************************************************** */


/* Clearfix: http://csscreator.com/attributes/containedfloat.php        */


/* ******************************************************************** */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}


/* Hides from IE-mac \*/

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}


/* End hide from IE-mac */


/* ******************************************************************** */


/*                      printer styles                                  */


/* ******************************************************************** */

@media print {
    /*hide the left column when printing*/
    #leftcol {
        display: none;
    }
    /*hide the right column when printing*/
    #rightcol {
        display: none;
    }
    #twocols,
    #maincol {
        width: 100%;
        float: none;
    }
}


/* CSS Document */


/* Last updated by Steven Salinas 21-dec-2011 */


/* 
 * HTML5 ✰ Boilerplate
 *
 * What follows is the result of much research on cross-browser styling. 
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 * 
 * ==|== normalize ==========================================================
 */


/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

audio:not([controls]) {
    display: none;
}

[hidden] {
    display: none;
}


/* =============================================================================
   Base
   ========================================================================== */


/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Force vertical scrollbar in non-IE
 * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html {
    font-size: 100%;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    margin: 0;
    font-size: 13px;
    line-height: 1.231;
    font-stretch: normal;
    font-size-adjust: none;
    font-variant: normal;
    font-weight: normal;
    font-style: normal;
}

body,
button,
input,
select,
textarea {
    font-family: sans-serif;
    color: #222;
}


/* 
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

::-moz-selection {
    background: #5E5F5F;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #5E5F5F;
    color: #fff;
    text-shadow: none;
}


/* =============================================================================
   Links
   ========================================================================== */

a {
    color: #00e;
}

a:visited {
    color: #551a8b;
}

a:hover {
    color: #06e;
}

a:focus {
    outline: thin dotted;
}


/* Improve readability when focused and hovered in all browsers: h5bp.com/h */

a:hover,
a:active {
    outline: 0;
}


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

dfn {
    font-style: italic;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

ins {
    background: #ff9;
    color: #000;
    text-decoration: none;
}

mark {
    background: #ff0;
    color: #000;
    font-style: italic;
    font-weight: bold;
}


/* Redeclare monospace font family: h5bp.com/j */

pre,
code,
kbd,
samp {
    font-family: monospace, monospace;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}


/* Improve readability of pre-formatted text in all browsers */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

q {
    quotes: none;
}

q:before,
q:after {
    content: "";
    content: none;
}

small {
    font-size: 85%;
}


/* Position subscript and superscript content without affecting line-height: h5bp.com/k */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}


/* =============================================================================
   Lists
   ========================================================================== */

ul,
ol {
    margin: 1em 0;
    padding: 0 0 0 40px;
}

dd {
    margin: 0 0 0 40px;
}

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}


/* =============================================================================
   Embedded content
   ========================================================================== */


/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e 
 */

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
}


/*
 * Correct overflow not hidden in IE9 
 */

svg:not(:root) {
    overflow: hidden;
}


/* =============================================================================
   Figures
   ========================================================================== */

figure {
    margin: 0;
}


/* =============================================================================
   Forms
   ========================================================================== */

form {
    margin: 0;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}


/* Indicate that 'label' will shift focus to the associated form element */

label {
    cursor: pointer;
}


/* 
 * 1. Correct color not inheriting in IE6/7/8/9 
 * 2. Correct alignment displayed oddly in IE6/7 
 */

legend {
    border: 0;
    *margin-left: -7px;
    padding: 0;
}


/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle;
}


/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */

button,
input {
    line-height: normal;
    *overflow: visible;
}


/*
 * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
 */

table button,
table input {
    *overflow: auto;
}


/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */

button,
input[type=button],
input[type=reset],
input[type=submit] {
    cursor: pointer;
    -webkit-appearance: button;
}


/*
 * Consistent box sizing and appearance
 */

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
}

input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}


/* 
 * Remove inner padding and border in FF3/4: h5bp.com/l 
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}


/* 
 * 1. Remove default vertical scrollbar in IE6/7/8/9 
 * 2. Allow only vertical resizing
 */

textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical;
}


/* Colors for form validity */

input:valid,
textarea:valid {}

input:invalid,
textarea:invalid {
    background-color: #f0dddd;
}


/* =============================================================================
   Tables
   ========================================================================== */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td {
    vertical-align: top;
}


/* ==|== primary styles =====================================================
   Author: 
   ========================================================================== */

body,
#wrapper {
    margin: 30px auto 0px auto;
}

#top,
#middle,
#footer {
    width: 980px;
    margin: 0px;
}

#top-wrap,
#middle-wrap,
#footer-wrap {
    width: 980px;
    margin: 0px auto;
    clear: both;
}

#top-wrap,
#top {
    height: 330px;
}

#top-wrap {
    margin-bottom: 15px;
}


/*---- HEADER IMAGES FOR EACH PAGE -----------------------------------------------
----------------------------------------------------------------------------------*/


/*------ Steven Salinas ----------------------------------------------------------*/

#home-page #top-wrap {
    background: url(/images/photos/homepage-images/night-city-view.png) bottom no-repeat;
}

#residents-page #top-wrap {
    background: url(/images/photos/resident-images/girl-at-river-header.png) bottom no-repeat;
}

#visitors-page #top-wrap {
    background: url(/images/photos/visitors-images/luminaria-header.png) bottom no-repeat;
}

#business-page #top-wrap {
    background: url(/images/photos/business-images/bioscience-header.png) bottom no-repeat;
}

#your-gov-page #top-wrap {
    background: url(/images/photos/your-gov-images/city-council-header.jpg) bottom no-repeat;
}


/*----added 1/12 LJC ----*/

#Mayor #top-wrap {
    background: url(/images/photos/department-images/city-mayor/mayor-header.jpg) bottom no-repeat;
}


/*-----Sam added for Get Connected------*/

#getconnected-page #top-wrap {
    background: url(/images/photos/getconnected/get-connected-header.png) bottom no-repeat;
}


/*-------- HEADER IMAGES END ----------------------------------------------------------*/

#top {
    background: url(/images/bg-banner.png) no-repeat top center;
    height: 330px;
    /*	position:relative;*/
}


/*********************** Department header *********************
---------------------------------------------------------------*/

#dept #top-wrap,
#dept #top {
    height: 120px;
}

#dept #top-wrap {
    background: none;
    margin-bottom: 0px;
}

#dept #middle-top-topic {
    margin-top: 0px;
}


/**************** Department header end *************************
----------------------------------------------------------------*/

#logo {
    float: left;
    margin: 30px 0px 5px 10px;
    width: 248px;
    height: 55px;
    background-image: url(/images/the-city-of-san-antonio-logo.png);
    background-repeat: no-repeat;
    /*text-indent:-9999px;*/
}

#nav {
    width: 700px;
    height: 20px;
    /*	position:absolute;
	top:115px;
	*/
    float: left;
    clear: left;
    margin-top: -8px;
}

#nav ul {
    list-style: none;
}

#search {
    float: right;
    clear: right;
    height: 20px;
    margin: -17px 20px 0px 0px;
}

#dept #search {}

#info {
    border: #BB2025 2px solid;
    *min-width: 230px;
    padding: 2px;
    zfloat: left;
    zclear: left;
    zmargin-left: 735px;
    zmargin-top: 165px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background: rgb(38, 45, 100);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(38, 45, 100, 1) 25%, rgba(15, 4, 40, 1) 75%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, rgba(38, 45, 100, 1)), color-stop(75%, rgba(15, 4, 40, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(38, 45, 100, 1) 25%, rgba(15, 4, 40, 1) 75%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(38, 45, 100, 1) 25%, rgba(15, 4, 40, 1) 75%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(38, 45, 100, 1) 25%, rgba(15, 4, 40, 1) 75%);
    /* IE10+ */
    background: linear-gradient(top, rgba(38, 45, 100, 1) 25%, rgba(15, 4, 40, 1) 75%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#262d64', endColorstr='#0f0428', GradientType=0);
    /* IE6-9 */
}

#middle-wrap {
    margin-top: 0px;
}


/*LJC added 1px to right margin to get brown dept background even with global red  */

#middle-top-dept {
    background: #3A2C2C;
    margin: 0px 1px 0px 0px;
    padding: 1%;
}

#middle-top-topic {
    width: 100%;
    margin-top: -30px;
    margin-bottom: 20px;
}

#dept #middle-top-topic {
    border-bottom: 2px #3A2C2C solid;
}

#middle-left,
#middle-left2,
#middle-right {
    /*	width: 25%;*/
    width: 260px;
    float: left;
    position: relative;
    z-index: 100;
}

#middle-leftSApres,
#middle-rightSApres {
    /*	width: 25%;*/
    width: 313px;
    float: left;
    position: relative;
    z-index: 100;
}

#middle-left,
#middle-leftSApres,
#middle-left2 {
    float: left;
    /*	margin-right: 2%;*/
    margin-right: 20px;
    z-index: 300;
}

#middle-center {
    float: left;
    /*	width: 45%;*/
    width: 420px;
    /*	margin-right: 2%;*/
    margin-right: 20px;
    position: relative;
    z-index: 100;
}

#middle-centerSApres {
    float: left;
    /*	width: 45%;*/
    width: 313px;
    /*	margin-right: 2%;*/
    margin-right: 20px;
    position: relative;
    z-index: 100;
}

#middle-right,
#middle-rightSApres
 {
    float: right;
}


/* 2 Column template - added by COSA*/

#dept-left {
    /* Replaces #middle-left */
    width: 260px;
    float: left;
    position: relative;
    z-index: 300;
}

#dept-left {
    /* Replaces #middle-left */
    /*	margin-right: 2%;*/
    float: left;
    margin-right: 20px;
    z-index: 300;
}

#dept-center {
    /* Replaces #Middle-center */
    float: right;
    width: 680px;
    margin-right: 20px;
    position: relative;
    z-index: 100;
}

#middle-nocolumn {
    /* Replaces #Middle-center */
    float: none;
    position: relative;
    width: 900px;
    z-index: 100;
}

.greybg-outer-box {
    /* Used for one column template */
    background: none repeat scroll 0 0 #F3F4F4;
    border-radius: 15px 15px 0px 0px;
    margin: 0px;
    padding: 1%;
}

.whitebg-inner-box {
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 0;
    padding: 10px 20px;
}

#find-your-council-member {
    height: 60px;
}

#dept-connect {
    width: 100%;
}

#dept-connect p {
    display: block;
}

#enews, .enews {
    background: #8E261D;
    padding: 4%;
    width: 92%;
}

.request-service {
    padding-left: 5%;
}

#footer {
    height: 125px;
    /*	width: 100%;*/
    background: #3A2C2C;
    /*	margin: 0px;
	margin-top: 30px; */
    margin-top: 15px;
    /* changed by COSA */
}

#footer-top {
    height: 25px;
    background: #8E261D;
    margin-bottom: 10px;
}


/***************************div styles****************************************/

.div-top {
    width: 100%;
}

.div-hold {
    width: 100%;
    clear: both;
}

.div-left {
    float: left;
    width: 49%;
    margin-right: 1%;
}

.div-right {
    float: right;
    width: 49%;
    margin-left: 1%;
}

.div-onethird,
.div-onethird-last {
    width: 31%;
    margin-right: 3%;
    float: left;
}

.div-onethird-last {
    margin-right: 0%;
    float: right;
}

.div-featured-person {
    border-top: solid 2px #BB2025;
    margin-bottom: 20px;
}

.div-feature {
    background: #F3F4F4;
    -moz-border-radius: 15px;
    border-radius: 15px;
    /*	padding: 3%;*/
    padding: 14px 5px 4px 2px;
    /*	margin: -60px auto;*/
    margin: -44px auto;
    /* z-index:900; */
    width: 410px;
}

.div-feature-department {
    margin: 0px auto;
}

.div-feature-onehalf,
.div-feature-full {
    /*	width: 42%;*/
    width: 175px;
    float: left;
    /*	margin: 2%;*/
    margin: 5px;
    /*	padding: 5px 2% 0px 2%;*/
    padding: 10px 9px 10px 9px;
    background: #FFF;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
    border-bottom: solid 1px #DADBDC;
    border-right: solid 1px #DADBDC;
}

.div-feature-full {
    /*	width: 92%;*/
    width: 380px;
    position: relative;
    z-index: 100;
}

.block .div-feature-full {
    height: 150px;
}

.div-feature-story {
    background: #F3F4F4;
    width: 100%;
    height: 80px;
}

.div-feature-threebuttons {
    width: 67px;
    float: left;
    margin: 3px;
    padding: 5px 7px 0px 3px;
    background: #FFF;
    -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
    border-bottom: solid 1px #DADBDC;
    border-right: solid 1px #DADBDC;
}

.div-feature-fourbuttons {
    width: 80px;
    float: left;
    margin: 5px;
    padding: 10px 5px 0px 6px;
    background: #FFF;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
    border-bottom: solid 1px #DADBDC;
    border-right: solid 1px #DADBDC;
}

.block .lightgrey .div-feature-full {
    width: 88%;
    margin: 5%;
    height: inherit;
}

.greybg {
    background: #F3F4F4;
    /*	padding: 6% 6% 40px 6%;*/
    padding: 5px 5px 25px 5px;
    margin: 10px 0px;
    height: 60px;
}

.darker-greybg {
    background: #DADBDC;
    padding: 3% 6%;
    margin: 10px 0px;
}

.light-greybg {
    background: #F3F4F4;
    padding: 10px 20px;
    margin: 0px;
}


/**************Featured Image**************/

.light-greybg-featured {
    background: #F3F4F4;
    padding: 10px 16px;
    margin: 0px;
}


/*************END************************/

.dark-greybg {
    background: #DADBDC;
    padding: 3%;
    margin: -5px;
    *margin: 0px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.dark-greybg,
.light-greybg {
    *min-height: 160px;
}

.one-half-bumper-container {
    width: 200px;
    float: left;
    clear: left;
    /*	margin-top: 15px;	*/
    margin-bottom: 15px;
}

.one-half-bumper-container h2 {
    font-size: 16px;
    line-height: 16px;
    margin: 0px;
}

.bumper-grey-container,
.one-half-quick-link-container {
    margin: 25px 0px;
}

.bumper-grey-container {
    background: #F3F4F4;
    padding: 8px 15px 0px 15px;
    /*	margin: 8px 0px;	*/
    margin: 0px 0px 16px;
    float: left;
    clear: left;
    /*width: 90%;*/
    width: 175px;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
    border-bottom: solid 1px #DADBDC;
    border-right: solid 1px #DADBDC;
    /* border-bottom-style: solid;
   border-right-style: solid;*/
}

.bumper-grey-container img {
    /*float: left;
	margin-right: 10px; */
    margin: 2px 0px;
}

.one-half-quick-link-container {}

.quick-link-container {
    margin: 0px 0px 35px 0px;
    /*	padding: 110px 10px 20px 10px;*/
    margin-right: 0px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    float: right;
    clear: right;
}

.quick-link-container .overlay {
    background: url(/images/bg-quick-link.png) no-repeat top left;
    width: 175px;
    height: 60px;
    padding: 150px 10px 10px 10px;
    /*	*height: 70px;
	*padding: 140px 10px 20px 10px;*/
}

.quick-link-container .more-arrow {
    margin-top: 3px;
    vertical-align: bottom;
}


/*--- QUICK LINK IMAGES FOR ALL PAGES -------------------------------------------*/

#residents-page .res-item-one {
    background: url(/images/photos/resident-images/zero-waste-graphic.png) no-repeat;
}

#residents-page .res-item-two {
    background: url(/images/photos/resident-images/MH195x220.jpg) no-repeat;
}

#visitors-page .res-item-one {
    background: url(/images/photos/visitors-images/find-a-park.png) no-repeat;
}

#visitors-page .res-item-two {
    background: url(/images/photos/visitors-images/san-antonio-bikes.png) no-repeat;
}

#business-page .res-item-one {
    background: url(/images/photos/business-images/sbeda.png) no-repeat;
}

#business-page .res-item-two {
    background: url(/images/photos/business-images/want-to-build-today.png) no-repeat;
}

#your-gov-page .res-item-one {
    background: url(/images/photos/your-gov-images/city-council-agenda.png) no-repeat;
}

#your-gov-page .res-item-two {
    background: url(/images/photos/your-gov-images/watch-live.jpg) no-repeat;
}

#Commpa-page .res-item-one {
    background: url(/portals/0/Images/Commpa/tvsaPATV.jpg) no-repeat;
}

#Commpa-page .res-item-two {
    background: url(/portals/0/Images/Commpa/mlk_chavez.jpg) no-repeat;
}

#Boarding-home .res-item-one {
    background: url(/portals/0/Images/DSD/building.jpg) no-repeat;
}

#Boarding-home .res-item-two {
    background: url(/portals/0/Images/DSD/Board_hms_Fire_195x220.jpg) no-repeat;
}

#MediaCenter-page .res-item-one {
    background: url(/portals/0/Images/Commpa/cityVideosA.jpg) no-repeat;
}

#MediaCenter-page .res-item-two {
    background: url(/portals/0/Images/Commpa/youtube.jpg) no-repeat;
}

#TVSA-page .res-item-one {
    background: url(/portals/0/Images/Commpa/tvsa/progGuide.jpg) no-repeat;
}

#TVSA-page .res-item-two {
    background: url(/portals/0/Images/Commpa/tvsa/video.jpg) no-repeat;
}

#patv-page .res-item-one {
    background: url(/portals/0/Images/Commpa/PATV/airtime.jpg) no-repeat;
}

#patv-page .res-item-two {
    background: url(/portals/0/Images/Commpa/PATV/patv_policy.jpg) no-repeat;
}

#Sustainability-home .res-item-one {
    background: url(/portals/0/Images/Sustainability/CenterQuint-GreenShade.png) no-repeat;
}

#Sustainability-home .res-item-two {
    background: url(/portals/0/Images/Sustainability/CenterQuint-SABikes.png) no-repeat;
}


/*----------- QUICK LINKS END----------------------------------------------------*/


/* Generated by Font Squirrel (http://www.fontsquirrel.com) on December 15, 2011 */

@font-face {
    font-family: 'MyriadProBoldCondensed';
    src: url('../webfontkit/myriadpro-boldcond-webfont.eot');
    src: url('../webfontkit/myriadpro-boldcond-webfont.eot?#iefix') format('embedded-opentype'), url('../webfontkit/myriadpro-boldcond-webfont.woff') format('woff'), url('../webfontkit/myriadpro-boldcond-webfont.ttf') format('truetype'), url('../webfontkit/myriadpro-boldcond-webfont.svg#MyriadProBoldCondensed') format('svg');
    font-stretch: normal;
    font-size-adjust: none;
    font-variant: normal;
    font-weight: normal;
    font-style: normal;
}


/*************************** GENERAL text****************************************/

p,
td,
th,
ul,
li,
caption,
label,
legend,
fieldset,
blockquote,
cite,
input,
textarea,
.blue ul.mega-menu .sub li.mega-hdr li a,
#menu li ul li,
.accordionContent li {
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    font-size: 12px;
    line-height: 16px;
    border: none;
    font-weight: normal;
    /*color: #5E5F5F; ***** Doug - accessibility - 06-05-19 */
	/*color: #585a5a; ***** Doug - accessibility - 06-07-19 */
	color: #4C4D4D;
    text-transform: none;
}

#middle p {
    margin-bottom: 10px;
}

cite {
    line-height: 50px;
}

th {
    font-weight: bold;
    text-transform: uppercase;
    color: #FFF;
    background: #000;
    letter-spacing: .3px;
}

em {
    font-weight: normal;
    color: #585858;
    font-size: 13px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.more,
.block li,
.news-teaser .date,
.staff .name,
.smleft-title,
.emergency-info,
#info p,
#nav .nav,
.megamenu .column h3,
.block h6,
.block h5,
ul.ldd_menu > li > span,
#nav li.ldd_heading,
a.ldd_subfoot,
.blue ul.mega-menu li a,
.emergency-info li,
.blue ul.mega-menu li .sub li.mega-hdr,
#menu li {
    font-family: 'MyriadProBoldCondensed', Arial, Helvetica, sans-serif;
    letter-spacing: 0px;
    color: #000;
    text-transform: uppercase;
    font-weight: normal;
    *font-family: Arial, Helvetica, sans-serif;
    *font-weight: bolder;
    *letter-spacing: .2;
    /*}*/
}


/*.ie7 body{
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: .2;
	font-weight: normal;
}*/

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 12px 0px;
}

h1 {
    font-size: 30px;
    *font-size: 24px;
    line-height: 45px;
}

h2,
h3,
h4,
h5,
h6 {}

h2 {
    font-size: 30px;
    line-height: 32px;
}

h3 {
    font-size: 20px;
    color: #BB2025;
    line-height: 24px;
    margin-top: 15px;
}


/* COSA - after upgrade to dnn 7.5 had to add this for the h4 tags */

h4 {
    line-height: 15px; /*4px; Changed by Mario*/
}


/* COSA - create a h2 to use as links in middle body */


/* #middle-center h1, #dept-center h1 {  line-height: 50%;  margin: 10px 0px 5px 0px; } */

#middle-center h2,
#dept-center h2 {
    line-height: 20px;
    margin-top: 20px;
    /*Was 20px*/
    font-size: 20px;
    text-transform: uppercase;
    color: #3A2C2C;
}


/* #middle-center h3, #dept-center h3 {  line-height: 25%;   margin: 20px 0px 5px 0px;  }
#middle-center h4, #dept-center h4 { line-height: 25%;   margin: 20px 0px 5px 0px;  }
#middle-center h5, #dept-center h5 {  line-height: 25%;  margin: 20px 0px 5px 0px; }
#middle-center h6, #dept-center h6 {  line-height: 25%;   margin: 20px 0px 5px 0px;  } */

#middle-center h2 a:link,
#middle-center h2 a:visited,
#middle-center h2 a:hover {
    color: #3A2C2C;
}

#dept-center h2 a:link,
#dept-center h2 a:visited,
#dept-center h2 a:hover {
    color: #3A2C2C;
}


/* COSA changed from 14px to 16px, background color from EBEBEC to c7c7c7, changed to BBBBBB */

#middle-left h3,
#middle-left2 h3,
#middle-right h3,
#dept-left h3 {
    font-size: 16px;
    width: 90%;
    padding: 6px 5%;
    color: #000;
    margin: 0px;
    background-color: #BBBBBB;
    *font-size: 11px;
}

.more {
    font-size: 18px;
    color: #5E5F5F;
}

h4 {
    font-size: 14px;
    /*color: #5E5F5F; ***** Doug - accessibility - 06-05-19 */
	color: #585a5a;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 14px;
    /*color: #999; ***** Insufficient Contrast - Edit by Doug - 06/28/19 */
	color: #707070;
    margin: 0px 0px inherit -20px;
}

a,
a:link,
a:visited,
a:hover,
a:active {
    color: #000;
    /*text-decoration: none; ***** Edit - Doug Drake - Accessibility - 06-07-19 ***** */
	text-decoration: underline;
    border: none;
}

#middle-center a,
#middle-center a:link,
#middle-center a:visited,
#middle-center a:hover,
#middle-center a:active {
    color: #000;
    /*	font-weight: bold; */
}

#middle-center a:visited {
    color: #3A2C2C;
}

a:hover,
a:active {
    text-decoration: underline;
    border: none;
}

img {
    border: none;
}

#middle li {
    list-style-type: square;
    top: 0px;
    left: 0px;
}

table {
    background: none;
    margin: 10px 0px;
}

td,
th {
    padding: 5px;
    border-left: #000 1px;
    border-right: #000 1px;
    vertical-align: top;
}


/***************************FORM STYLES GENERAL****************************************/

input,
textarea,
select,
.dropdown {
    border: 1px solid #000;
    margin: 0px;
    padding: 2px;
    background: #FFF;
    /*	height: 20px; */
}

cosa_input {
    width: 400px;
}

cosa_textarea {
    width: 700px;
}

input:focus,
input:hover,
textarea:focus,
textarea:hover {
    border: #000 solid 1px;
}

input:focus,
input:hover,
{
    background: url(/images/bg-input.png) center right no-repeat #FFF;
}

textarea:focus,
textarea:hover {
    background: url(/images/bg-textarea.png) center no-repeat #FFF;
}

fieldset {
    border: #000;
    margin: 5px 0px;
}

legend {
    margin-left: 0px;
    font-size: 18px;
    color: #000;
    font-weight: bold;
}

form {
    clear: both;
}

.radio {
    border: 0px;
    margin: 0px;
    padding: 0px;
    background: #FFF;
    width: inherit;
}

.form {
    margin-left: 70px;
}

.btn {
    width: 30px;
    height: 30px;
    font-weight: bold;
    text-align: center;
    background: #000;
    color: #FFF;
    border: #000 1px;
    vertical-align: top;
}

.btn:focus,
.btn:hover,
.btn:active {
    background: #000;
    color: #CCC;
}

.darker-greybg .btn-arrow {
    width: 14px;
    height: 14px;
    background: #000;
    border: #000 0px;
    vertical-align: middle;
    background: url(/images/arrow-black.png) no-repeat;
}

.btn-arrow:focus,
.btn-arrow:hover,
.btn-arrow:active {
    background: #FFF url(/images/arrow-red.png);
    color: #CCC;
}


/* added by COSA */

.Required {
    font-size: x-large;
    color: red;
}

.tblheader {
    border-width: 1px;
    text-align: center;
    background-color: #C0C0C0;
    color: #000000;
}

.tableform {
    border-style: solid;
    border-width: 1px;
    margin-left: 25px;
}

.tdfrm-right {
    text-align: right;
}


/***************************Search bar styles****************************************/

#search input {
    border: 1px solid #FFF !important;
    background: #FFF;
    height: 26px;
    width: 200px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    moz-border-top-left-radius: 15px;
    moz-border-bottom-left-radius: 15px;
    margin: -4px;
    padding: 2px;
    padding-left: 8px;
    vertical-align: bottom;
}

#search input:focus,
#search input:hover,
#search textarea:focus,
#search textarea:hover {}

#search input:focus,
#search input:hover {
    background: url(/images/bg-input.png) no-repeat right #FFF;
}

#search .btn {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    moz-border-top-left-radius: 0px;
    moz-border-bottom-left-radius: 0px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    moz-border-top-right-radius: 15px;
    moz-border-bottom-right-radius: 15px;
    margin-left: 0px;
    *margin-left: -4px;
    width: 20px;
    height: 22px;
    padding: 6px;
    /*background: url(/images/search-grey.png) no-repeat #FFF center;*/
}

#search input.btn:hover {
    background: url(/images/search.png) no-repeat #FFF center;
}


/*************************DIV specific class overrides************************/

#middle p #did-you-know {
    margin: 0px;
}


/*************************home featured stories************************/

.div-feature h1 {
    font-size: 24px;
    line-height: 24px;
    margin: 0px;
    margin-left: 12px;
}

.div-feature h2 {
    font-size: 16px;
    line-height: 16px;
    margin: 0px;
    margin-bottom: 5px;
}

.caption .div-feature h2 {
    margin: 10px 0px;
}


/*************************home featured stories end ************************/


/*************************social media************************/

#social-media {
    width: 94%;
    padding: 0px 3% 0px 3%;
    border-bottom: solid 2px #BB2025;
    margin-bottom: 20px;
    clear: both;
}

#social-media-single {
    width: 94%;
    padding: 0 3% 0px 0px;
    margin-bottom: 20px;
    clear: both;
}

#social-media img {
    margin: 3px;
}

#social-media-rightnav {
    width: 94%;
    padding: 0px 3% 0% 3%;
    border-bottom: solid 2px #BB2025;
    margin-bottom: 20px;
    clear: both;
}

#social-media-rightnav table {
    margin-bottom: 0px;
}

.sm-floatright {
    float: right;
    clear: right;
    width: auto;
    background-color: #fff;
    padding: 0 0 5px 0;
    z-index: 100;
}

.sm-inner-white {
    background: #FFF;
    position: relative;
    width: 90%;
    width: 200px;
    padding: 2%;
    padding: 5px 19px;
    margin: 4%;
    /*	margin: 10px auto -1px auto;     */
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
    border-bottom: solid 1px #DADBDC;
    border-right: solid 1px #DADBDC;
}

.sm-feature {
    background: #F3F4F4;
    /*	-moz-border-radius: 15px; 
	border-radius: 15px; */
    padding: 5px 0px 5px 0px;
    width: 260px;
}


/*************************social media end************************/

.darker-greybg h6 {
    margin: 0px;
    color: #000;
    font-size: 18px;
}

.darker-greybg input {
    width: 50%;
    border: #FFF;
}

.darker-greybg input:active,
.darker-greybg input:hover {
    border: #BB2025;
}


/*resident */

.bumper-grey-container h3 {
    font-size: 14px;
    *font-size: 11px;
    color: #000;
    margin: 0px;
    line-height: 14px;
}

.bumper-grey-container p {
    margin: 0px;
}

.one-half-bumper-container .bumper-grey-container p {
    margin: 0px 0px 8px;
}

.bumper-grey-container img {}

.bumper-grey-container a {
    border: none !important;
}

#middle p .bumper-grey-container {}


/* Louise changed lin 1011 margin from 0px to 10px 0px 0px 0px*/

.quick-link-container h2 {
    text-align: center;
    font-size: 16px;
    *font-size: 12px;
    *line-height: 12px;
    color: #FFF;
    line-height: 22px;
    margin: 25px 0px 0px 0px;
}

.quick-link-container h2 span {
    /*background: #000;*/
    padding: 0px;
    /*sam(it use to be 4px)*/
}

.quick-link-container h2 span:hover {
    background: #BB2025;
}

#middle-center .quick-link-container h2 span a:visited,
#middle-center .quick-link-container h2 span a:active,
#middle-center .quick-link-container h2 span a {
    color: #FFF;
    font-weight: normal;
}

.quick-link-container h2 a:hover {
    text-decoration: none;
}


/*************************deptartment************************/

#middle-top-topic h1 {
    font-size: 30px;
    *font-size: 24px;
    color: #BB2025;
    margin: 0px;
    margin-left: 10px;
}

#middle-top-topic p {
    margin: 0px;
    margin-left: 10px;
}

#middle-top-dept h1,
#middle-top-dept h2,
#middle-top-dept h3,
#middle-top-dept h4,
#middle-top-dept p,
#middle-top-dept a {
    color: #FFF;
    margin: 0px;
    padding: 0px;
}

#middle-top-dept p {
    line-height: 14px;
}

#middle-top-dept h2 {
    font-size: 22px;
}

#find-your-council-member li,
#find-your-council-member ul {}

#find-your-council-member a {}

.block .lightgrey .div-feature-full img {
    margin: 5px 0px;
}

#middle-right .div-feature-full img {}

.side-feature {
    margin: 4%;
    padding: 2%;
    background: #FFF;
    width: 90%;
    width: 200px;
    padding: 5px 19px;
}

/**** Changes for OHP - added by SC ****/
.sideFeaturesOHP {
    margin: 0 4%;
    width: 90%;
    padding: 5px 0 10px 0;
}
.block .sideFeaturesOHP h5 {
	padding: 0;
	color: #8e261d;
}
.lightgreyOHP {
    margin-bottom: 10px;
}
.centerFeaturesOHP img {
	box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
	margin: 10px 10px 20px 0;
}
/**** End OHP *****/


/**********************res page*****************/

.light-greybg h2,
.topic-headline {
    font-size: 18px;
    *font-size: 16px;
    margin: 0px;
}

.topic-headline {
    margin: 5px 0px -15px 15px;
}

.quick-link-container h6 {
    background: #000;
}


/*************************banner tool tip************************/

#info p,
#info a {
    text-transform: capitalize;
    font-size: 18px;
    text-align: center;
    color: #FFF;
    padding: 5px;
    margin: 0px;
}

#info p:hover,
#info a:hover {
    text-decoration: none;
    color: #DADBDC;
}


/*************************dept connect************************/

#dept-connect h4 {
    line-height: 20px !important;
    margin: 0px;
    margin-left: 5%;
    color: #000;
}

#dept-connect p {
    margin-left: 13px;
    margin-bottom: 8px;
}


/*************************e news************************/

#enews input, .enews input {
    height: 10px;
    font-size: 8px;
    width: 80%;
}

#enews input:focus, .enews input:focus,
#enews input:hover, .enews input:hover,
#enews textarea:focus, .enews textarea:focus,
#enews textarea:hover, .enews textarea:hover {
    height: 20px;
    font-size: 10px;
}

#enews p, .enews p {
    color: #FFF;
    font-size: 9px;
    text-transform: uppercase;
}

#dnn_ContentPane #enews h6 a,
#enews h6,
#enews a,
.enews h6,
.enews a {
    color: #FFF;
    font-size: 20px;
    /*font-size: 14px;*/
    text-transform: uppercase;
    margin: 0px;
    padding: 0px;
    text-decoration: none;
}

#enews h6:hover,
.enews h6:hover {
    color: #BB2025;
}

.more-arrow,
.bumper-grey-container .more-arrow {
    float: right;
    vertical-align: middle;
}

.bumper-grey-container .more-arrow {
    float: right;
    vertical-align: top;
    *margin-top: -15px;
}

.bumper-grey-container .more-arrow {
    float: right;
    vertical-align: middle;
}


/*************************Accordian - COSA***********************/

.accordionHeader {
    height: 25px;
    /*auto */
    background-color: #F3F4F4;
    border: 1px #c4cddd solid;
    padding: 5px 5px 5px 0px;
    margin: 4px 0px 4px 0px;
    color: #000000;
    cursor: hand;
    cursor: pointer;
    font-size: 15px;
    text-decoration: none;
    text-transform: uppercase;
    padding: 5px 15px 5px 15px;
    font-family: 'MyriadProBoldCondensed', Arial, Helvetica, sans-serif;
    *font-family: Arial, Helvetica, sans-serif;
    *font-weight: bolder;
    *letter-spacing: .2;
    *font-size: 15px
}

.accordionHeaderSelected {
    height: 25px;
    /*auto */
    background-color: #3A2C2C;
    border: 1px #8E261D solid;
    padding: 5px 5px 5px 0px;
    margin: 4px 0px 4px 0px;
    cursor: hand;
    cursor: pointer;
    font-size: 15px;
    text-decoration: none;
    text-transform: uppercase;
    padding: 5px 15px 5px 15px;
    color: #ffffff;
    font-family: 'MyriadProBoldCondensed', Arial, Helvetica, sans-serif;
    *font-family: Arial, Helvetica, sans-serif;
    *font-weight: bolder;
    *letter-spacing: 0.2;
    *font-size: 15px
}

.accordionContent {
    border: 1px #c4cddd solid;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
    margin: 0px 0px 5px 0px;
    /* don't use em - causes debug issue */
    height: auto;
    font-size: x-small;
    font-family: 'MyriadProBoldCondensed', Arial, Helvetica, sans-serif;
    clear: both;
    overflow: ;
}

.accordionHeader a {
    text-decoration: underline;
}

.accordionHeaderSelected a,
.accordionHeaderSelected a:link,
.accordionHeaderSelected a:visited,
.accordionHeaderSelected a:hover,
.accordionHeaderSelected a:active {
    color: #ffffff!important;
    text-decoration: underline;
}

.accordionContent a {
    text-decoration: underline;
}

#middle-center .accordion a,
#middle-center .accordion a:link,
#middle-center .accordion a:visited,
#middle-center .accordion a:hover,
#middle-center .accordion a:active {
    color: #ffffff;
    text-decoration: underline;
}

.tblAccordian {
    border-left-style: none;
    border-right-style: none;
    border-top-style: none;
    margin-top: 10px;
    background-color: silver;
    margin: 0px auto -1px auto;
    /* centers div to page */
}

.tblAccordian-color-t1 {
    font-weight: bold;
    color: #000;
    border-left-style: none;
    border-right-style: none;
    border-top-style: none;
    border-bottom: 1.0pt solid #8E261D;
    background-color: #F3F4F4;
}

.tblAccordian-color2-left {
    color: black;
    border-style: none;
    background-color: #fff;
}

.tblAccordian-color2-top {
    font-weight: bold;
    color: #000;
    border-left-style: none;
    border-right-style: none;
    border-top-style: none;
    border-bottom: 1.0pt solid #8E261D;
    background-color: #F3F4F4;
}

.tblAccordian-color2-even {
    color: black;
    border-style: none;
    background-color: #fff;
}


/* for accordian on dept list page - COSA */

#AccHeaderWrap {
    position: relative;
    clear: both;
}

#AccHeaderLeft {
    position: absolute;
    left: 10px;
}

#AccHeaderRight {
    position: absolute;
    left: 775px;
    top: 0px;
}

#AccHeaderRight a {
    text-transform: none;
}


/* Accordian - ADG
----------------------------------*/


/* Interaction Cues
----------------------------------*/

.liveacccosa_1cosa_1 .ui-state-disabled {
    cursor: default !important;
}


/* SELECTED PANE HEADER */

.ui-state-active,
.ui-widget-content .ui-state-active {
    border: 1px solid #392829;
    background: #392829;
    color: #ffffff;
    outline: none;
    border-bottom: 0px
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    background: #392829;
    color: #ffffff;
    outline: none;
    text-decoration: none;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #ffffff;
    font-family: MyriadProBoldCondensed, Arial, Helvetica, sans-serif;
    font-size: 15px;
    height: 26px;
    line-height: 26px;
    text-transform: uppercase;
    display: block;
    width: 408px;
    margin: 0px 0px 0px 0px;
    padding-bottom: 5px;
}

#dnn_ContentPane .ui-state-active a,
#dnn_ContentPane .ui-state-active a:link,
#dnn_ContentPane .ui-state-active a:visited {
    color: #ffffff;
    font-family: MyriadProBoldCondensed, Arial, Helvetica, sans-serif;
    font-size: 15px;
    height: 26px;
    line-height: 26px;
    text-transform: uppercase;
    display: block;
    width: inherit;
    margin: 0px 0px 0px 0px;
    padding-bottom: 5px;
}

#dnn_ContentPaneGC .ui-state-active a,
#dnn_ContentPaneGC .ui-state-active a:link,
#dnn_ContentPaneGC .ui-state-active a:visited {
    color: #ffffff;
    font-family: MyriadProBoldCondensed, Arial, Helvetica, sans-serif;
    font-size: 15px;
    height: 26px;
    line-height: 26px;
    text-transform: uppercase;
    display: block;
    width: inherit;
    margin: 0px 0px 0px 0px;
    padding-bottom: 5px;
}

/* Interaction Default states----------------------------------*/

.ui-state-default,
.ui-widget-content .ui-state-default {
    background: #F7F7F7;
    border: 1px solid #C6CFDE;
    font-family: MyriadProBoldCondensed, Arial, Helvetica, sans-serif;
    font-size: 15px;
    height: 26px;
    line-height: 26px;
    text-transform: uppercase;
    display: block;
    width: inherit;
    margin: 0px 0px 0px 0px;
    padding-bottom: 5px;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    color: #ffffff;
    text-decoration: none;
    outline: none;
}


/* Icons
----------------------------------*/


/* states and images */

.liveacccosa_1cosa_1 .ui-icon {
    width: 0px;
    height: 0px;
}


/* Misc visuals
----------------------------------*/


/* Accordion----------------------------------*/

.ui-accordion .ui-accordion-header {
    cursor: pointer;
    position: relative;
    margin-top: 1px;
    zoom: 1;
}

.ui-accordion .ui-accordion-li-fix {
    display: inline;
}

.ui-accordion .ui-accordion-header-active {
    border-bottom: 0 !important;
}

.ui-accordion .ui-accordion-header a {
    display: block;
    font-size: 1em;
    color: #000000;
    padding: 4px 0px 0px 14px;
}

.ui-accordion .ui-accordion-header .ui-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px;
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    margin-top: -2px;
    position: static;
    top: 1px;
    margin-bottom: 2px;
    overflow: none;
    display: none;
    width: inherit;
    border: 1px solid #C6CFDE
}

.ui-accordion .ui-accordion-content-active {
    display: block;
    width: inherit;
}


/*************************create block list grey bg************************/


/*--------------------------------------------------------------------------
----------------------------------------------------------------------------
---------------------------- Links inside of .block -------------------------------
--------------------------------------------------------------------------*/

.block .city-red {
    color: #FFF;
    background: #8E261D;
    padding: 4%;
    width: 92%;
}

#middle-left h3,
#middle-left2 h3,
#dept-left h3,
#middle-right h3,
.block ul li,
.news-teaser ul li,
.block h2.city-connect-red,
#enews, .enews {
    border-bottom: solid;
    border-bottom-color: #FFF;
}

.block {
    clear: both;
}

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

.block ul li {
    width: 100%;
    background: #DADBDC;
    font-size: 14px;
    position: relative;
    display: block;
}

.block p,
.block h6,
.block h5 {
    margin: 5px 0px;
    display: block;
    list-style: none;
    width: 90%;
    /*	height:90%;*/
    /*	padding:6px 5%;
	padding: 6px 15px;*/
}

.block h5 {
    padding: 6px 25px 0px 25px;
}

.block ul li a,
.block ul li a:visited {
    min-width: 90%;
    /*	height:90%; */
    margin: 0;
    padding: 6px 5%;
    text-decoration: none;
    display: block;
    *font-size: 11px;
}

.block ul li a:hover,
.block ul li a:focus,
.block ul li a:active {
    background: #BB2025;
    color: #FFF;
}

.block .lightgrey,
.block .lightgrey:hover,
.block .hot-link {
    background: #F3F4F4;
    color: #000;
}

.block .nochange:hover {
    background: #DADBDC;
    color: #000;
}


/*--- SLIDE OUT ADDED BY STEVEN SALINAS edited by ES---*/

.block .lightgrey,
.block .hot-link {
    position: relative;
    z-index: 100;
}

.block .lightgrey .side-sub-menu,
.block .hot-link .side-sub-menu {
    display: none;
}

.block .lightgrey:hover .side-sub-menu,
.block .hot-link:hover .side-sub-menu,
.block .hot-link:focus-within .side-sub-menu {
    width: 100%;
    position: absolute;
    top: 0px;
    left: 100%;
    display: block;
}


/*-----------------------------------------*/

.block img {
    vertical-align: middle;
}

.block .hot-link {}

.block h2.city-connect-red {
    font-size: 18px;
    *font-size: 14px;
    background: #8E261D;
    padding: 2px 5%;
    margin: 0;
    color: #FFF;
}

.lower-case-headline {
    text-transform: capitalize;
    font-weight: normal;
}


/*************************create block list news teasers************************/

.news-teaser ul,
.staff ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.news-teaser ul li a,
.news-teaser ul li a:visited,
.staff ul li {
    min-width: 90%;
    /*	height:90%;*/
    margin: 0;
    padding: 3%;
    text-decoration: none;
    display: block;
    font-weight: normal;
}

.news-teaser ul li,
.staff ul li {
    background: #F3F4F4;
    /*	font-size:14px;*/
    position: relative;
    display: block;
}

.news-teaser ul li .date a,
.news-teaser ul li .date a:visited {
    width: 25px;
}

.news-teaser ul li a:hover,
.news-teaser ul li a:active {
    background: #5E5F5F;
    color: #FFF;
    text-decoration: none;
}

.news-teaser img {
    vertical-align: text-bottom;
}

.date,
.name {
    font-size: 14px;
}

.staff ul li {
    margin-bottom: 3px;
}

.staff ul li img {
    float: right;
}


/*************************did you know grey bg************************/

.did-you-know {
    background: #EBEBEC;
    /*padding: 5%;*/
    padding: 15px;
    display: block;
    height: 98px;
}

#home-page .did-you-know {
    height: 90px;
}

#middle-left .did-you-know h3,
#middle-left2 .did-you-know h3 {
    font-size: 15px;
    /*color: #BB2025; Insufficient color contrast - Doug - 07/09/19 */
	color: #B71F24;
    background: none !important;
    line-height: 24px;
    margin: 0;
    padding: 0;
    border: none;
}

.did-you-know p {
    margin: 0px;
}


/*************************Featured person text style************************/

.featured-person {
    border-top: solid 2px #BB2025;
    margin: 0px 0px;
    margin-top: 10px;
    padding: 10px 0px;
}

.featured-person h5,
.featured-person h4,
.featured-person p {
    margin: 0px;
}

.featured-person h4 {
    font-size: 13px;
    color: #000;
}

.featured-person h5 {
    font-size: 11px;
    font-weight: normal;
    color: #5E5F5F;
}

.featured-person .photo {
    float: left;
    margin-right: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.featured-person .icon {
    float: right;
    margin-left: 10px;
}


/*************************Featured person text style in dept page middle center column************************/

.pic-feature {
    float: right;
    background: #F3F4F4;
    border-top: none;
    padding: 15px;
    margin: 15px;
    width: 130px;
}

.pic-feature img {
    margin-bottom: 5px;
}


/*************************style emergency info************************/

.emergency-info {
    background: #F3F4F4;
    padding: 5%;
    margin: 0px;
    margin-bottom: 3px;
}

.emergency-info li {
    display: inline;
    color: #8E261D;
    font-size: 14px;
    font-weight: lighter;
}

.emergency-info li a {
    color: #000;
    padding: 3px;
}

.emergency-info li a:hover {
    color: #BB2025;
    text-decoration: none;
}

.emergency-info ul {
    margin: 0;
    padding: 0;
    display: block;
}

#middle-right p {
    display: block;
    /*		margin:0;
		padding: 5%;
		padding: 15px;*/
    padding-bottom: 0px;
}

#dept #middle-right img {
    margin-bottom: 5px;
}


/*************************banner************************/

.search {
    width: 200px;
}


/***************************FOOTER TEXT****************************************/

#footer p,
#footer li,
#footer ul,
#footer a,
#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active {
    text-align: center;
    margin: 3px;
    color: #FFF;
    text-decoration: none;
    font-weight: bold;
}

#footer li {
    display: inline;
}

#footer a:hover,
#footer a:active {
    text-decoration: underline;
    color: #CCC;
}


/***************************NAVS****************************************/


/*************************** Banner Tool Tip ****************************************/


/** commented out by araceli
  .tooltip{
	display:none;
	background:transparent url(/tools/img/tooltip/black_arrow.png);
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;	
} */

.tt {
    color: #fff;
    font-weight: bold;
    padding: 25px;
}


/* tooltip styling */

.tooltip {
    position: relative;
    display: none;
    background: #393939;
    border: 1px solid #CB9600;
    height: auto;
    line-height: 160%;
    padding: 10px 30px 10px 30px;
    width: 310px;
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #ffffff;
    z-index: 20;
}

.tooltip a {
    color: #ad4;
    font-size: 12px;
    font-weight: bold;
}


/***************************MISC****************************************/

#footer li .activepage {
    text-decoration: underline;
    color: #FFF;
}

.pic {
    float: right;
    margin: 5px 0px 15px 20px;
}

.dot {
    margin-bottom: 6px;
}

.red-box {
    background: #8E261D;
    *background: none;
    height: 8px;
    width: 62%;
    margin: 7px 18px 0px 3px;
    *margin: 0px 0px 0px 0px;
    *clear: right;
    vertical-align: top;
    float: right;
}

.red-line {
    background: #8E261D;
    height: 2px;
    width: 82%;
    float: right;
    margin: -10px 0px 0px 0px;
}

.red-line-sapd {
    background: #8E261D;
    height: 2px;
    width: 52%;
    float: right;
    margin: -10px 0px 0px 0px;
}

/* Mega Menu Styles */

.blue {
    padding: 0px 0px 0px 70px;
    position: relative;
    z-index: 9999;
}

.blue ul.mega-menu .sub li.mega-hdr li a,
.blue ul.mega-menu li .sub li.mega-hdr li {
    text-transform: capitalize;
    color: #FFF;
}

.blue ul.mega-menu li .sub li.mega-hdr a.mega-hdr-a,
.blue ul.mega-menu li .sub li.mega-hdr li {
    font-size: 16px;
    padding: 0px;
}

sub-container .mega {
    *background: url(/images/bg-mega.png) no-repeat top !important;
}

.topic-header {
    color: #FFF;
    font-size: 18px;
    margin: 0px 0px 0px 20px;
    background: none;
    opacity: 1.0 !important;
    filter: alpha(opacity=100);
    /* For IE8 and earlier */
    clear: both !important;
    z-index: 9999;
    position: relative;
    padding: 0;
    font-weight: normal;
}

.mega-menu ul,
.mega-menu ul li {
    list-style: none;
}

.mega-menu ul {
    position: relative;
    padding: 0;
    margin: 0;
    z-index: 0;
}

.mega-menu ul li ul {
    display: none;
}

.mega-menu .sub {
    display: none;
}

.mega-menu .sub ul {
    display: block;
    float: left;
    clear: left;
}

.blue ul.mega-menu,
.blue ul.mega-menu,
.blue ul.mega-menu li {
    margin: 0;
    padding: 0;
    border: none;
}

.blue ul.mega-menu {
    width: 100%;
    border: 0px;
    clear: both;
}

.blue ul.mega-menu li {
    /*top nav main pill tabs*/
    float: left;
    margin: 0;
    padding: 0;
    /*position:relative;*/
    clear: none;
}

.blue ul.mega-menu li a {
    /*top nav main pill tabs*/
    float: left;
    display: block;
    color: #fff;
    background: #FFF;
    text-decoration: none;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 5px 15px;
    margin: 0px 5px;
    font-size: 16px;
    height: 18px;
    /*this just added*/
}

.blue ul.mega-menu li a.dc-mega {
    /*position:relative;*/
    background: #000;
}

.blue ul.mega-menu li a.dc-mega:hover,
.blue ul.mega-menu li a.dc-mega:active {
    /*added by ES for pill hover*/
    background: #FFF;
    color: #000;
}

.blue ul.mega-menu li a .dc-mega-icon {
    display: block;
    /*position: absolute;*/
    top: 18px;
    right: 15px;
    width: 8px;
    height: 6px;
}

.blue ul.mega-menu li.mega-hover a,
.blue ul.mega-menu li a:hover {
    color: #fff;
}

.blue ul.mega-menu li.mega-hover a .dc-mega-icon {}

.blue ul.mega-menu li .sub-container {
    background: #000;
    width: 980px;
    opacity: 0.9;
    filter: alpha(opacity=90);
    /* For IE8 and earlier */
    /*padding:10px;*/
    margin: 0px auto;
    -moz-border-radius: 15px;
    border-radius: 15px;
    z-index: 9999;
    position: absolute;
    top: 30px;
}


/*--- THESE ARE THE COLUMNS WITH THE LINKS IN THE SUB MENU -----------------------------
----------------------------------------------------------------------------------------*/

.blue ul.mega-menu li .sub {
    /*background: url(images/bg_sub.png) no-repeat 100% 100%;*/
    /*padding: 10px;
	float:left;*/
}


/*--------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------*/

.blue ul.mega-menu li .sub-container.mega .sub {
    width: 980px;
    position: relative;
    z-index: 0;
    display: block;
    list-style: none;
    margin-top: 20px;
}

.blue ul.mega-menu li .sub li {
    list-style: none;
    float: left;
    position: relative;
    display: block;
    width: 160px;
}

.blue ul.mega-menu li .sub li.mega-hdr {
    z-index: 9999;
    position: relative;
}

.blue ul.mega-menu li .sub li.mega-hdr.last {
    margin-right: 0;
}

.blue ul.mega-menu li .sub a {
    background: none;
    border: none;
    text-shadow: none;
    color: #fff;
    padding: 7px 10px;
    display: block;
    float: none;
    text-decoration: none;
}

.blue ul.mega-menu li .sub li.mega-hdr a.mega-hdr-a {
    padding: 0px 0px 0px 15px;
    margin-bottom: 0px;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    height: inherit;
    *background: #000;
}

.blue ul.mega-menu li .sub li.mega-hdr a.mega-hdr-a:hover {
    color: #F3F4F4;
}

.blue ul.mega-menu .sub li.mega-hdr li a {
    padding: 4px 5px 4px 15px;
    background: none;
    font-weight: normal;
    height: 100%;
    opacity: 1 !important;
    filter: alpha(opacity=100);
    /* For IE8 and earlier */
    *background: #000;
}

.blue ul.mega-menu .sub li.mega-hdr li a:hover {
    color: #3A2C2C;
    background: #FFF url(/images/arrow-red-open.png) no-repeat center left;
}

.blue ul.mega-menu .sub ul li {
    padding-right: 0;
}


/*.blue ul.mega-menu li .sub-container.non-mega .sub {padding: 20px 20px 20px 0;}
.blue ul.mega-menu li .sub-container.non-mega li {padding: 0; width: 190px; margin: 0;}
.blue ul.mega-menu li .sub-container.non-mega li a {padding: 7px 5px 7px 22px; background:none;}
.blue ul.mega-menu li .sub-container.non-mega li a:hover {color: #F3F4F4; }*/


/*.visitors{
	margin-left: -100px !important;
}

.blue ul, .row, .blue ul.mega-menu .sub li.mega-hdr li a{
	clear: left !important;
	display: block;
}
*/


/*.sub-container{
left: -50px;
top: 28px;
clear: left;
z-index: 1000;
position:relative;
margin-left: -100px;
}*/


/*.blue ul.mega-menu li .sub  div .row, .sub{
	clear: both;
	display: block;
}*/

.mega-unit {
    /*	 background: #0F0; green */
    position: relative;
    z-index: 9999;
    margin: 0;
    padding: 0;
}

.mega-hdr {
    /*	 background: #F3F; pink*/
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 9999;
    *background: #000;
    *height: 400px;
}

.mega-hover {
    /*	background: #0FF; blue*/
    *background: #000;
    /*border-bottom-radius: 0px;
	moz-border-bottom-radius: 0px;*/
}

.mega-qi {
    font-style: italic;
}

.sub {
    /*background:#F90;orange*/
    clear: both;
    position: relative;
    z-index: 9999;
}


/* end mega menu */


/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */


/* For image replacement */

.ir {
    display: block;
    border: 0;
    text-indent: -999em;
    overflow: hidden;
    background-color: transparent;
    background-repeat: no-repeat;
    text-align: left;
    direction: ltr;
}

.ir br {
    display: none;
}


/* Hide from both screenreaders and browsers: h5bp.com/u */

.hidden {
    display: none !important;
    visibility: hidden;
}


/* Hide only visually, but have it available for screenreaders: h5bp.com/v */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}


/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}


/* Hide visually and from screenreaders, but maintain layout */

.cosa_invisible {
    visibility: hidden;
}


/* Contain floats: h5bp.com/q */

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}


/* ==|== media queries ======================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 480px) {
    /* Style adjustments for viewports 480px and over go here */
}

@media only screen and (min-width: 768px) {
    /* Style adjustments for viewports 768px and over go here */
}


/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: black !important;
        text-shadow: none !important;
        filter: none !important;
        -ms-filter: none !important;
    }
    /* Black prints faster: h5bp.com/s */
    a,
    a:visited {
        text-decoration: underline;
    }
    a[href]:after {
        content: " (" attr(href) ")";
    }
    abbr[title]:after {
        content: " (" attr(title) ")";
    }
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }
    /* Don't show links for images, or javascript/internal links */
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group;
    }
    /* h5bp.com/t */
    tr,
    img {
        page-break-inside: avoid;
    }
    img {
        max-width: 100% !important;
    }
    @page {
        margin: 0.5cm;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
}

#menu {
    list-style: none;
    width: 920px;
    margin: 0px auto;
    padding: 0px 0px 0px 60px;
    position: relative;
    z-index: 999;
}

#menu li {
    float: left;
    display: inline;
    text-align: center;
    padding: 0px;
    margin-left: 15px;
    border: none;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    border: solid #000 1px;
    background: #000;
}

#menu li,
#menu a {
    color: #fff;
}

#menu li:hover,
#menu li:focus-within,
#menu a:hover,
#menu a:focus {
    color: #000;
}

#menu li:hover,
#menu li:focus-within {
    padding: 0px;
    background: #fff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: solid;
    border-width: 0px;
    border-color: #FFF;
}

#menu li a {
    width: 100%;
    height: 100%;
    font-size: 18px;
    display: block;
    outline: 0;
    text-decoration: none;
    margin: 0px;
    padding: 3px;
    position: relative;
    z-index: 9999;
    font-weight: normal;
}

#menu li:hover .drop,
#menu li:focus-within .drop {
    color: #000;
}

#menu li .drop {
    display: block;
    text-transform: uppercase;
    position: relative;
    z-index: 9999;
}

#menu .nav1 {
    width: 70px;
    height: 16px;
    padding: 6px 10px 5px 10px;/*WAS 3px 10px*/
    *font-size: 14px;
}

#menu .nav2 {
    width: 65px;
    height: 16px;
    padding: 6px 10px 5px 10px;/*WAS 3px 10px*/
    *font-size: 14px;
}

#menu .nav3 {
    width: 65px;
    height: 16px;
    padding: 6px 10px 5px 10px;/*WAS 3px 10px*/
    *font-size: 14px;
}

#menu .nav4 {
    width: 130px;
    *width: 150px;
    height: 16px;
    padding: 6px 10px 5px 10px;/*WAS 3px 10px*/
    *font-size: 14px;
}

.dropdown_5columns {
    width: 900px;
    margin: 0px auto;
    float: left;
    position: absolute;
    z-index: 999;
    left: -999em;
    /*Hides the drop down */
    text-align: left;
    padding: 10px;
    margin: 2px 30px;
    border: none;
    background-color: rgb(0, 0, 0);
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    background: url('Images/mega/bg-mega-menu.png') repeat;
}

#menu li:hover .dropdown_5columns,
#menu li:focus-within .dropdown_5columns {
    left: 0px;
    top: 20px;
}

.dropdown_5columns .column {
    width: 160px;
    display: inline;
    float: left;
    position: relative;
    z-index: 9999;
    padding: 0px 20px 10px 0px;
    margin: 0px;
}


/*******Sam Added 2column Get Connected Mega Menu******/

.dropdown_5columns .column2 {
    width: 240px;
    display: inline;
    float: left;
    position: relative;
    z-index: 9999;
    padding: 0px 20px 10px 0px;
    margin: 0px;
}


/**********END*********/

#menu h3 {
    font-size: 16px;
    margin: 0;
    padding-left: 0;
    color: #FFF;
    text-transform: uppercase;
    background: transparent
}

#menu li:hover div a,
#menu li:focus-within div a {
    font-size: 12px;
    line-height: 16px;
    background: none;
    border: none;
}


/*#menu li:hover div a:hover { color:#000; }*/

.strong {
    font-weight: bold;
}

.italic {
    font-style: italic;
}

#menu li ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#menu li ul li {
    line-height: 20px;
    display: block;
    position: relative;
    z-index: 9999;
    /*text-shadow: 1px 1px 1px #ffffff;*/
    margin: 0px;
    float: none;
    text-align: left;
    background: none;
    border: solid 0px #000;
    padding: 0px;
}


/* Slider Control */

div .jflow-content-slider {
    position: relative;
    z-index: 240
}

div .jFlowSlideContainer {
    position: absolute;
    z-index: 250
}

div .jFlowSlideContainer .slide-details {
    position: absolute;
    z-index: 240;
    top: 155px
}


/*Slide Details Paragraph Cut Off Fix*/

#middle-center .jFlowSlideContainer .slide-details h2 {
    margin-top: 15px
}


/* Start of DNN-specific CSS ----------------------------------------------------------------------------------------------- */


/* OUTER LAYOUT --------------------------------- */

html,
body {
    margin: 0;
    padding: 0;
    text-align: center;
}

#pagewidth {
    width: 980px;
    text-align: left;
    margin: 0 auto;
}

#ContentBG {
    margin-bottom: 6px
}


/* end of OUTER LAYOUT -------------------------- */


/* UPPER HEADER --------------------------------- */

#header {
    display: block;
    position: relative;
    height: 120px;
    /* style guide says 125px but legacy site is 120px */
    width: 100%;
    overflow: none;
    overflow-y: visible;
    background-image: url('<%= SkinPath %>Images/COSA/bg-banner.png');
    background-repeat: no-repeat;
    background-position: left 0px;
}


/* SEARCH BOX/BAR ---------------------------- */

#Header .SearchContainer {
    position: absolute;
    z-index: 22;
    bottom: 12px;
    right: 16px;
    width: 232px;
    height: 32px;
    background: url(images/COSA/searchbox.png);
}

#Header .SearchContainer .SearchTextBox {
    float: left;
    background: none;
    width: 177px;
    margin: 3px 3px 3px 10px;
    color: #565656;
    font-family: Arial;
    font-size: 12px
}

#Header .SearchContainer .SearchBorder {
    border: 0;
    background: none;
}

#Header .SearchContainer .SearchIcon {
    display: none;
    float: left;
    width: 40px;
    padding: 3px;
    background-position: 9px 6px;
}

#Header .SearchContainer .SearchTextBox {
    float: left;
    background: none;
    width: 177px;
    margin: 3px 3px 3px 10px;
    color: #565656;
    font-family: Arial;
    font-size: 12px
}

#Header .SearchContainer .SearchButton {
    float: left;
    text-indent: -9999px;
    display: block;
    height: 32px;
    width: 30px;
    padding: 0;
}


/* -- end of SEARCH BOX/BAR ----------------- */


/* end of UPPER HEADER --------------------------- */


/* LOWER HEADER ------------------------------*/

#deptTitle {
    text-align: left;
    width: 969px;
    height: 55px;
    background: #3A2C2C;
    margin: auto;
    position: relative;
    clear: both;
    padding: 10px 0px 0px 10px
}

#deptTitle #deptTitleText {
    height: 32px;
    line-height: 32px;
    min-height: 32px;
}

#dnn_deptTitleText .ModDNNHTMLC * {
    color: #ffffff;
    font-family: MyriadProBoldCondensed, Arial, Helvetica, sans-serif;
    font-size: 22px;
    text-transform: uppercase
}

.myTitleText {
    text-transform: uppercase;
    font-family: myriadproboldcondensed, arial, helvetica, sans-serif;
    font-size: 22px;
    color: #ffffff
}

#Breadcrumb {
    height: auto;
    width: 960px;
    line-height: 14px;
    margin: 0px 0px 0px 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

#Breadcrumb span {
    display: inline-block;
    float: left;
    font-weight: bold;
    color: #ffffff
}

#Breadcrumb .Intro {
    text-transform: uppercase;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    font-size: 10px;
    background: none;
}

#Breadcrumb .SkinObject {
    display: inline-block;
    color: #ffffff;
    float: left;
    font-weight: normal;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif
}

#Breadcrumb .zSkinObject:hover {
    text-decoration: underline;
}

#Breadcrumb zspan.Sep {
    width: 24px;
    background: none;
    margin: 0px 24px;
}

#Breadcrumb a.SkinObject:hover {
    text-decoration: underline;
}

#bannerDIV {
    width: 980px;
    height: 205px;
}
#deptsmBanner {
	width: 980px;
	height: 150px;
}

#pageName {
    border-bottom: 2px solid #3A2C2C;
    height: 45px
}

#pageName * {
    font-family: MyriadProBoldCondensed, Arial, Helvetica, sans-serif;
    font-size: 30px;
    *font-size: 24px;
    letter-spacing: normal;
    color: #BB2025;
    line-height: 45px;
    margin-left: 10px;
    text-transform: uppercase
}

#pagename * {
    height: 45px
}


/* end of LOWER HEADER ------------------------ */


/* INNER LAYOUT ------------------------------- */

#contentwrap {
    width: 980px;
    clear: both;
    position: relative;
    top: -15px
}

#topWrap {
    width: 980px;
    clear: both;
}

#threeColWrap {
    width: 980px;
    clear: both;
    overflow: hidden
}

#threeColWrapSApreservation {
    width: 980px;
    clear: both;
    overflow: hidden;
	background-color: #8e261d;
}

#threeColWrap2 {
    width: 980px;
    clear: both;
    overflow: visible
}

#bottomWrap {
    width: 980px;
    clear: both;
    overflow: hidden;
}

#bottomWrapSApreservation {
    width: 980px;
    clear: both;
    overflow: hidden;
    background-color: #8e261d;
}

#dnn_topspan {
    margin-top: 15px;
    min-height: 8px;
    height: auto !important;
    height: 8px;
}

#dnn_LeftPane {
    width: 260px;
    position: relative;
    display: block;
    float: left;
    margin: 0px 20px 0px 0px;
    min-height: 1px;
    height: auto !important;
    height: 1px;
}

#dnn_LeftPane2 {
    width: 260px;
    position: relative;
    display: block;
    float: left;
    margin: 0px 20px 0px 0px;
    min-height: 1px;
    height: auto !important;
    height: 1px;
}

#dnn_LeftPaneSApres {
    width: 313px;
    position: relative;
    display: block;
    float: left;
    margin: 0px 20px 0px 0px;
    min-height: 1px;
    height: auto !important;
    height: 1px;
}

#dnn_ContentPane {
    width: 420px;
    position: relative;
    display: block;
    float: left;
    margin: 0px 20px 0px 0px;
    z-index: 1;
    min-height: 1px;
    height: auto !important;
    height: 1px;
}

#dnn_ContentPane2 {
    width: 698px;
    position: relative;
    display: block;
    float: left;
    margin: 0px 0px 0px 0px;
    z-index: 1;
    ;
    min-height: 1px;
    height: auto !important;
    height: 1px;
}

#dnn_ContentPaneSApres {
     width: 313px;
    position: relative;
    display: block;
    float: left;
    margin: 0px 20px 0px 0px;
    z-index: 1;
    min-height: 1px;
    height: auto !important;
    height: 1px;
}

#home-page #dnn_ContentPane {
    width: 411px;
    zmin-height: 830px;
    height: auto !important;
    zheight: 830px;
}

#home-page #middle-center {
    width: 411px;
    zmin-height: 830px;
    zheight: auto !important;
    zheight: 830px;
}
#home-page #middle-centerSApres {
    width: 411px;
    zmin-height: 830px;
    zheight: auto !important;
    zheight: 830px;
}

#home-page #threeColWrap {
    min-height: 830px;
    height: auto !important;
    height: 830px;
    overflow: visible
}

#home-page .dnnmodule {
    z-index: 700
}

#topWrap>#dnn_ContentPane {
    width: 980px
}

#dnn_RightPane {
    width: 260px;
    position: relative;
    display: block;
    float: left;
    clear: right;
    margin: 0px 0px 0px 0px;
}

#dnn_RightPaneSApres {
    width: 313px;
    position: relative;
    display: block;
    float: left;
    clear: right;
    margin: 0px 0px 0px 0px;
}


/* end of INNER LAYOUT ------------------------ */


/* LOWER LAYOUT ------------------------------- */

#Footer {
    position: relative;
    ztop: 24px;
    height: 125px;
    background-color: #3A2C2C;
    clear: both;
    display: block;
    overflow: none;
    color: #FFF;
    margin-bottom: 24px;
    margin-top: 25px;
}


/*****Sam - added top margin "25px" as per Louise request****/

#FooterSApreservation {
    position: relative;
    ztop: 24px;
    height: 125px;
    background-color: #3A2C2C;
    clear: both;
    display: block;
    overflow: none;
    color: #FFF;
    margin-bottom: 24px;
}


/*****Mario - added for SA Preservation Layout****/

#Footer * {
    text-align: center;
    color: #ffffff;
    font-weight: bold
}

#FooterTop {
    height: 25px;
    background-color: #8E261D
}

#FooterText {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
    line-height: 12px;
    margin-top: 6px
}

#FooterText p {
    margin: 12px 0px 0px 0px
}

#FooterText ul {
    margin: 7px 0px 0px 0px
}

#FooterText li {
    list-style-type: disc;
    display: inline;
    text-align: center;
    margin: 0px 3px 0px 3px;
}

#FooterText a {
    color: #ffffff;
    margin: 0px 3px 0px 3px;
}


/* end of LOWER LAYOUT ------------------------ */


/* Mandeeps LiveAccordion -- Give position to DIVs to allow "Site Link" to be placed in title bar */

.ModLiveAccordionC div {
    position: relative
}


/* DNNactionmenu - slim width to 2 columns for less overlap/underlap */

.dnnactionmenu {
    z-index: 999
}

.dnnActionMenuTag {
    z-index: 999
}

.dnnActionMenuBody {
    z-index: 999;
    width: 360px;
    min-width: 360px
}

ul.dnnactionmenubody {
    z-index: 999;
    width: 360px;
    min-width: 360px
}

ul.dnnactionmenubody li span {
    width: 360px;
    min-width: 360px
}


/* Give minheight to Department skin so DNNactionmenu has room to render on empty page */

#deptSkin #middle-center {
    min-height: 400px;
}

#deptSkin #middle-center2 {
    min-height: 400px;
}

#deptSkin #middle-centerSApres {
    min-height: 400px;
}

#deptSkin #middle-center2 #dnn_ContentPane {
    width: 698px;
    position: relative;
    display: block;
    float: left;
    margin: 0px 0px 0px 0px;
    z-index: 1;
    ;
    min-height: 1px;
    height: auto !important;
    height: 1px;
}

.block-dept {
    margin-top: 6px;
}


/*Right Quint-2up*/

.quint-link-container {
    margin: 0px 0px 3px 0px;
    /*	padding: 110px 10px 20px 10px;*/
    margin-right: 0px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    float: right;
    clear: right;
}

.bumper-grey-container-quint {
    background: #ebebeb;
    padding: 8px 15px 0px 15px;
    /*	margin: 8px 0px;	*/
    margin: 0px 0px 16px;
    float: left;
    clear: left;
    /*width: 90%;*/
    width: 175px;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
    border-bottom: solid 1px #DADBDC;
    border-right: solid 1px #DADBDC;
    -moz-border-radius: 15px;
    border-radius: 15px;
    /* border-bottom-style: solid;
   border-right-style: solid;*/
}

.bumper-grey-container-quint img {
    /*float: left;
	margin-right: 10px; */
    margin: 2px 0px;
}

.bumper-grey-container-quint h3 {
    font-size: 14px;
    *font-size: 11px;
    color: #000;
    margin: 0px;
    line-height: 14px;
}

.bumper-grey-container-quint p {
    margin: 0px;
}

.bumper-grey-container-quint a {
    border: none !important;
}

.news-teaser {
    margin-top: 6px;
}

#alignrightdiv p {
    text-align: right;
}


/* Marc added for links to turn blue and underlined and grey on hover - only in the ContentPane */
/* Doug changed blue from #005B9A to #00508A for accessibility - 04/04/2019 */
#dnn_ContentPane a:link {
    color: #00508A;
    text-decoration: underline;
}
a.readMoreLink {
	color: #00508A;
}

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


/*************Underline CSS ENDS************/


/**************2007 Bond CSS************/

#bondtables {
    float: left;
    position: relative;
    */
    /*border: 1px solid black;*/
}

#mainheadercontent {
    float: left;
    position: relative;
    width: 470px;
    /*border: 1px solid black;*/
}

#bondtables #mainheadercontent #header {
    /*position: relative;*/
}

#bondtables #mainheadercontent #year {
    /*position: relative;*/
    /*border-top: 1px solid black;
	border-bottom: 1px solid black;*/
}

#bondtables #mainheadercontent #year span {
    background-color: black;
    color: white;
    font-weight: bold;
    padding: 5px;
}

#year {
    /*border-top: 1px solid black;*/
}


/*#yearcontent {
	position: relative;

}*/

#committee {
    float: left;
    position: relative;
    /*clear: both;*/
    width: 150px;
    margin: 20px 0 0 20px;
    /*position: relative;*/
    /*float: right;*/
    border-left: 1px solid black;
    padding-left: 10px;
}

#committee h6 {
    margin: 0 0;
    color: #999999;
    font-size: 14px;
    font-family: 'MyriadProBoldCondensed', Arial, Helvetica, sans-serif;
    font-weight: normal;
    letter-spacing: 0;
    text-transform: uppercase;
}

#tdbgcell th {
    background-color: #cccccc;
    color: #000000;
}


/*************2007 Bond CSS ENDS*************/


/* Sam added Live Tabs */


/*Live Tab Smoothness*/

#dnn_ContentPane .livetabssmoothness .ui-corner-bottom a:link {
    color: #005B9A;
    text-decoration: underline;
}

#dnn_ContentPane .livetabssmoothness .ui-corner-bottom a:hover {
    color: grey;
    text-decoration: none;
}

#dnn_ContentPane .livetabssmoothness a:link {
    color: #000000;
    text-decoration: none;
}

#dnn_ContentPane .livetabssmoothness a:hover {
    color: #808080;
    text-decoration: none;
}

#dnn_ContentPane .livetabssmoothness .ui-state-active a,
#dnn_ContentPane .livetabssmoothness .ui-state-active a:link,
#dnn_ContentPane .livetabssmoothness .ui-state-active a:visited {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background: none repeat scroll 0 0 #FFFFFF;
    color: #000000;
    line-height: 16px;
    text-decoration: none;
}

#dnn_ContentPane .livetabssmoothness .ui-state-default,
#dnn_ContentPane .livetabssmoothness .ui-widget-content,
#dnn_ContentPane .livetabssmoothness .ui-state-default {
    line-height: 16px;
}


/*END Smoothness*/


/*Live Tab Blacktie*/

#dnn_ContentPane .livetabsblacktie .ui-corner-bottom a:link {
    color: #005B9A;
    text-decoration: underline;
}

#dnn_ContentPane .livetabsblacktie .ui-corner-bottom a:hover {
    color: grey;
    text-decoration: none;
}

#dnn_ContentPane .livetabsblacktie a:link {
    color: #FFFFFF;
    text-decoration: none;
}

#dnn_ContentPane .livetabsblacktie a:hover {
    color: #808080;
    text-decoration: none;
}

#dnn_ContentPane .livetabsblacktie .ui-state-active a,
#dnn_ContentPane .livetabsblacktie .ui-state-active a:link,
#dnn_ContentPane .livetabsblacktie .ui-state-active a:visited {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background: none repeat scroll 0 0 #FFFFFF;
    color: #000000;
    line-height: 16px;
    text-decoration: none;
}

#dnn_ContentPane .livetabsblacktie,
#dnn_ContentPane .livetabsblacktie .ui-widget-content,
#dnn_ContentPane .livetabsblacktie .ui-state-default {
    line-height: 16px;
}


/*END Blacktie*/


/*Live Tab Default*/

#dnn_ContentPane .livetabsdefault .ui-corner-bottom a:link {
    color: #005B9A;
    text-decoration: underline;
}
#dnn_ContentPane .livetabsdefault .ui-corner-bottom a:visited {
    color: #005B9A;
    text-decoration: underline;
}

#dnn_ContentPane .livetabsdefault .ui-corner-bottom a:hover {
    color: grey;
    text-decoration: none;
}

#dnn_ContentPane .livetabsdefault a:link {
    color: #000000;
    text-decoration: none;
}

#dnn_ContentPane .livetabsdefault a:hover {
    color: #808080;
    text-decoration: none;
}

#dnn_ContentPane .livetabsdefault .ui-state-active a,
#dnn_ContentPane .livetabsdefault .ui-state-active a:link,
#dnn_ContentPane .livetabsdefault .ui-state-active a:visited {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background: none repeat scroll 0 0 #FFFFFF;
    color: #000000;
    line-height: 16px;
    text-decoration: none;
}

#dnn_ContentPane .livetabsdefault,
#dnn_ContentPane .livetabsdefault .ui-widget-content,
#dnn_ContentPane .livetabsdefault .ui-state-default {
    line-height: 16px;
}

/*Live Tab Default - FOR BOTTOM SPAN*/

#dnn_bottomSpan .livetabsdefault .ui-corner-bottom a:link {
    color: #005B9A;
    text-decoration: underline;
}

#dnn_bottomSpan .livetabsdefault .ui-corner-bottom a:hover {
    color: grey;
    text-decoration: none;
}

#dnn_bottomSpan .livetabsdefault a:link {
    color: #000000;
    text-decoration: none;
}

#dnn_bottomSpan .livetabsdefault a:hover {
    color: #808080;
    text-decoration: none;
}

#dnn_bottomSpan .livetabsdefault .ui-state-active a,
#dnn_bottomSpan .livetabsdefault .ui-state-active a:link,
#dnn_bottomSpan .livetabsdefault .ui-state-active a:visited {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background: none repeat scroll 0 0 #FFFFFF;
    color: #000000;
    line-height: 16px;
    text-decoration: none;
}

#dnn_bottomSpan .livetabsdefault,
#dnn_bottomSpan .livetabsdefault .ui-widget-content,
#dnn_bottomSpan .livetabsdefault .ui-state-default {
    line-height: 16px;
}
#dnn_bottomSpan .ui-state-active a,
#dnn_bottomSpan .ui-state-active a:link,
#dnn_bottomSpan .ui-state-active a:visited {
    color: #ffffff;
    font-family: MyriadProBoldCondensed, Arial, Helvetica, sans-serif;
    font-size: 15px;
    height: 26px;
    line-height: 26px;
    text-transform: uppercase;
    display: block;
    width: inherit;
    margin: 0px 0px 0px 0px;
    padding-bottom: 5px;
}
/*END - BOTTOM SPAN*/
/*FOR GC CONTENT PANE*/
#dnn_ContentPaneGC .livetabsdefault .ui-corner-bottom a:link {
    color: #005B9A;
    text-decoration: underline;
}

#dnn_ContentPaneGC .livetabsdefault .ui-corner-bottom a:hover {
    color: grey;
    text-decoration: none;
}

#dnn_ContentPaneGC .livetabsdefault a:link {
    color: #000000;
    text-decoration: none;
}

#dnn_ContentPaneGC .livetabsdefault a:hover {
    color: #808080;
    text-decoration: none;
}

#dnn_ContentPaneGC .livetabsdefault .ui-state-active a,
#dnn_ContentPaneGC .livetabsdefault .ui-state-active a:link,
#dnn_ContentPaneGC .livetabsdefault .ui-state-active a:visited {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background: none repeat scroll 0 0 #FFFFFF;
    color: #000000;
    line-height: 16px;
    text-decoration: none;
}

#dnn_ContentPaneGC .livetabsdefault,
#dnn_ContentPaneGC .livetabsdefault .ui-widget-content,
#dnn_ContentPaneGC .livetabsdefault .ui-state-default {
    line-height: 16px;
}

/*END Default*/


/* END Sam Live Tabs*/


/* Google Translate Gagdet Styles -- Glenn Parker */

#googleTranslateContainer {
    margin: 5px auto;
    text-align: center;
}

.googleTranslate {
    display: inline-block;
}

div#google_translate_element div.goog-te-gadget-simple {
    background-color: #ffffff;
}

div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span {
    color: #000000;
    font-weight: normal;
}


/* End Google Translate Gaget Styles */


/* Column Styles -- Glenn Parker */

.fleft {
    float: left
}

.columns {
    word-wrap: break-word;
}

.columns ul {
    margin: 0;
}

.one-col-layout {
    width: 99%;
}

.two-col-layout {
    width: 49%;
}

.two-col-layout-60 {
    width: 59%;
}

.two-col-layout-40 {
    width: 39%;
}

.three-col-layout {
    width: 33%;
}

.four-col-layout {
    width: 24%;
}

.five-col-layout {
    width: 19%;
}

.fright {
	float:right;
}

/* End Columns Styles */


/* Triple  -- Sam Martinez */


/* Triple with added mod for EASI page -- Marc */

.one-half-bumper-container-trip {
    clear: left;
    margin-bottom: 15px;
    width: 200px;
}

.bumper-grey-container-trip {
    /*height: 160px;*/
    background: none repeat scroll 0 0 #F3F4F4;
    border-bottom: 1px solid #DADBDC;
    border-right: 1px solid #DADBDC;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
    clear: left;
    float: left;
    margin: 0 0 16px;
    padding: 15px 15px 15px;
    width: 380px;
}

.bumper-grey-container-marc {
    /*height: 160px;*/
    background: none repeat scroll 0 0 #F3F4F4;
    border-bottom: 1px solid #DADBDC;
    border-right: 1px solid #DADBDC;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
    clear: left;
    float: left;
    margin: 0 0 16px;
    padding: 15px 15px 15px;
    width: 380px;
}

.bumper-grey-container-trip h3 {
    color: #000000;
    font-size: 14px;
    line-height: 14px;
    margin: 0 0 0 200px;
}

.bumper-grey-container-marc h3 {
    color: #000000;
    font-size: 14px;
    line-height: 14px;
    margin: 0 0 0 80px;
}

.bumper-grey-container-trip p {
    margin: 0 0 8px 200px;
}

.bumper-grey-container-marc p {
    margin: 0 0 8px 80px;
}

.trip-content {
    float: left;
}


/* End Triple */

.featured-person-left h4 {
    font-size: 13px;
    color: #000;
}

.featured-person-left h5 {
    font-size: 11px;
    font-weight: normal;
    color: #5E5F5F;
}

.featured-person-left .photo {
    float: left;
    margin-right: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.featured-person-left .icon {
    float: right;
    margin-left: 10px;
}


/* End Pic-Feature */


/*------------------------------------------------------------------------------------------------------------
DNN Upgrade - CSS Class Overrides - Clarity */


/************************Sam Renamed Clarity's class "normal" to "Normal" for IE *********************/

.Normal {
    line-height: 1.231;
}

#ControlBar_ControlPanel {
    z-index: 999999999 !important;
}

#ControlBar {
    z-index: 999999995 !important;
}

#ControlBar dl {
    z-index: 999999990 !important;
}

.dnnCPHNav Table {
    margin: 0px;
}

#dnnCPWrap .dnnCPHNav {
    margin-top: 0px;
}


/* End DNN Upgrade */


/* Sam Added This for Sextet */

.one-half-bumper-container-right {
    width: 190px;
    float: right;
    clear: right;
    margin-bottom: 15px;
    margin-right: 15px;
}

.one-half-bumper-container-right .bumper-grey-container p {
    margin: 0 0 8px;
}


/*End of Sextet*/


/*Mario Added This For Septet on Purchasing*/

.one-half-bumper-container-nine {
    width: 145px;
    float: left;
    margin: 5px;
}

.bumper-grey-container-nine {
    background: #F3F4F4;
    padding: 8px 8px 8px 8px;
    /*	margin: 8px 0px;	*/
    margin: 0px 0px 15px;
    float: left;
    clear: left;
    /*width: 90%;*/
    width: 120px;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
    border-bottom: solid 1px #DADBDC;
    border-right: solid 1px #DADBDC;
    /* border-bottom-style: solid;
   border-right-style: solid;*/
}


/* DNN Events Calendar Category dropdown*/

.ThemeEvents-Cosa .EvtHdrMdlCol .SelCategoryTR div {
    vertical-align: middle;
}


/*.SelCategoryTR  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video   
{ margin: 0; padding: 0; vertical-align: middle; }*/


/*Sam Added This Featured Header*/


/*Header for EasyDNNGallery Feature*/

#featureheader {
    background: #F3F4F4;
    padding: 2px 0px 2px 30px;
    margin: 5px 0px -25px 0px;
}

#featureheader h5 {
    padding: 0px;
    display: block;
    list-style: none outside none;
    margin: 5px 0;
    width: 90%;
    color: #000000;
    font-family: 'MyriadProBoldCondensed', Arial, Helvetica, sans-serif;
    font-weight: normal;
    letter-spacing: 0;
    text-transform: uppercase;
}


/*END FEATURE HEADER*/


/*--------------------------------------------------------------------------------------------------

 Skip Navigation  -- Araceli Guzman */

#skip a,
#skip a:hover,
#skip a:visited {
    position: absolute;
    left: -500px;
    top: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

#skip a:active,
#skip a:focus {
    position: static;
    width: auto;
    height: auto;
}


/* End Skip Navigation */


/*--itsd_blueTable_v1--John Q--*/

.itsd_blueTable_v1 {
    font-family: Arial, Verdana, sans-serif;
    width: 100%;
    border-collapse: collapse;
}

.itsd_blueTable_v1 td,
.itsd_blueTable_v1 th {
    font-size: .875em;
    border: 2px dotted #485f6e;
    padding: 10px 20px;
}

.itsd_blueTable_v1 th {
    font-size: 1.1em;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 4px;
    background-color: #485f6e;
    color: #ffffff;
    border: 2px solid #485f6e;
}

.itsd_blueTable_v1 tr.alt td {
    color: #000000;
    background-color: #e4e7e9;
}


/*--End itsd_blueTable_v1--*/


/*--itsd_redTable_v1--John Q--*/

.itsd_redTable_v1 {
    font-family: Arial, Verdana, sans-serif;
    width: 100%;
    border-collapse: collapse;
}

.itsd_redTable_v1 td,
.itsd_blueTable_v1 th {
    font-size: .875em;
    border: 1px dotted #58585a;
    padding: 10px 20px;
}

.itsd_redTable_v1 th {
    font-size: 1.1em;
    text-align: left;
    padding-top: 10px;
    padding-bottom: 10px;
	padding-right: 5px;
	padding-left: 5px;
    background-color: #BB2025;
    color: #ffffff;
    border: 1px solid #BB2025;
}

.itsd_redTable_v1 tr.alt td {
    color: #000000;
    background-color: #e4e7e9;
}


/*--End itsd_redTable_v1--*/






/*--itsd_blueTable_v2--Jeff D--*/

.itsd_blueTable_v2 {
    font-family: Arial, Verdana, sans-serif;
    width: 100%;
    border-collapse: collapse;
}

.itsd_blueTable_v2 td,
.itsd_blueTable_v2 th {
    font-size: .8em;
    border: 2px dotted #485f6e;
    padding: 10px 20px;
}

.itsd_blueTable_v2 th {
    font-size: 1.1em;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 4px;
    background-color: #485f6e;
    color: #ffffff;
    border: 2px solid #485f6e;
}

.itsd_blueTable_v2 tr.alt td {
    color: #000000;
    background-color: #e4e7e9;
}


/*--End itsd_blueTable_v2--Jeff D--*/


/*--itsd_redTable_v2--Jeff D--*/

.itsd_redTable_v2 {
    font-family: Arial, Verdana, sans-serif;
    width: 50%;
    border-collapse: collapse;
	margin-left: 40px;
		
}

.itsd_redTable_v2 td,
.itsd_blueTable_v2 th {
    font-size: .875em;
    border: 1px dotted #58585a;
    padding: 3px 20px;
}

.itsd_redTable_v2 th {
    font-size: .8em;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 5px;
	padding-right: 5px;
	padding-left: 8px;
    background-color: #8d241d;
    color: #ffffff;
    border: 1px dotted #ffffff;
}

.itsd_redTable_v2 tr.alt td {
    color: #000000;
    background-color: #e4e7e9;
}


/*--End itsd_redTable_v2--Jeff D--*/

/*--itsd-blueTable_v3--SAM--*/
.itsd_blueTable_v3 {
    font-family: Arial, Verdana, sans-serif;
    width: 100%;
    border-collapse: collapse;
}

.itsd_blueTable_v3 td,
.itsd_blueTable_v3 th {
    font-size: .8em;
    border: 2px dotted #485f6e;
    /*padding: 10px 20px;*/
}

.itsd_blueTable_v3 th {
    font-size: .8em;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 4px;
    background-color: #485f6e;
    color: #ffffff;
    border: 2px solid #485f6e;
}
.itsd_blueTable_v3 tr th:first-child {
	padding-left:10px;
}

.itsd_blueTable_v3 tr.alt td {
    color: #000000;
    background-color: #e4e7e9;
}
.itsd_blueTable_v3 tr td:first-child {
	font-size: .8em;
	color: #ffffff;
	background-color:#485f6e;
	font-weight: bold;
}
/*--END--*/




























/*--Sam Added for Table in Tabs Right or Left side GMA site--*/

.tabletabsRL {
    font-family: Arial, Verdana, sans-serif;
    width: 100%;
    border-collapse: collapse;
}

.tabletabsRL td,
.tabletabsRL th {
    font-size: .750em;
    border: 2px dotted #485f6e;
    padding: 3px 3px;
}

.tabletabsRL th {
    font-size: 1em;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 4px;
    background-color: #485f6e;
    color: #ffffff;
    border: 2px solid #485f6e;
}

.tabletabsRL tr.alt td {
    color: #000000;
    background-color: #e4e7e9;
}


/*--End Tables in Right or Left Tabs--*/


/*Sam Added for <td> in itsd_blueTable_v1 class - DSD site***/

.bluetabletd {
    border: 0px !important;
    background-color: #f5f5f5;
    padding: 5px 20px !important;
}


/****Inner Table*****/

.bluetable_innertable {
    border-collapse: collapse;
    color: #5E5F5F;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
    text-align: left;
    text-transform: none;
    width: 100%;
}

.bluetable_innertable td,
.bluetable_innertable th {
    border: 1px Solid #000000;
    /*font-size: 0.875em;*/
    padding: 5px;
}


/****END****/


/*Sam added */

.div-feature-full-ccdo {
    width: 380px;
    position: relative;
    z-index: 100;
}

.div-feature-full-ccdo {
    /*	width: 42%;*/
    /*width: 175px;*/
    float: left;
    /*	margin: 2%;*/
    margin: 5px;
    /*	padding: 5px 2% 0px 2%;*/
    padding: 10px 9px 10px 9px;
    background: #FFF;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
    border-bottom: solid 1px #DADBDC;
    border-right: solid 1px #DADBDC;
}


/*.div-feature-full-ccdo{
	height: 150px;
}*/


/*.div-feature-full-ccdo{
		width: 88%;
		margin: 5%;
		height: inherit;

}*/

.div-feature-full-ccdo img {
    margin: 5px 0px;
}


/*END*/


/*
 * SimpleModal Basic Modal Dialog
 * http://simplemodal.com
 *
 * Copyright (c) 2013 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 */


/* Overlay */

#simplemodal-overlay {
    background-color: #000;
}


/* Container */

#simplemodal-container {
    height: 360px;
    width: 600px;
    color: #bbb;
    background-color: #fff;
    border: 4px solid #882319;
    padding: 12px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    box-shadow: 0 0 0 3px #B41D20;
}

#simplemodal-container .simplemodal-data {
    padding: 8px;
}

#simplemodal-container code {
    background: #141414;
    border-left: 3px solid #65B43D;
    color: #bbb;
    display: block;
    font-size: 12px;
    margin-bottom: 12px;
    padding: 4px 6px 6px;
}

#simplemodal-container a {
    color: #ddd;
}

#simplemodal-container a.modalCloseImg {
    background: url(/portals/_default/skins/cosa0/images/x.png) no-repeat;
    width: 25px;
    height: 29px;
    display: inline;
    z-index: 3200;
    position: absolute;
    top: -15px;
    right: -16px;
    cursor: pointer;
}

#simplemodal-container h3 {
    color: #84b8d9;
}


/******Sam Added- SA.Gov Home Page Lightgreybox Background *******/

#middle-right .lightgreyboxbg {
    background: #EBEBEC;
}

#middle-right .lightgreyboxbg h3 {
    background: none repeat scroll 0 0 transparent !important;
    border: medium none;
    color: #BB2025;
    font-size: 15px;
    line-height: 24px;
    margin: 0;
    padding: 0px 0px 0px 10px;
}


/*******Sam Added - Get Connected Lightgreybox Background ******/

#middle-left2 .gclightgreyboxbg {
    height: 100%;
}

#middle-left2 .gclightgreyboxbg h3 {
    background: none repeat scroll 0 0 transparent !important;
    border: medium none;
    color: #BB2025;
    font-size: 15px;
    line-height: 24px;
    margin: 0;
    padding: 0px 0px 0px 10px;
}

#middle-left2 .gclightgreyboxbg p {
    padding: 0px 0px 0px 10px;
}


/* Get Connected Skin - Sam */

#deptSkin #middle-center-gc {
    min-height: 400px;
}

#deptSkin #middle-center-gc #dnn_ContentPane {
    width: 720px;
    position: relative;
    display: block;
    float: left;
    margin: 0px 0px 0px 0px;
    z-index: 1;
    ;
    min-height: 1px;
    height: auto !important;
    height: 1px;
}

#middle-right-gc {
    width: 260px;
    float: right;
    position: relative;
    z-index: 100;
}

#dnn_RightPaneGC {
    width: 260px;
    position: relative;
    display: block;
    float: right;
    margin: 0px 0px 0px 0px;
    min-height: 1px;
    height: auto !important;
    height: 1px;
}

#dnn_ContentPaneGC {
    width: 718px;
    position: relative;
    display: block;
    float: left;
    margin: 0px 0px 0px 0px;
    z-index: 1;
    ;
    min-height: 1px;
    height: auto !important;
    height: 1px;
}


/* END */


/* Sam Added - TopSpan Live Accordion Default Theme */

#dnn_topSpan .ui-state-active a,
#dnn_topSpan .ui-state-active a:link,
#dnn_topSpan .ui-state-active a:visited {
    color: #ffffff;
    font-family: MyriadProBoldCondensed, Arial, Helvetica, sans-serif;
    font-size: 15px;
    height: 26px;
    line-height: 26px;
    text-transform: uppercase;
    display: block;
    width: inherit;
    margin: 0px 0px 0px 0px;
    padding-bottom: 5px;
}

#dnn_topSpan a:link {
    color: #005B9A;
    text-decoration: underline;
}


/* END * /

/****Sam Added for Mega Menu GetConnected Pill ****/

#menu .nav5 {
    height: 16px;
    padding: 6px 10px 5px 10px;/*WAS 3px 10px*/
    width: 105px;
}

.dropdown_5columns .column_gc {
    width: 240px;
    display: inline;
    float: left;
    position: relative;
    z-index: 9999;
    padding: 0px 20px 10px 0px;
    margin: 0px;
}

#bannerDIV #megamenulink_gc {
    background: url(/images/COSA/bg-banner-bottom.png);
}

#megamenulink_gc a {
    display: inline-block;
    height: 205px;
    width: 980px;
    z-index: 999;
}

#megamenulink_gc a span {
    text-decoration: none;
    visibility: hidden;
}


/******END************/


/******Sam Added for SAFD *******/

.safd-pic-feature {
    background: none repeat scroll 0 0 #F3F4F4;
    border-top: medium none;
    float: right;
    margin: 0px 15px 15px 15px;
    padding: 15px;
    width: 130px;
}

.safd-pic-feature img {
    margin-bottom: 5px;
}

.safd-pic-feature h5,
.safd-pic-feature h4,
.safd-pic-feature p {
    margin: 0px;
}

.safd-pic-feature h4 {
    font-size: 13px;
    color: #000;
}

.safd-pic-feature h5 {
    font-size: 11px;
    font-weight: normal;
    color: #5E5F5F;
}

#safdtextalign p {
    text-align: center;
}

#safdparamargin p {
    margin: 0px 0px 0px 0px;
}


/*******END********/


/*********Sam Added Nine Featured - Nonet***********/

.nonet {
    float: left;
    margin-right: 10px;
    border-radius: 10px;
}

.bumper-grey-container-nine {
    background: none repeat scroll 0 0 #F3F4F4;
    border-bottom: 1px solid #DADBDC;
    border-radius: 10px;
    border-right: 1px solid #DADBDC;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
    clear: left;
    float: left;
    margin: 0 0 15px;
    padding: 10px;
    width: 110px;
}

.nine-content {
    float: left;
}


/************END***************************/


/********Sam Added for fix Centering Paragraph and aligning right Tag***********/

.paraaligncenter {
    text-align: center;
}

.paraalignright {
    text-align: right;
}


/********END*********/


/*********Sam Added for Paragraph Tag in Tables*************/

#paranomargin p {
    margin: 0;
}

.paranomargin {
    margin: 0;
}

.tablecellaligncenter p {
    text-align: center;
}

.tablecellaligncenter {
    text-align: center;
}


/******END*********/


/*******Sam Added for Table Cell Backgound Color**********/

.bgcolortablecell {
    background-color: #f2f2f2;
}


/********END************************/


/*******Sam Added for CIMS grey box***************/

#cimsgreybox {
    border-bottom: 3px solid #e0e0e0;
    border-top: 3px solid #e0e0e0;
    padding: 5px 15px;
    background-color: #f5f5f5;
}


/*******END**********************/


/*******GreyFormButton JohnQ*******/

.greyFormButton {
    display: inline-block;
    *display: inline;
    /* IE7 inline-block hack */
    *zoom: 1;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-family: Arial;
    /* custom setting */
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #333333;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    background-color: #f5f5f5;
    background-repeat: repeat-x;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #e6e6e6;
    /* Darken IE7 buttons by default so they stand out more given they won't have borders */
    border: 1px solid #cccccc;
    *border: 0;
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    *margin-left: .3em;
}

.greyFormButton:hover,
.greyFormButton:focus,
.greyFormButton:active,
.greyFormButton.active,
.greyFormButton.disabled,
.greyFormButton[disabled] {
    color: #333333;
    background-color: #e6e6e6;
    *background-color: #d9d9d9;
}

.greyFormButton:active,
.greyFormButton.active {
    background-color: #cccccc \9;
}

.greyFormButton:first-child {
    *margin-left: 0;
}

.greyFormButton:hover,
.greyFormButton:focus {
    color: #333333;
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
}

.greyFormButton:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.greyFormButton.active,
.greyFormButton:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
}

.greyFormButton.disabled,
.greyFormButton[disabled] {
    cursor: default;
    background-image: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}


/*******EndGreyButton JohnQ*******/


/*******DarkGreyButton JohnQ*******/

.darkGreyFormButton {
    display: inline-block;
    *display: inline;
    /* IE7 inline-block hack */
    *zoom: 1;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-family: Arial;
    /* custom setting */
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #ffffff;
    /*text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);*/
    background-color: #58585a;
    background-repeat: repeat-x;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #e6e6e6;
    /* Darken IE7 buttons by default so they stand out more given they won't have borders */
    border: 1px solid #cccccc;
    *border: 0;
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    *margin-left: .3em;
}

.darkGreyFormButton:hover,
.darkGreyFormButton:focus,
.darkGreyFormButton:active,
.darkGreyFormButton.active,
.darkGreyFormButton.disabled,
.darkGreyFormButton[disabled] {
    color: #333333;
    background-color: #e6e6e6;
    *background-color: #d9d9d9;
}

.darkGreyFormButton:active,
.darkGreyFormButton.active {
    background-color: #cccccc \9;
}

.darkGreyFormButton:first-child {
    *margin-left: 0;
}

.darkGreyFormButton:hover,
.darkGreyFormButton:focus {
    color: #333333;
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
}

.darkGreyFormButton:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.darkGreyFormButton.active,
.darkGreyFormButton:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
}

.darkGreyFormButton.disabled,
.darkGreyFormButton[disabled] {
    cursor: default;
    background-image: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}


/*******EndDarkGreyButton JohnQ*******/


/******darkGreyBtn-link JohnQ******/

#dnn_topSpan .darkGreyBtn-link>a:link {
    padding: 6px 12px;
    background: #58585a;
    font-size: 14px;
    color: #ffffff;
    text-decoration: none;
    line-height: 20px;
    text-align: center;
    /*vertical-align: middle;*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-color: rgba(130, 130, 132, 0.1) rgba(88, 88, 90, 0.1) rgba(88, 88, 90, 0.25) rgba(61, 61, 62, 0.1);
    border-color: #828284 #58585a #58585a #3d3d3e;
    border-style: solid;
    border-width: 1px;
    /*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);*/
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#dnn_topSpan .darkGreyBtn-link>a:visited {
    padding: 6px 12px;
    background: #58585a;
    font-size: 14px;
    color: #ffffff;
    text-decoration: none;
    line-height: 20px;
    text-align: center;
    /*vertical-align: middle;*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-color: rgba(130, 130, 132, 0.1) rgba(88, 88, 90, 0.1) rgba(88, 88, 90, 0.25) rgba(61, 61, 62, 0.1);
    border-color: #828284 #58585a #58585a #3d3d3e;
    border-style: solid;
    border-width: 1px;
    /*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);*/
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#dnn_topSpan .darkGreyBtn-link>a:hover {
    background: #e6e6e6;
    border: solid 1px #cccccc;
    color: #58585a;
    text-decoration: none;
}

#dnn_topSpan .darkGreyBtn-link>a:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #7b7b7c;
    border: solid 1px #58585a;
    color: #fff;
    text-decoration: none;
}


/****dnn_ContentPane****/

#dnn_ContentPane .darkGreyBtn-link>a:link {
    padding: 6px 12px;
    background: #8d241d;
    font-size: 14px;
    color: #ffffff;
    text-decoration: none;
    line-height: 20px;
    text-align: center;
    /*vertical-align: middle;*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-color: rgba(130, 130, 132, 0.1) rgba(88, 88, 90, 0.1) rgba(88, 88, 90, 0.25) rgba(61, 61, 62, 0.1);
    border-color: #828284 #58585a #58585a #3d3d3e;
    border-style: solid;
    border-width: 1px;
    /*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);*/
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#dnn_ContentPane .darkGreyBtn-link>a:visited {
    padding: 6px 12px;
    background: #8d241d;
    font-size: 14px;
    color: #ffffff;
    text-decoration: none;
    line-height: 20px;
    text-align: center;
    /*vertical-align: middle;*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-color: rgba(130, 130, 132, 0.1) rgba(88, 88, 90, 0.1) rgba(88, 88, 90, 0.25) rgba(61, 61, 62, 0.1);
    border-color: #828284 #58585a #58585a #3d3d3e;
    border-style: solid;
    border-width: 1px;
    /*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);*/
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#dnn_ContentPane .darkGreyBtn-link>a:hover {
    background: #e6e6e6;
    border: solid 1px #cccccc;
    color: #58585a;
    text-decoration: none;
}

#dnn_ContentPane .darkGreyBtn-link>a:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #7b7b7c;
    border: solid 1px #58585a;
    color: #fff;
    text-decoration: none;
}


/*END*/


/******END darkGreyBtn-link JohnQ******/




/****dnn_ContentPane 2****/

#dnn_ContentPane .darkGreyBtn55-link>a:link {
    padding: 6px 12px;
    background: #4f81bd;
    font-size: 25px;
    color: #ffffff;
    text-decoration: none;
    line-height: 20px;
    text-align: center;
    /*vertical-align: middle;*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-color: rgba(130, 130, 132, 0.1) rgba(88, 88, 90, 0.1) rgba(88, 88, 90, 0.25) rgba(61, 61, 62, 0.1);
    border-color: #828284 #58585a #58585a #3d3d3e;
    border-style: solid;
    border-width: 1px;
    /*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);*/
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#dnn_ContentPane .darkGreyBtn55-link>a:visited {
    padding: 6px 12px;
    background: #4f81bd;
    font-size: 25px;
    color: #ffffff;
    text-decoration: none;
    line-height: 20px;
    text-align: center;
    /*vertical-align: middle;*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-color: rgba(130, 130, 132, 0.1) rgba(88, 88, 90, 0.1) rgba(88, 88, 90, 0.25) rgba(61, 61, 62, 0.1);
    border-color: #828284 #58585a #58585a #3d3d3e;
    border-style: solid;
    border-width: 1px;
    /*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);*/
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#dnn_ContentPane .darkGreyBtn55-link>a:hover {
    background: #e6e6e6;
    border: solid 1px #cccccc;
    color: #58585a;
    text-decoration: none;
}

#dnn_ContentPane .darkGreyBtn55-link>a:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #4f81bd;
    border: solid 1px #58585a;
    color: #fff;
    text-decoration: none;
}


/*END*/


/******END darkGreyBtn-link JD******/








/******SAM ADDED FOR LIVE TAB-DEFAULT THEME ONLY for TOP SPAN*****/


/*Live Tab Default - TOPSPAN*/

#dnn_topSpan .livetabsdefault .ui-corner-bottom a:link {
    color: #005B9A;
    text-decoration: underline;
}

#dnn_topSpan .livetabsdefault .ui-corner-bottom a:hover {
    color: grey;
    text-decoration: none;
}

#dnn_topSpan .livetabsdefault a:link {
    color: #000000;
    text-decoration: none;
}

#dnn_topSpan .livetabsdefault a:hover {
    color: #808080;
    text-decoration: none;
}

#dnn_topSpan .livetabsdefault .ui-state-active a,
#dnn_topSpan .livetabsdefault .ui-state-active a:link,
#dnn_topSpan .livetabsdefault .ui-state-active a:visited {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background: none repeat scroll 0 0 #FFFFFF;
    color: #000000;
    line-height: 16px;
    text-decoration: none;
}

#dnn_topSpan .livetabsdefault,
#dnn_topSpan .livetabsdefault .ui-widget-content,
#dnn_topSpan .livetabsdefault .ui-state-default {
    line-height: 16px;
}


/*END Default*/


/*CSS CALLOUT BOX in LiveHTML*/

.cobouter {
    padding: 10px;
    margin-bottom: 15px;
    background-color: #f3f4f4;
}

.cobinner {
    padding: 15px;
    background-color: #ffffff;
}

.cobleftcontainer {
    width: 445px;
}

.cobrightcontainer {
    width: 250px;
    float: right;
    margin-left: 15px;
}

.cobrightcontainer table {
    margin-top: 0px;
    margin-bottom: 0px;
}

.cobrightcontainer table td {
    padding: 0px 5px;
}


/*END*/


/**** GLENN ADDED 2 column LiveHTML *****/

.LiveHTML table {
    margin-top: 0px;
    margin-bottom: 0px;
}

.LiveHTML table td {
    padding: 0px 5px;
}

.LiveHTML .pic {
    margin-bottom: 0px;
}

.LiveHTML .twoColumn {
    width: 700px;
}

.LiveHTML .twoColumn .left {
    float: left;
    width: 420px;
    margin-right: 10px;
    padding: 0;
}

.LiveHTML .twoColumn .right {
    width: 270px;
    padding: 0;
}
/*END*/


/*********SAM ADDED for FORMS & LIST MODULE*********/

#dnn_ContentPane .dnnFormAndList .dnnGridHeader a:link,
.dnnFormAndList .dnnGridHeader a:visited,
.dnnFormAndList .dnnGridHeader a:active {
    color: #000;
    text-decoration: underline;
}

.dnnFormAndList .dnnGridHeader th {
    font-size: 75%;
    white-space: nowrap;
    background: #ffffff;
}


/*END*/


/****SAM ADDED FOR HR*****/

.bumper-grey-container-double {
    background: none repeat scroll 0 0 #f3f4f4;
    border-bottom: 1px solid #dadbdc;
    border-right: 1px solid #dadbdc;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
    clear: left;
    float: left;
    margin: 0 0 16px;
    padding: 15px;
    width: 160px;
}

.bumper-grey-container-double h4 {
    color: #000000;
    font-size: 10px;
    line-height: 12px;
    margin: 0 0 0 100px;
}

.double-content {
    float: left;
}


/*END*/


/****GLENN ADDED*****/


/****DOUBLE TABS (Styled by Vendor ESD)*****/

.tabblock {
    padding: 10px;
}

.tabblock p,
.tabblock div {
    line-height: 18px;
}

.tabtable {
    border-top: 1px solid #aaaaaa;
}

.tabtable td {
    border-right: 1px solid #aaaaaa;
}

.tabtable td:nth-last-child(1) {
    border-right: none !important;
}

.tabtable td {
    padding: 10px;
    line-height: 18px;
}

.tabtable p {
    margin-bottom: 10px;
    line-height: 18px;
}

.tabtable ul {
    margin: 0;
    padding: 0;
}

.tabtable li {
    margin-left: 15px;
    line-height: 18px;
}

.tabtable td strong {
    font-weight: bolder;
}

.livetabscosasub .ui-tabs .ui-tabs-panel {
    padding: 0 !important;
}


/****Overview content items (Styled by Vendor ESD)*****/

.left {
    padding: 0 1% 0 0;
    float: left;
}

.right {
    padding: 0 0 0 1%;
    float: right;
}

ul.overview {
    margin: 0px;
    padding: 0px;
}

.overview-item {
    display: block;
    position: relative;
    height: 125px;
}

.overview-item-onecol {
    width: 100%;
}

.overview-item-twocol {
    width: 48%;
}

.overview-item img {
    margin-right: 10px;
    width: 111px;
    height: 88px;
    background: #000;
}

.overview-item .thumb {
    display: block;
    float: left;
}

.overview-item h5,
.overview-item h5 a,
.overview-item h5 a:hover {
    font-family: 'MyriadProBoldCondensed', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-size: 16px;
    padding: 0px;
    margin: 0px 0px 5px 0px;
    color: #000 !important;
    font-weight: normal;
    line-height: 15px;
    text-decoration: none !important;
}

.overview-item .content {
    display: block;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 14px;
}

.overview-content-onecol {
    width: 298px;
}

.overview-content-twocol {
    width: 213px;
}

.overview-item p {
    margin-bottom: 10px;
    line-height: 14px;
}

.overview-item a {
    /* Edited for accessibility by Doug Drake - 03/06/2019 */
/*	text-decoration: none !important; */
}

.overview-item .content p a::after {
    content: "";
    display: inline-block;
    width: 11px;
    height: 11px;
    background-image: url(/portals/0/Images/DSD/red-arrow.jpg);
    margin-left: 5px;
    background-repeat: no-repeat;
    background-position: center center;
}


/*END*/


/****GLENN ADDED FOR SHARED MODULES BETWEEN QUASI-3 AND 2 COLUMN PAGES*****/


/*.greyTitleBar {
        font-family: 'MyriadProBoldCondensed', Arial, Helvetica, sans-serif;
	font-size:16px;
	width:90%;
	padding:6px 5%;
	color:#000;
	margin:0px;
	background-color:#BBBBBB;
	text-transform: uppercase;
	}*/

.greyTitleBar h3 {
    font-size: 16px;
    width: 90%;
    padding: 6px 5%;
    color: #000;
    margin: 0px;
    background-color: #BBBBBB;
    *font-size: 11px;
}

.greyTitleBar h3 {
    border-bottom: solid;
    border-bottom-color: #FFF;
}


/*END*/


/****GLENN ADDED - Red Action Bar*****/

.redTitleBar {
    margin: 0;
    padding: .5em;
    color: #ffffff;
    background-color: #bc2026;
}

.greyBorder {
    padding: 1em;
    border: 1px solid #a0a0a0;
}

#redActionBar {
    width: 92%;
    margin: 0 auto;
    padding: 0 0 0 7%;
    overflow: hidden;
    background-color: #8E261D;
}

#redActionBar>div {
    display: inline-block;
    vertical-align: middle;
    width: 47%;
}

#redActionBar div p,
#redActionBar div,
#redActionBar a {
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    font-family: 'MyriadProBoldCondensed', Arial, Helvetica, sans-serif;
    font-size: 20px;
    padding: 0;
    margin: 0;
}


/*END*/


/****GLENN ADDED*****/

.marker {
    font-size: 18pt;
    text-align: center;
    vertical-align: middle;
}

.sectionHeader {
    color: #000000;
    font-weight: bold;
    margin-bottom: .5em;
}


/*END*/


/*SAM ADDED FOR TCI Drainage and Flood Information*/

.paramarginzero p {
    margin: 0px;
}

.marginbottomfifteen {
    margin-bottom: 15px;
}


/*END*/


/*SAM ADDED FOR BES SITE*/

.tripside-container {
    border-radius: 13px 13px 13px 13px;
    /*clear: right;*/
    float: left;
    margin-right: 20px;
}

.tripside-container-last {
    border-radius: 13px 13px 13px 13px;
    /*clear: right;*/
    float: left;
}

.tripside-grey-container {
    background: none repeat scroll 0 0 #EBEBEB;
    border-bottom: 1px solid #DADBDC;
    border-radius: 15px 15px 15px 15px;
    border-right: 1px solid #DADBDC;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
    /*clear: left;*/
    float: left;
    margin: 0 0 16px;
    padding: 8px 15px 15px 15px;
    width: 185px;
}

.tripside-grey-container h3 {
    color: #000000;
    font-size: 14px;
    line-height: 14px;
    margin: 0;
}

.tripside-grey-container p {
    margin: 0;
}

.tripside-grey-container a {
    border: medium none !important;
}

.tripside-grey-container img {
    margin: 2px 0;
}

.clearLeft {
    clear: left;
}

/**ADDED FOR SEVERE WEATER**/
.centerTripContainer {
    width: 100%;
	float:left;
	margin-top:20px;
}

.innerTripBoxContainer {
	margin:0 auto;
	width:925px;
}
/**END**/


/*END*/


/*SAM ADDED FOR Newsletter for CIMS(TCI) and Edwards Aquifer*/

#nlbox {
    float: right;
    width: 180px;
    padding: 5px;
    background-color: #fff;
}

#nlgreybox {
    float: left;
    width: 160px;
    padding: 5px 10px;
    background-color: #ccc;
}

#nlgreybox p {
    text-align: center;
}

#nlcontainer {
    overflow: hidden;
}


/*END*/


/*SAM ADDED FOR DSD FOR ONLINE SERVICES ICONS*/

.servicesicons .overview-content-twocol {
    /*width:240px;*/
    width: 70%;
}

.servicesicons .overview-item img {
    width: 80px;
    height: 88px;
    margin-right: 0px;
}


/*FOR PANGO LOGO in PARKING site*/

.servicesicons .overview-item .pango {
    width: 54px;
    height: 32px;
    vertical-align: text-bottom;
    margin-right: 0px;
}

.servicesicons li {
    margin: 0px 0px 10px 0px;
}

.boxshadow {
    -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
    border-bottom: solid 1px #DADBDC;
    border-right: solid 1px #DADBDC;
}


/*SAM ADDED FOR DSD HOME PAGE WAIT TIME APP HEADER*/

#waittimeapp {
    border-bottom: 1px solid #fff;
}


/*END*/


/*SAM ADDED FOR TWO COLUMN ICON PARKING*/

.outericonbox2col {
    float: left;
    width: 100%;
    margin-top: 25px;
}

.iconbox2col {
    float: left;
    min-height: 90px;
    height: auto;
    height: auto !important;
    height: 90px;
    width: 47.13467048710602%;
    margin-bottom: 10px;
    margin-right: 15px;
}

.iconbox2col img {
    /*float:left;
	margin-right:10px;*/
    width: 80px;
    height: 88px;
}

.iconbox2col .pango {
    width: 54px;
    height: 32px;
    vertical-align: text-bottom;
    margin-right: 0px;
}


/*BOX BELOW*/


/*iconbox2col h5 {
	float: left;
}
.iconbox2col p {
	float:left;
  display: block;
  max-width:250px;
  width:100%;
  max-height: 95px;
  overflow: hidden;
}*/

.iconbox2colcontent {
    float: left;
    max-width: 237px;
    width: 100%;
    /*max-height: 95px;*/
    margin-left: 10px;
    /*overflow: hidden;*/
}


/*END*/

.iconbox2col p a::after {
    content: "";
    display: inline-block;
    width: 11px;
    height: 11px;
    background-image: url(/portals/0/Images/DSD/red-arrow.jpg);
    margin-left: 5px;
    background-repeat: no-repeat;
    background-position: center center;
}

.clearbox {
    clear: both;
    line-height: 0;
}

#paramargin2col p {
    margin: 0px 0px 10px 0px;
}


/*SAM ADDED FOR ICON BOX 5COLUMN*/

.outericonbox5col {
    float: left;
    /* width: 100%; */
    margin-top: 25px;
    margin-left: 55px;
}

.iconbox5colcontainer {
    width: 92px;
    float: left;
    margin-right: 32px;
    margin-bottom: 25px;
}

.iconbox5colcontainer img {
    /*float:left;
	margin-right:10px;*/
    width: 80px;
    height: 88px;
}


/*END*/


/*END*/


/*SAM ADDED FOR COUNCIL*/

.council-pic-feature {
    float: left;
    background: #F3F4F4;
    border-top: none;
    padding: 15px;
    margin: 0px 15px 15px 15px;
    width: 130px;
}

.council-pic-feature img {
    margin-bottom: 15px;
}

.council-featured-person h5,
.council-featured-person h4,
.council-featured-person p {
    margin: 0px;
}

.council-featured-person h4 {
    font-size: 13px;
    color: #000;
}

.council-featured-person h5 {
    font-size: 11px;
    font-weight: normal;
    color: #5E5F5F;
}


/*SAM ADDED FOR COUNCIL SMALL*/

.council-pic-feature-small {
    float: left;
    background: #F3F4F4;
    border-top: none;
    padding: 15px;
    margin: 0px 0px 15px 8px;
    /*margin: 0px 25px 15px 0px*/
    width: 100px;
    /*75px*/
}

.council-pic-feature-small img {
    margin-bottom: 10px;
}

.council-featured-person-small h5,
.council-featured-person-small h4,
.council-featured-person-small p {
    margin: 0px;
}

.districts {
    margin-bottom: 15px !important;
}

.council-featured-person-small h4 {
    font-size: 13px;
    color: #000;
}

.council-featured-person-small h5 {
    font-size: 11px;
    font-weight: normal;
    color: #5E5F5F;
}


/*MAP h3*/

.findmycouncilmembermap h3 {
    color: #5E5F5F;
    font-size: 14px;
    line-height: 14px;
    margin: 3px 0px 0px 0px;
}

.findmycouncilmembermap h3 a:link {
    color: #005B9A;
    text-decoration: none !important;
}

.findmycouncilmembermap h3 a:visited {
    color: #005B9A;
    text-decoration: none;
}

.findmycouncilmembermap h3 a:hover {
    color: #555555;
    text-decoration: underline;
}


/*END*/


/*END*/


/*END*/


/******SAM ADDED FOR Parking ROTATING BANNER****/

#dnn_ContentPane .scrollable_box .overview h2 a:link {
    color: #ffffff;
    text-decoration: none;
}


/*END*/


/******SAM ADDED FOR BES SITE UNORDERED LIST MARGINS*****/

.ulmargins ul {
    margin: 0px;
}


/*END*/


/*******SAM ADDED FOR BUDGET MEGA FOOTER****/

#BudgetFooterGrid4A,
#BudgetFooterGrid4B,
#BudgetFooterGrid4C {
    margin: 10px 0 20px 0;
}

#FooterBudget * {
    color: #fff;
}

#FooterBudget {
    background-color: #3a2c2c;
    clear: both;
    color: #fff;
    display: block;
    margin-bottom: 24px;
    /*margin-top: 25px;*/
    position: relative;
}


#FooterTextBudget {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 12px;
    /*margin-top: 6px;*/
    padding-bottom: 50px;
	padding-top:5px;
    text-align: center;
}

#FooterTextBudget ul, #FooterTextBudget li {
    text-align: center;
	color: #fff;
    font-weight: bold;
    margin: 3px;
    text-align: center;
    text-decoration: none;
}

#FooterTextBudget li {
    display: inline;
    list-style-type: disc;
    margin: 0 3px;
    text-align: center;
}

#FooterTextBudget ul {
    margin: 7px 0 0;
}

#FooterTextBudget a {
    color: #ffffff;
    margin: 0 3px;
}

.footerTopBudget {
    background-color: #8e261d;
    min-height: 35px;
    padding: 0 1.5%;
}

.footerTopBudget [class*="span"]:first-child {
    margin-left: 0;
}

.footerTopBudget [class*="span"]:first-child {
    margin-left: 0;
}

#BudgetFooterGrid4A h3 {
    margin-left: 10px;
}

.dnnpane [class*="grid"] {}

.footerTopBudget .span4 {
    width: 31.6239%;
}

.footerTopBudget [class*="span"] {
    box-sizing: border-box;
    display: block;
    float: left;
    margin-left: 2.5641%;
    min-height: 30px;
}

.contactLeft {
    width: 130px;
    float: left;
    height: 70px;
    margin: 0 0 5px 0;
}

.contactRight {
    float: left;
    height: 70px;
    margin: 0 0 5px 25px;
}

.contactHours {
    width: 270px;
    float: left;
    height: 40px;
    margin: 5px 10px 5px 0;
}
/****THIS IS FOR BUDGET ONLY*****/
.logos {
	width:300
}
.logos img {
	width: 130px;
    height: 130px;
    margin: 10px;
}
.logos2 img {
	width: 260px;
    height: 130px;
    margin: 59px 10px 10px 10px;
}
/*
#BudgetFooterGrid4A,
#BudgetFooterGrid4B .logos {
    width: 300px;
}

#BudgetFooterGrid4A .logos img {
    width: 130px;
    float: left;
    height: 130px;
    margin: 10px;
}

#BudgetFooterGrid4B .logos img {
    width: 260px;
    float: left;
    height: 130px;
    margin: 59px 10px 10px 10px;
}
*/
#MegaSection {
	float:left;
	/*width:980px;*/
	padding-bottom:10px;
	background-color: #8e261d;
	margin-top: 15px;/*SAM ADDED ON AUGUST 6, 2018*/
}

#MegaFooter {
	/*background-color: #8e261d;*/
    float: left;
    /*padding: 25px 15px 20px;*/
    width: 980px;
}
#MegaFooter:after {
	clear:both;
	content: "";
    display: table;
    line-height: 0;
}
#MegaFooter h3 {
	color:#ffffff;
}
#MegaSection-SAPD #MegaFooter h3 {
	color:#003975;
}
#MegaFooter p {
	color: #ffffff;
}
#MegaSection-SAPD #MegaFooter p {
	color: #003975;
}
#MegaFooter .dnnSortable {
	min-height:0px;
}
#MegaSection [class*="span"]:first-child {
    margin-left: 2.5%;/*0*/
}
#MegaSection [class*="span"]:first-child {
    margin-left: 2.5%;
}
/*.dnnpane [class*="grid"] {
}*/
#MegaSection [class*="span"] {
    box-sizing: border-box;
    display: block;
    float: left;
    margin-left: 1%;/*2.5641%*/
	/*margin-bottom:2%;*/
    /*min-height: 25px;*/
    width: 100%;
}
#MegaSection .span4 {
    width: 31%;/*31.6239%*/
}

/*****END****/
/***GLOBAL MEGA***/
#MegaFooterGrid4A,
#MegaFooterGrid4B,
#MegaFooterGrid4C {
    margin: 10px 0 20px 0;
}
#MegaFooterGrid4A h3 {
    margin-left: 10px;
}
#FooterMega * {
    color: #fff;
}

#FooterMega {
    background-color: #3a2c2c;
    clear: both;
    color: #fff;
    display: block;
    margin-bottom: 24px;
    /*margin-top: 25px;*/
    position: relative;
}
#FooterTextMega {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 12px;
    /*margin-top: 6px;*/
    padding-bottom: 50px;
	padding-top:5px;
    text-align: center;
}

#FooterTextMega ul, #FooterTextMega li {
    text-align: center;
	color: #fff;
    font-weight: bold;
    margin: 3px;
    text-align: center;
    text-decoration: none;
}

#FooterTextMega li {
    display: inline;
    list-style-type: disc;
    margin: 0 3px;
    text-align: center;
}

#FooterTextMega ul {
    margin: 7px 0 0;
}

#FooterTextMega a {
    color: #ffffff;
    margin: 0 3px;
}
#getConnectedMega {
    width: 94%;
    /*padding: 0px 3% 0px 3%;*//*SAM TOOK OUT 9.28.18*/
    margin-bottom: 20px;
    clear: both;
}
#getConnectedMega img {
    margin: 3px;
}
#contactUsMega ul li {
	color:#ffffff;
}
/*SAPD*/
#contactUsMega-SAPD .request-service ul li {
    color: #003975;
}
#contactUsMega-SAPD .request-service ul li a:link, #contactUsMega-SAPD .request-service ul li a:visited {
    color: #003975;
}
#contactUsMega-SAPD .request-service a:link {
    color: #003975;
}
/***END***/
/***DEPT LEVEL***/
#MegaSection-SAPD {
	float:left;
	/*width:980px;*/
	padding-bottom:10px;
	background-color: #e9e9e9;/*WAS 003975*/
	margin-top: 15px;/*SAM ADDED ON AUGUST 6, 2018*/
	border-bottom:6px solid #003975;
	border-top:4px solid #003975;
}
#MegaSection-SAPD [class*="span"]:first-child {
    margin-left: 2.5%;/*0*/
}
#MegaSection-SAPD [class*="span"]:first-child {
    margin-left: 2.5%;
}
/*.dnnpane [class*="grid"] {
}*/
#MegaSection-SAPD [class*="span"] {
    box-sizing: border-box;
    display: block;
    float: left;
    margin-left: 1%;/*2.5641%*/
	/*margin-bottom:2%;*/
    /*min-height: 25px;*/
    width: 100%;
}
#MegaSection-SAPD .span4 {
    width: 31%;/*31.6239%*/
}
/***END***/

/***SAM ADDED 3-24-REVISED***/
#MegaSection_Rev {
	float:left;
	padding-bottom:0px;
	background-color: #8e261d;
	margin-top: 15px;
}
#MegaSection_Rev [class*="span"]:first-child {
    margin-left: 2%;
}
#MegaSection_Rev [class*="span"] {
    box-sizing: border-box;
    display: block;
    float: left;
    margin-left: 1.5%;
    width: 100%;
}
#MegaSection_Rev .span4 {
    width: 31%;
}

/***END***/
/*****SAM ADDED FOR BUDGET FEATURE****/
.featuredItemBudget {
    float: left;
    width: 75px;
	margin: 5px 5px 0px 5px;
}
.featuredItemBudget a{
    color: #005b9a;
	text-decoration: none;
}
.featuredItemBudget a:hover {
	color: #005b9a;
    text-decoration: underline;
}
/*NEW*/
.featuredItemBudgetTwo {
	float: left;
	width: 100px;
}
.featuredItemBudgetTwoInner {
	margin: 5px 10px 5px 18px;
}
.featuredItemBudgetTwo a{
    color: #005b9a;
	/* text-decoration: none; ***** Link identified only by color - Doug - 06-25-19 */
	text-decoration: underline;
}
.featuredItemBudgetTwo a:hover {
    color: #005b9a;
	text-decoration: underline;
}	
/*END*/
/******SAM ADDED FOR BUDGET TABS******/

.budgetTabs {
    float: left;
    width: 220px;
    background-color: #e6e6e6;
    border-bottom: 1px solid #bb2025;
}

#CurrentBudget {
    margin-right: 19px;
}

#Archives {
    margin-left: 19px;
}

.budgetTabs p.header {
    width: 220px;
    background-color: #bb2025;
    color: #ffffff;
    font-family: 'MyriadProBoldCondensed', Arial, Helvetica, sans-serif;
    font-size: 18px;
    text-align: center;
    padding: 8px 0;
    margin: 0px;
}

.budgetTabs .content {
    padding: 10px 0 0 15px;
}

.dimSelection {
    background-color: #e6e6e6;
    border-bottom: 1px solid #808080;
}

.dimSelection p.header {
    background-color: #808080;
    color: #ffffff;
}

.budgetFeaturedItems {
    /*padding:5px 5px 5px 15px;*/
    background-color: #e6e6e6;
    border-top: 3px solid #bb2025;
    border-bottom: 2px solid #bb2025;
    margin-top: 6px;
}

.budgetFeaturedItems p.header {
    color: #000;
    font-size: 16px;
    margin: 0;
    padding: 6px 5%;
    line-height: 24px;
    font-family: "MyriadProBoldCondensed", Arial, Helvetica, sans-serif;
    font-weight: normal;
    letter-spacing: 0;
    text-transform: uppercase;
    text-align: center;
}

.budgetFeaturedItems .content {
    padding: 0 0 0 15px;
}
.budgetFeaturedItems .content a{
    color: #005b9a;
	text-decoration: none;
}
.budgetFeaturedItems .content a:hover {
	color: #005b9a;
    text-decoration: underline;
}
#Archives .content a{
    color: #005b9a;
	text-decoration: none;
}
#Archives  .content a:hover {
	color: #005b9a;
    text-decoration: underline;
}
#Archives .content a:visited {
	color: #005b9a;
}
#BudgetDevelopment .content a{
    color: #005b9a;
	text-decoration: none;
}
#BudgetDevelopment .content a:hover {
	color: #005b9a;
    text-decoration: underline;
}
#BudgetDevelopment .content a:visited {
	color: #005b9a;
}
#CurrentBudget .content a{
    color: #005b9a;
	text-decoration: none;
}
#CurrentBudget .content a:hover {
	color: #005b9a;
    text-decoration: underline;
}
#CurrentBudget .content a:visited {
	color: #005b9a;
}
/*END*/
/*SAM ADDED FOR BUDGET SINGLE COL TOPSPAN*/
#dnn_topspanSC {
    height: auto !important;
    min-height: 8px;
}
/*END*/
/*For New Focus Content*/
.contentoffocusouter {
	padding: 10px;
	background-color: #e8e8e8;
}
.contentoffocusinner {
	padding: 5px;
	background-color: #8e251d;
}
.contentoffocuscontainer {
	padding: 15px;
	background-color: #ffffff;
}
/*END*/

/*END*/

/*******SAM ADDED FOR NEW HTML TABS********/

/*----- Tabs -----*/
#dnn_ContentPane #htmlTabs .tabs {
    width: 100%;
    display: inline-block;
}
/*-----SET TWO---*/
#dnn_ContentPane #htmlTabsCI .tabsCI {
    width: 100%;
    display: inline-block;
}

/*----- Tab Links -----*/

/* Clearfix */

#dnn_ContentPane #htmlTabs .tab-links:after {
    display: block;
    clear: both;
    content: '';
}

#dnn_ContentPane #htmlTabs .tab-links li {
    margin: 0px 5px 0px 0px;
    float: left;
    list-style: none;
}

#dnn_ContentPane #htmlTabs .tab-links a {
    padding: 9px 15px;
    display: inline-block;
    border: 1px solid #b2b2b2;
    background: #e6e6e6;
    font-family: "MyriadProBoldCondensed", Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #000;
    text-decoration: none !important;
}

#dnn_ContentPane #htmlTabs .tab-links a:hover {
    background: #b2b2b2;
    text-decoration: none;
    color: #000;
}

#dnn_ContentPane #htmlTabs .tab-links li.active a {
    background: #8b181a;
    color: #fff;
    position: relative;
}

#dnn_ContentPane #htmlTabs .tab-links li.active a:hover {
    background: #8b181a;
    color: #fff;
    position: relative;
}

#dnn_ContentPane #htmlTabs .tab-links li.active a:after {
    content: "";
    position: absolute;
    /*left:50%*/
    /*bottom: 10px;*/
    margin: 15px 0px 0px -75%;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #8b181a;
    /*transition:all linear 0.15s;*/
}

#dnn_ContentPane #htmlTabs .tab-links li.active a {
    border: 1px solid #8b181a;
}

#dnn_ContentPane ul.tab-links {
    margin: 0px;
    padding: 0px;
}
/*-----SET TWO-----*/
#dnn_ContentPane #htmlTabsCI .tab-linksCI:after {
    display: block;
    clear: both;
    content: '';
}

#dnn_ContentPane #htmlTabsCI .tab-linksCI li {
    margin: 0px 5px 0px 0px;
    float: left;
    list-style: none;
}

#dnn_ContentPane #htmlTabsCI .tab-linksCI a {
    padding: 9px 15px;
    display: inline-block;
    border: 1px solid #b2b2b2;
    background: #e6e6e6;
    font-family: "MyriadProBoldCondensed", Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #000;
    text-decoration: none !important;
}

#dnn_ContentPane #htmlTabsCI .tab-linksCI a:hover {
    background: #b2b2b2;
    text-decoration: none;
    color: #000;
}

#dnn_ContentPane #htmlTabsCI .tab-linksCI li.active a {
    background: #8b181a;
    color: #fff;
    position: relative;
}

#dnn_ContentPane #htmlTabsCI .tab-linksCI li.active a:hover {
    background: #8b181a;
    color: #fff;
    position: relative;
}

#dnn_ContentPane #htmlTabsCI .tab-linksCI li.active a:after {
    content: "";
    position: absolute;
    /*left:50%*/
    /*bottom: 10px;*/
    margin: 15px 0px 0px -75%;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #8b181a;
    /*transition:all linear 0.15s;*/
}

#dnn_ContentPane #htmlTabsCI .tab-linksCI li.active a {
    border: 1px solid #8b181a;
}

#dnn_ContentPane ul.tab-linksCI {
    margin: 0px;
    padding: 0px;
}
/*END SET TWO*/

/*----- Content of Tabs -----*/

#dnn_ContentPane #htmlTabs .tab-content {
    padding: 15px;
    border: 2px solid #8b181a;
    background-color: #ffffff;
}

#dnn_ContentPane #htmlTabs .tab {
    display: none;
}

#dnn_ContentPane #htmlTabs .tab.active {
    display: block;
}
/*-----SET TWO----*/
#dnn_ContentPane #htmlTabsCI .tab-content {
    padding: 15px;
    border: 2px solid #8b181a;
    background-color: #ffffff;
}

#dnn_ContentPane #htmlTabsCI .tab {
    display: none;
}

#dnn_ContentPane #htmlTabsCI .tab.active {
    display: block;
}
/*END SET TWO*/

/**END HTML TABS**/
/*BUDGET DATA CHARTS*/
#dataTableBudget {
	position: absolute;
	left: -9999em;
}
/*END*/

/*NEW*/
.MegaFooter {
	background-color:#8e261d;
	padding: 25px 15px 0px 15px;
    width: 950px !important;
}
.threeColWrapMarginB  {
	float:left;
	margin-bottom:20px;
}
/*END*/
/*BUDGET GRAPHS*/
#graphsBudget {margin-bottom: 25px; margin-top: 25px;}
#graphsBudget .graphsContent {width: 336px; margin-right: 10px; margin-left: 5px; float: left; border: 2px solid #bb2025;}
#graphsBudget .graphsContent2 {width: 336px; float: left; border: 2px solid #bb2025;}
.graphsContent .paraaligncenter {color: #000000; font-weight: bold; margin: 5px 0px 0px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
.graphsContent2 .paraaligncenter {color: #000000; font-weight: bold; margin: 5px 0px 0px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
p.paraGraphHeader {padding: 8px 0px 8px 15px; width: 321px; color: #ffffff; font-weight: bold; margin: 0px; background-color: #bb2025; font-family: 'MyriadProBoldCondensed', Arial, Helvetica, sans-serif; font-size:18px;}
.graphTotal {width: 300px; float: right; margin-right: 15px;}
.graphTotal .paraaligncenter {color: #000000; font-weight: bold; margin: 5px 0px 0px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
.graphMillionsText {width:180px;}
.graphMillionsText p {margin:0px;}
.gfundOuter {width:100%;}
.gfundContent {width:54%; float:left;}
/*TRANSPARENCY SA*/
#dnn_topspan .graphsCenterBox {margin:0 auto; width:78%;}
#dnn_topspan #graphsBudget .graphsContent {margin-right:70px;}
#dnn_topspan .graphTotal {float:left;}
/*#dnn_topspan .gfundContent {width:67%;}*/
.graphInMillions {margin-left:1.75em; margin-top:15px;}
.graphInMillions p {margin:0px;}

.tsaAnchor a:visited {color:#005b9a;}
.anchorLinks_TSAContainer {margin-bottom:20px;}
.anchorLinks_TSAContainer a:visited {color:#005b9a;}
.anchorLinks_TSA {padding:10px; float:left;}
.anchorLinks_TSA a:first-child {margin-left:0px;}
.anchorLinks_TSA a {margin:0px 20px;}
.tsaBacktoTop {text-align:right; margin-top:20px;}

.tsaSections {margin:60px 0px;}
.portalTutorial {float:left; margin-right: 15px; width: 65%;}
.tutorialImage {float:left; width:300px;}
.dataPortalImage {float:left; width:300px;}
.dataportalcontent {float:left; margin-left: 15px; width: 65%;}
/*END*/

/*SAM ADDED FOR FOUR FEATURE CUSTOM*/
.main_top_text{text-align:center;}
.hi-icon { display: inline-block; font-size: 0px; cursor: pointer; width: 85px; height:85px; text-align: center; position: relative; z-index: 1; color: #7ec6d5;margin-top:20px; border-radius: 50%;}/*Took out  */ 
.hi-icon:after { pointer-events: none; position: absolute; width: 100%; height: 100%; content: '';-webkit-box-sizing: content-box; -moz-box-sizing: content-box;box-sizing: content-box; border-radius: 50%;}/*Took out  */
.hi-icon:before {line-height: 85px;}
.icon_effect .hi-icon { -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s;}
.main_top_icon1_Budget > .icon_effect > .hi-icon:after {top:-2px; left:-2px; padding:2px; z-index: -1;	background:url(/portals/0/images/budget/BudgetFeature_Dollar.png) no-repeat -5px -5px #bb2025;-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;-moz-transition: -moz-transform 0.2s, opacity 0.3s;transition: transform 0.2s, opacity 0.3s;}/*SAM CHANGE COORD'S -7px -8px*/
.main_top_icon2_Budget > .icon_effect > .hi-icon:after{top:-2px; left:-2px; padding:2px; z-index: -1;	background:url(/portals/0/images/budget/BudgetFeature_Light.png) no-repeat -5px -5px #bb2025;-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;-moz-transition: -moz-transform 0.2s, opacity 0.3s;transition: transform 0.2s, opacity 0.3s;}
.main_top_icon3_Budget > .icon_effect > .hi-icon:after{top:-2px; left:-2px; padding:2px; z-index: -1;	background:url(/portals/0/images/budget/BudgetFeature_Archive.png) no-repeat -5px -5px #bb2025;-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;-moz-transition: -moz-transform 0.2s, opacity 0.3s;transition: transform 0.2s, opacity 0.3s;}
.main_top_icon4_Budget > .icon_effect > .hi-icon:after{top:-2px; left:-2px; padding:2px; z-index: -1;	background:url(/portals/0/images/budget/BudgetFeature_Team.png) no-repeat -5px -5px #bb2025;-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;-moz-transition: -moz-transform 0.2s, opacity 0.3s;transition: transform 0.2s, opacity 0.3s;}


.icon_effects .hi-icon:hover:after {-webkit-transform: scale(1.3);	-moz-transform: scale(1.3);	-ms-transform: scale(1.3);	transform: scale(1.3);	opacity: 0; }
.fourFeatureBox .main_top_img1_Budget { background:url(/portals/0/images/budget/BudgetFeature_DollarO.png) no-repeat -8px -8px #bb2025; width:120px; height:120px; border:solid 5px #bb2025;}/*SAM CHANGED WIDTH HEIGHT 90px AND COORD'S -9px -10px*/
.fourFeatureBox .main_top_img2_Budget { background:url(/portals/0/images/budget/BudgetFeature_LightO.png) no-repeat -8px -8px #bb2025; width:120px; height:120px; border:solid 5px #bb2025;}
.fourFeatureBox .main_top_img3_Budget { background:url(/portals/0/images/budget/BudgetFeature_ArchiveO.png) no-repeat -8px -8px #bb2025; width:120px; height:120px; border:solid 5px #bb2025;}
.fourFeatureBox .main_top_img4_Budget { background:url(/portals/0/images/budget/BudgetFeature_TeamO.png) no-repeat -8px -8px #bb2025; width:120px; height:120px; border:solid 5px #bb2025;}


.main_top_text h3{ margin-top: 0px; font-size:20px; font-weight:bold; padding-top:10px; color:#bb2025;}/*Took out padding-top:10px; */
/*SAM TOOK OUT*/
/*.main_top_text:hover h3{ color:#686868; transition: all 0.8s ease 0s; -webkit-transition:all 0.8s ease 0s;-moz-transition:all 0.8s ease 0s;}*/
.main_top_text p{ color:#686868; font-size:13px;}

.fourFeatureContainer {
	width: 100%;
	border-top:1px solid #2e2e33;
	border-bottom:1px solid #2e2e33;
	background-color:#e4e7e7;
	margin:30px 0px;
}
.fourFeatureContainer:before, .fourFeatureContainer:after {
	content: "";
	display: table;
	line-height: 0;
	
}

.fourFeatureBox {
	box-sizing: border-box;
	display: block;
	float: left;
	margin-left: 2.5641%;
	min-height: 30px;
	width: 23.0769%;
}
.fourFeatureBox:first-child {
	margin-left: 0;
	
}
/*SAM ADDED FOR FIVE FEATURE CUSTOM*/
/*BEING USED ON SEVERE WEATHER PAGE*/
/*.main_top_text{text-align:center;}*/
.hi-icon-severe { display: inline-block; font-size: 0px; cursor: pointer; width: 85px; height:85px; text-align: center; position: relative; z-index: 1; color: #7ec6d5;margin-top:0px; border-radius: 25%; -moz-border-radius: 25%; -webkit-border-radius: 25%;}
.hi-icon-severe:after { pointer-events: none; position: absolute; width: 100%; height: 100%; content: '';-webkit-box-sizing: content-box; -moz-box-sizing: content-box;box-sizing: content-box; border-radius: 25%; -moz-border-radius: 25%; -webkit-border-radius: 25%;}
.hi-icon-severe:before {line-height: 85px;}
.icon_effect .hi-icon-severe { -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s;}
.main_top_icon1_SevereW > .icon_effect > .hi-icon-severe:after {top:-2px; left:-2px; padding:2px; z-index: -1;	background:url(/Portals/0/Images/SevereWeather/Icons/airport1.png) no-repeat 0px 0px/100% #8B0E04;-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;-moz-transition: -moz-transform 0.2s, opacity 0.3s;transition: transform 0.2s, opacity 0.3s;}/*SAM CHANGE COORD'S -7px -8px*/
.main_top_icon2_SevereW > .icon_effect > .hi-icon-severe:after{top:-2px; left:-2px; padding:2px; z-index: -1;	background:url(/Portals/0/Images/SevereWeather/Icons/emergency-management1.png) no-repeat 0px 0px/100% #8B0E04;-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;-moz-transition: -moz-transform 0.2s, opacity 0.3s;transition: transform 0.2s, opacity 0.3s;}
.main_top_icon3_SevereW > .icon_effect > .hi-icon-severe:after{top:-2px; left:-2px; padding:2px; z-index: -1;	background:url(/Portals/0/Images/SevereWeather/Icons/police1.png) no-repeat 0px 0px/100% #8B0E04;-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;-moz-transition: -moz-transform 0.2s, opacity 0.3s;transition: transform 0.2s, opacity 0.3s;}
.main_top_icon4_SevereW > .icon_effect > .hi-icon-severe:after{top:-2px; left:-2px; padding:2px; z-index: -1;	background:url(/Portals/0/Images/SevereWeather/Icons/fire1.png) no-repeat 0px 0px/100% #8B0E04;-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;-moz-transition: -moz-transform 0.2s, opacity 0.3s;transition: transform 0.2s, opacity 0.3s;}
.main_top_icon5_SevereW > .icon_effect > .hi-icon-severe:after{top:-2px; left:-2px; padding:2px; z-index: -1;	background:url(/Portals/0/Images/SevereWeather/Icons/solid-waste1.png) no-repeat 0px 0px/100% #8B0E04;-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;-moz-transition: -moz-transform 0.2s, opacity 0.3s;transition: transform 0.2s, opacity 0.3s;}


.icon_effects .hi-icon-severe:hover:after {-webkit-transform: scale(1.3);	-moz-transform: scale(1.3);	-ms-transform: scale(1.3);	transform: scale(1.3);	opacity: 0; }
.fiveFeatureBox .main_top_img1_SevereW { background:url(/Portals/0/Images/SevereWeather/Icons/airport2.png) no-repeat 0px 0px/100% #8B0E04; width:85px; height:85px; border:solid 2px #000000;}/*SAM CHANGED WIDTH HEIGHT 90px AND COORD'S -9px -10px*/
.fiveFeatureBox .main_top_img2_SevereW { background:url(/Portals/0/Images/SevereWeather/Icons/emergency-management2.png) no-repeat 0px 0px/100% #8B0E04; width:85px; height:85px; border:solid 2px #000000;}
.fiveFeatureBox .main_top_img3_SevereW { background:url(/Portals/0/Images/SevereWeather/Icons/police2.png) no-repeat 0px 0px/100% #8B0E04; width:85px; height:85px; border:solid 2px #000000;}
.fiveFeatureBox .main_top_img4_SevereW { background:url(/Portals/0/Images/SevereWeather/Icons/fire2.png) no-repeat 0px 0px/100% #8B0E04; width:85px; height:85px; border:solid 2px #000000;}
.fiveFeatureBox .main_top_img5_SevereW { background:url(/Portals/0/Images/SevereWeather/Icons/solid-waste2.png) no-repeat 0px 0px/100% #8B0E04; width:85px; height:85px; border:solid 2px #000000;}

.main_top_text_severe h3{ margin-top: 0px; font-size:20px; font-weight:bold; padding-top:10px; color:#8B0E04;}/*Took out padding-top:10px; */
/*SAM TOOK OUT*/
/*.main_top_text:hover h3{ color:#686868; transition: all 0.8s ease 0s; -webkit-transition:all 0.8s ease 0s;-moz-transition:all 0.8s ease 0s;}*/
.main_top_text_severe p{ color:#686868; font-size:13px;}

.fiveFeatureContainer {
	width: 100%;
	/*border-top:1px solid #2e2e33;
	border-bottom:1px solid #2e2e33;
	background-color:#e4e7e7;*/
	margin:0px 0px;
}
.fiveFeatureContainer:before, .fiveFeatureContainer:after {
	content: "";
	display: table;
	line-height: 0;
	
}

.fiveFeatureBox {
	box-sizing: border-box;
	display: block;
	float: left;
	margin-left: 2.5641%;
	min-height: 30px;
	width: 17.4359%;
}
.fiveFeatureBox:first-child {
	margin-left: 1.2%;
	
}
.severeIconsSec h2, .helpfulApps h2 {
	font-size:24px;
	margin-left:10px;
}
.severeIconsSec .fiveFeatureBox h4 {
	font-size:18px;
	color:#000000;
	text-transform:none;
}
.severeIconsSec .fiveFeatureBox p {
	color:#000000;
}
.fiveFeatureBox a.contentLink {
	display:block;
	text-decoration:none;
}
/**END FIVE FEATURED**/
/**HELPFUL APPS SEVERE PAGE**/
.helpfulApps {
	margin-bottom:25px;
}
.appContainer .leftApp, .appContainer .rightApp {
	float:left;
	width:50%;
}
.app311 h3, .appSouthTex h3 {
	margin-top:0px;
}

/**END HELPFUL APPS**/
/**SEVERE WEATHER UPDATES -SEVERE WEATER PAGE**/
.severeUpdateHeader {
	border-top:1px solid #000000;
	padding:5px 0 5px 10px;
	margin: 15px 0 0 0;
	background-color: #e0e0e0;
}
/**END UPDATE**/


.litegreyboxB {background: #f3f4f4 none repeat scroll 0 0; float:left;}
.litegreyboxB {margin-right:20px;}
.litegreyboxB {margin-left:20px;}
.litegreyboxBnew {background: #f3f4f4 none repeat scroll 0 0; float:left;}
.litegreyboxBnew {margin:0px 20px;}
.litegreyboxB:first-child {margin-left:30px;}
.litegreyboxB:last-child {margin-right:30px;}

.featureboxB {float:left; background: #fff none repeat scroll 0 0; margin: 20px; padding: 5px 19px; width: 200px;}
.featureboxB p, .featureboxB h6, .featureboxB h5 {display: block;list-style: outside none none;margin: 5px 0;width: 100%; color:#000000;}

.OMBFeature_Container {margin-bottom:60px;}
.OMBFeature_Innerside {width:100%;}
#dnn_LeftPane .litegreyboxBnew {margin:0px;}
#dnn_LeftPane .featureboxB {padding:5px 10px;}
#dnn_LeftPane .OMBFeature_Container {margin-bottom:10px;}
.OMBFeature_Outer {float: left; width: 100%;}
.OMBFeature_Inner {max-width: 954px; width:100%; margin: 0px auto;}/*changed width:636px*/


.ombNavIcons ul li.ombHomeIcon {background:#F3F4F4 url(/portals/0/images/budget/BudgetFeature28px_Home.png)no-repeat 0;}
.ombNavIcons ul li.ombCurrentIcon {background:#F3F4F4 url(/portals/0/images/budget/BudgetFeature28px_Budget.png)no-repeat 0;}
.ombNavIcons ul li.ombDevIcon {background:#F3F4F4 url(/portals/0/images/budget/BudgetFeature28px_Dev.png)no-repeat 0;}
.ombNavIcons ul li.ombArchivesIcon {background:#F3F4F4 url(/portals/0/images/budget/BudgetFeature28px_Archive.png)no-repeat 0;}
.ombNavIcons ul li.ombTeamIcon {background:#F3F4F4 url(/portals/0/images/budget/BudgetFeature28px_Team.png)no-repeat 0;}

.ombNavIcons ul li.ombHomeIcon a {padding-left:30px; min-width:80%;}
.ombNavIcons ul li.ombCurrentIcon a {padding-left:30px; min-width:80%;}
.ombNavIcons ul li.ombDevIcon a {padding-left:30px; min-width:80%;}
.ombNavIcons ul li.ombArchivesIcon a {padding-left:30px; min-width:80%;}
.ombNavIcons ul li.ombTeamIcon a {padding-left:30px; min-width:80%;}

.ombNavIcons ul li.ombHomeIcon a:hover {background:#BB2025 url(/portals/0/images/budget/BudgetFeature28px_HomeHover.png)no-repeat 0; padding-left:30px;}
.ombNavIcons ul li.ombCurrentIcon a:hover {background:#BB2025 url(/portals/0/images/budget/BudgetFeature28px_BudgetHover.png)no-repeat 0; padding-left:30px;}
.ombNavIcons ul li.ombDevIcon a:hover {background:#BB2025 url(/portals/0/images/budget/BudgetFeature28px_DevHover.png)no-repeat 0; padding-left:30px;}
.ombNavIcons ul li.ombArchivesIcon a:hover {background:#BB2025 url(/portals/0/images/budget/BudgetFeature28px_ArchiveHover.png)no-repeat 0; padding-left:30px;}
.ombNavIcons ul li.ombTeamIcon a:hover {background:#BB2025 url(/portals/0/images/budget/BudgetFeature28px_TeamHover.png)no-repeat 0; padding-left:30px;}

.fancy_hr_line {border: 0px none; height: 1px; background-image: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.74902), transparent);}
.budgetHighlight {background-image:url("http://portalcms/portals/0/images/budget/FY2017/CurrentPhaseBar.png"); /*background-color:#31859C;*/ width:100%; min-height:50px; margin-bottom:40px; border-radius:15px;}
.highlightContent {float:left;}
.highlightImage {float:left;}
p.promoBarTitle {text-transform: none; color: #000; font-weight: bold; font-size:24px; margin:0px 0px 18px 0px;}

.emptyBar {width:100%; height:50px;}

.highlightCenterBox {
    margin: 0 auto;
    max-width: 850px;
    position: inherit;
    width: 100%;
}
/*NEW HOME PAGE BAR PROMOTION*/
.outerbarBox {margin:40px 0px 40px 0px;}/*WAS 65px 0px 60px 0px*/
.outer-bardiv{background-color: #31859C;}
.outer-bardiv a:link {text-decoration:none;}
.inner-bardiv{margin: auto;width: 675px;height: 80px;background-color: #31859C;border-radius: 3px;}
.highlightbarContent { text-align:center;height: 80px;position: relative;padding:10px;width:600px;margin:auto;}
.highlightbarContent h3 { margin:0px;font-family: Arial, Helvetica, sans-serif;font-size: 24px;font-weight: bold; color:#ffffff;}
.subbarContent {color:#ffffff; text-align:right;margin:0px 50px 0px 0px; font-weight:bold;font-size: 14px;}
/*END NEW BAR*/

/*END*/

/*EAST POINT*/
.epEightContainer_Four {
    float: left;
    margin: 5px 10px 15px 10px;
    width: 20.77363896848138%;
}

.epEightContainer_Four:first-child {
	margin-left: 30px;
}
/*END*/

/*CCDO DOWNTOWN EVENTS WEB PAGE*/
.BGevents {
	background:url(/portals/0/Images/CCDO/Events/DowntownEventsBG_Boots.png) no-repeat #1b3c48;
	width:120px;
	float:right;
	height:100%;
}
.BGeventsOuter {
	background:url(/portals/0/Images/CCDO/Events/DowntownEventsBG_Ruffles2.png) no-repeat 0px 0px #ffffff;
	float:left;
	width:100%;
}
.BGeventsInner {
	width:698px;
	/*float:left;*/
	margin-right:15px;
	/*padding-top:100px;*/
}
.BGeventsInner h5 {
	color:#ffffff;
	padding:5px 0px 55px 15px;
	text-transform: none;
    font-size: 21px;
    line-height: 21px;
	letter-spacing:1px;
}
.BGeventsBottom {
	background:url(/portals/0/Images/CCDO/Events/DowntownEventsBG_BootsH.jpg) no-repeat #1b3c48;
	width:100%;
	height:120px;
}
.BGeventsTopBar {
	background:url(/portals/0/Images/CCDO/Events/DowntownEventsBG_StarsH42.jpg) no-repeat #1b3c48;
	width:100%;
	height:32px;
}
/*END*/
/*UNORDERED LIST LEFT PADDING 20px*/
.ulPad20L ul {
	padding:0 0 0 20px;
	
}
/*.ulPad20L td > div > div {	
	text-align:center;
}*/
.ulPad20L td div:nth-of-type(2) {	
	text-align:center;
}
/*UNORDERED LIST UNDER A PARAGRAPH MARGIN BOTTOM ZERO & UL MARGIN TOP ZERO*/
.paraB4ul p {
	margin-bottom:5px;
}
.paraB4ul ul {
	margin-top:0px;
}

.paraB4ul ol {
	margin-top:0px;
}
/*END*/

/*CCDO Parks Plaza Page*/
.ccdoPPDiv1 {
	height:90%;
}
.ccdoPPDiv2 {
	padding: 10px;
	border: 1px solid rgb(204, 204, 204);
	border-image: none;
	height: 90%;
	margin-bottom: 3px;
	background-color: rgb(245, 245, 245);
}
/*this my tables*/
.tableBox { float:left; width:100%; border-collapse:separate;border-spacing:10px; display:table;}

/*these are my table cells*/
.tableCellC { background-color: rgb(245, 245, 245); border: 1px solid rgb(204, 204, 204); width:31.37535816618911%; /*width:28.08022922636103%;*/ padding:10px; display:table-cell;}

/*this is the container for all of it*/
.outerTableC {width:100%; /*background-color:#000000;*/ float:left;}
.outerTableC ul {
	padding:0 0 0 20px;
	
}

/*END*/	

/*STRIPED TABLE*/
table.sTable {
    border-spacing: 0;
    border-collapse: collapse;
}
.sTable {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}
.table-striped>tbody>tr:nth-of-type(odd){
	background-color:#f9f9f9;
}
.sTable>thead:first-child>tr:first-child>th {
    border-top: 2px solid #ddd;
}

.sTable>thead>tr>th {
	color: #000;
	background: #fff;
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
}
.sTable>tbody>tr>td, .sTable>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}
.sTable>tbody>tr:last-of-type {
	border-bottom: 1px solid #ddd;
}
.sTable>thead>tr>th {
	text-transform: none;
  text-align:left;
  background-color: #E8E8E8;
}
.sTable>tbody>tr>td {
    border-right: 1px solid #ddd;
}
.sTable>tbody>tr>td:last-child {
    border-right: 0px solid #fff;
}
/*END*/

/*FIRST AMENDMENT DIRECTORY HIDE*/
.hideContent { 
	display:none;
}
.overview1Amendment table td.topleftTitle {
    background-color: #bc2025;
    color: #ffffff;
    font-weight: bold;
    font-size: 14px;
	border-right: 2px solid #ffffff;
	border-bottom: 1px solid #000000;
	width:49%;
}
.overview1Amendment table td.toprightTitle {
    background-color: #bc2025;
    color: #ffffff;
    font-weight: bold;
    font-size: 14px;
	border-bottom: 1px solid #000000;
	width:49%;
}

/*FIRST AMENDMENT LIVETABS*/
#faqInner .livetabsdefault .ui-widget-content {
	border:0px solid #aaaaaa;
}
#faqInner .livetabsdefault .ui-widget-header {
	background: none;
	border-top: 0px solid #aaaaaa;
	border-right: 0px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
	border-left: 0px solid #aaaaaa;
}

.overview1Amendment ul {
	list-style:none;
	margin-top:5px;
	margin-bottom:5px;
	padding-left:20px;
}
table#tableOA tr td:first-child {
	border-right:1px solid #000000;
}

#dnn_ContentPane #faqInner .ui-state-active a, #dnn_ContentPane #faqInner .ui-state-active a:link, #dnn_ContentPane #faqInner .ui-state-active a:visited {
    text-transform: none;
}
#faqInner .ui-state-default, #faqInner .ui-widget-content .ui-state-default {
    text-transform: none;
}
.noBullet {
	list-style:none;
}

/*1stAmendment TABLE*/
.overview1Amendment table.overviewTable {
	border:1px solid #000000;
}
.overview1Amendment table.overviewTable th:first-child {
	background-color:#ffffff;
	border-bottom:1px solid #000000;
	vertical-align: middle;
}
.overview1Amendment table.overviewTable th {
	border-right:1px solid #000000;
	border-bottom:1px solid #ddd;
	background-color: #f5f5f5;
	color:#000000;
	padding:8px;
	font-weight:bold;
	vertical-align: middle;
}
.overview1Amendment table.overviewTable td {
	padding:8px;
}
.overview1Amendment table.overviewTable td.firstRow {
	background-color:#bc2025;
	color:#ffffff;
	font-weight:bold;
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
	font-size: 14px;
	vertical-align: middle;
}
.overview1Amendment table.overviewTable td.otherRow {
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
}
/*END*/
/****SAM ADDED CALL TO ACTION BUTTON****/
#dnn_ContentPane .darkTurqBtn-link>a {
    padding: 6px 12px;
    background: #00778B;
	/*font-weight:bold;*/
    font-size: 14px;
    color: #ffffff;
    text-decoration: none;
    line-height: 20px;
    text-align: center;
    /* vertical-align: middle; */
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-color: rgba(130, 130, 132, 0.1) rgba(88, 88, 90, 0.1) rgba(88, 88, 90, 0.25) rgba(61, 61, 62, 0.1);
    border-color: #828284 #58585a #58585a #3d3d3e;
    border-style: solid;
    border-width: 1px;
    /* text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4); */
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#dnn_ContentPane .darkTurqBtn-link>a:hover {
    background: #e6e6e6;
    border: solid 1px #cccccc;
    color: #58585a;
    text-decoration: none;
}

/***SAM ADDED INFO ICON FOR FINANCE***/
.infoIcon {
	background:url(/Portals/0/Images/Finance/Info_icon.png) no-repeat center;
	height:20px; 
	width:20px; 
	display:inline-block; 
	/*position:absolute;*/ 
	background-size:70%; 
	/*padding-right:15px;*/ 
	cursor:pointer;
}
#infoIcon {
	display: inline-block;
	height: 15px;
	width: 20px;
	margin:0 auto;
}

#onlinePayements .paraB4ul ul { margin:0 0 2em 0; }
#onlinePayements .paraB4ul li ul { margin-top:1em; }
#onlinePayements .paraB4ul li ul li ul { margin-top:0; }
#onlinePayements h5 { margin-bottom:5px; }

/***SAM ADDED FOR GLYPHICONS FOR LINKS FROM BOOTSTRAP 3***/
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: antialiased;
  color: #005B9A;
}
.glyphicon {
    display: inline-block;
    margin: 0px 5px 10px 0px;
    /*font-size: 21px;*/
	vertical-align: middle;
}
/*List Icon*/
.glyphicon-list:before {
  content: "\e056";
}
.glyphicon-th-list:before {
    content: "\e012";
}
.glyphicon-list-alt:before {
  content: "\e032";
  font-size:21px;
}
/*Link Icon*/
.glyphicon-link:before {
    content: "\e144";
	font-size: 14px;
}
.glyphicon-link {
    margin-bottom:5px;
}
/*a.glyphlinkCenter span {
	display:inline-block;
	height:24px;
}*/
a.glyphlinkCenter {
	display: inline-block;
	vertical-align: middle;
	/*padding: 6px 5px;*/
}
.subText {
    margin-bottom: 10px;
    display: block;
}

/***SAM ADDED FOR A TWO COLUMN FOR LIVE TABS***/
.twoCol_L {
	float:left;
	width:295px;
	margin-right:20px;
}
.twoCol_R {
	float:left;
	width:295px;
}

/* Site Improve Feedback Widget - Glenn A. Parker */

.sz-feedback-submit-button {
    outline: 0 !important;
}

.sz-feedback-textarea:focus, .sz-feedback-toggle-button:focus {
    height: auto !important;
}

:-ms-input-placeholder.sz-feedback-textarea {
    height: auto !important;
}

/***ACTION ITEM ICONS***/
.outerDivAction {
	width:100%;
}
.innerDivAction {
	width:650px;
	margin: 0px auto;
}
#middle-right .innerDivAction {
    width: 220px;
	background-color: #f2f2f2;
	border:2px solid #003975;
	-moz-border-radius: 10px;
    border-radius: 10px;
}
.actionitemIcons {
	margin: 10px 15px;
	float:left;
	width: 80px;
	height: 80px;
	padding: 10px;
	background-color: #003166;
}
.outerDivIcon {
	margin: 10px 15px;
	float:left;
	width: 100px;
}
#middle-right .outerDivIcon {
	margin: 0px 5px 5px 5px;
}
.outerDivIcon h3 {
	text-align: center;
	font-size: 18px;
    color: #003166;/*WAS #BB2025*/
    line-height: 24px;
    margin-top: 5px;
	text-transform: none;
	border-bottom: 0px solid #fff;
}
#middle-right .outerDivIcon h3 {
	text-align: center;
	font-size: 16px;
    color: #003166;/*WAS #BB2025*/
    line-height: 20px;
	text-transform: none;
	background-color: #f2f2f2;
	border-bottom: 0px solid #fff;
}

.actionitemIcons2 {
	/*margin: 10px 15px;
	float:left;*/
	width: 80px;
	height: 80px;
	padding: 10px;
	/*background-color: #ffffff;*//*WAS 003166*/
}
#middle-right .actionitemIcons2 {
	width: 60px;
	height: 60px;
	padding: 5px;
	margin: 0 auto;
}
#middle-right .actionitemIcons2 img {
	width: 60px;
	height: 60px;

}

/****SAM ADDED ESPANOL PILL****/
#menu .nav6 {
    height: 16px;
    padding: 6px 10px 5px 10px;/*padding: 3px 10px;*/
    width: 65px;
}
/****END ESPANOL PILL****/

/****NEW BLACK BREADCRUMB****/
/*#Breadcrumb2 span {
    display: inline-block;
    float: left;
    font-weight: bold;
    color: #000000
}*/

/****SAPD TEMPLATE****/
#bannerDIVHero {
    width: 980px;
    height: 300px;
	background-color:#003975;
}
#deptTitle2 {
    text-align: left;
    width: 979px;
    height: 150px;
    background: #003975;/*WAS 003166*/
    margin: auto;
    position: relative;
    clear: both;
    /*padding: 5px 0px 10px 10px*/
}
#deptTitleText2 {
	float:left;
	background:#3A2C2C;
    height: 25px;
	width:969px;
    /*line-height: 32px;
    min-height: 32px;*/
	padding:10px 0px 0px 10px;
}
/****END****/
/*SAM ADDED FOR FOUR FEATURE CUSTOM SAPD*/
.main_top_text-SAPD{text-align:center;}
.hi-icon-SAPD { display: inline-block; font-size: 0px; cursor: pointer; width: 85px; height:85px; text-align: center; position: relative; z-index: 1; color: #7ec6d5;margin-top:20px;}/*Took out  */ 
.hi-icon-SAPD:after { pointer-events: none; position: absolute; width: 100%; height: 100%; content: '';-webkit-box-sizing: content-box; -moz-box-sizing: content-box;box-sizing: content-box;}/*Took out  */
.hi-icon-SAPD:before {line-height: 85px;}
.icon_effect-SAPD .hi-icon-SAPD { -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s;}
.main_top_icon1_SAPD > .icon_effect-SAPD > .hi-icon-SAPD:after {top:-2px; left:-2px; padding:2px; z-index: -1;	background:url(/portals/0/Images/SAPD/icons/SAPD-Icons-80x80-OpenRecords.png) no-repeat 0px 2px;-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;-moz-transition: -moz-transform 0.2s, opacity 0.3s;transition: transform 0.2s, opacity 0.3s; background-size:80px 80px;}/*SAM CHANGE COORD'S -7px -8px*/
.main_top_icon2_SAPD > .icon_effect-SAPD > .hi-icon-SAPD:after{top:-2px; left:-2px; padding:2px; z-index: -1;	background:url(/portals/0/Images/SAPD/icons/SAPD-Icons-80x80-ImpoundV.png) no-repeat 0px 2px;-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;-moz-transition: -moz-transform 0.2s, opacity 0.3s;transition: transform 0.2s, opacity 0.3s; background-size:80px 80px;}
.main_top_icon3_SAPD > .icon_effect-SAPD > .hi-icon-SAPD:after{top:-2px; left:-2px; padding:2px; z-index: -1;	background:url(/portals/0/Images/SAPD/icons/SAPD-Icons-80x80-FilePoliceReport.png) no-repeat 0px 2px;-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;-moz-transition: -moz-transform 0.2s, opacity 0.3s;transition: transform 0.2s, opacity 0.3s; background-size:80px 80px;}
.main_top_icon4_SAPD > .icon_effect-SAPD > .hi-icon-SAPD:after{top:-2px; left:-2px; padding:2px; z-index: -1;	background:url(/portals/0/Images/SAPD/icons/SAPD-Icons-80x80-AlarmPermit.png) no-repeat 0px 2px;-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;-moz-transition: -moz-transform 0.2s, opacity 0.3s;transition: transform 0.2s, opacity 0.3s; background-size:80px 80px;}
.main_top_icon5_SAPD > .icon_effect-SAPD > .hi-icon-SAPD:after{top:-2px; left:-2px; padding:2px; z-index: -1;	background:url(/portals/0/Images/SAPD/icons/SAPD-Icons-80x80-Auction.png) no-repeat 0px 2px;-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;-moz-transition: -moz-transform 0.2s, opacity 0.3s;transition: transform 0.2s, opacity 0.3s; background-size:80px 80px;}
.main_top_icon6_SAPD > .icon_effect-SAPD > .hi-icon-SAPD:after {top:-2px; left:-2px; padding:2px; z-index: -1;	background:url(/portals/0/Images/SAPD/icons/SAPD-Icons-80x80-Offenders.png) no-repeat 0px 2px;-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;-moz-transition: -moz-transform 0.2s, opacity 0.3s;transition: transform 0.2s, opacity 0.3s; background-size:80px 80px;}/*SAM CHANGE COORD'S -7px -8px*/
.main_top_icon7_SAPD > .icon_effect-SAPD > .hi-icon-SAPD:after{top:-2px; left:-2px; padding:2px; z-index: -1;	background:url(/portals/0/Images/SAPD/icons/SAPD-Icons-80x80-CrimeCallInformation.png) no-repeat 0px 2px;-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;-moz-transition: -moz-transform 0.2s, opacity 0.3s;transition: transform 0.2s, opacity 0.3s; background-size:80px 80px;}
.main_top_icon8_SAPD > .icon_effect-SAPD > .hi-icon-SAPD:after{top:-2px; left:-2px; padding:2px; z-index: -1;	background:url(/portals/0/Images/SAPD/icons/SAPD-Icons-80x80-Calls.png) no-repeat 0px 2px;-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;-moz-transition: -moz-transform 0.2s, opacity 0.3s;transition: transform 0.2s, opacity 0.3s; background-size:80px 80px;}
.main_top_icon9_SAPD > .icon_effect-SAPD > .hi-icon-SAPD:after{top:-2px; left:-2px; padding:2px; z-index: -1;	background:url(/portals/0/Images/SAPD/icons/SAPD-Icons-80x80-Directory.png) no-repeat 0px 2px;-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;-moz-transition: -moz-transform 0.2s, opacity 0.3s;transition: transform 0.2s, opacity 0.3s; background-size:80px 80px;}
.main_top_icon10_SAPD > .icon_effect-SAPD > .hi-icon-SAPD:after{top:-2px; left:-2px; padding:2px; z-index: -1;	background:url(/portals/0/Images/SAPD/icons/SAPD-Icons-80x80-Recruiting.png) no-repeat 0px 2px;-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;-moz-transition: -moz-transform 0.2s, opacity 0.3s;transition: transform 0.2s, opacity 0.3s; background-size:80px 80px;}
.main_top_icon11_SAPD > .icon_effect-SAPD > .hi-icon-SAPD:after{top:-2px; left:-2px; padding:2px; z-index: -1;	background:url(/portals/0/Images/SAPD/icons/SAPD-Icons-80x80-DPapersArbitration.png) no-repeat 0px 2px;-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;-moz-transition: -moz-transform 0.2s, opacity 0.3s;transition: transform 0.2s, opacity 0.3s; background-size:80px 80px;}

.icon_effects-SAPD .hi-icon-SAPD:hover:after {-webkit-transform: scale(1.3);	-moz-transform: scale(1.3);	-ms-transform: scale(1.3);	transform: scale(1.3);	opacity: 0; }
.outerDivIcon .main_top_img1_SAPD { background:url(/portals/0/Images/SAPD/icons/SAPD-Icons-80x80-OpenRecords2.png) no-repeat -2px 0px; width:80px; height:80px; background-size: 80px 80px;}/*SAM CHANGED WIDTH HEIGHT 90px AND COORD'S -9px -10px*/
.outerDivIcon .main_top_img2_SAPD { background:url(/portals/0/Images/SAPD/icons/SAPD-Icons-80x80-ImpoundV2.png) no-repeat -2px 0px; width:80px; height:80px; background-size:80px 80px;}
.outerDivIcon .main_top_img3_SAPD { background:url(/portals/0/Images/SAPD/icons/SAPD-Icons-80x80-FilePoliceReport2.png) no-repeat -2px 0px; width:80px; height:80px; background-size:80px 80px;}
.outerDivIcon .main_top_img4_SAPD { background:url(/portals/0/Images/SAPD/icons/SAPD-Icons-80x80-AlarmPermit2.png) no-repeat -2px 0px; width:80px; height:80px; background-size:80px 80px;}
.outerDivIcon .main_top_img5_SAPD { background:url(/portals/0/Images/SAPD/icons/SAPD-Icons-80x80-Auction2.png) no-repeat -2px 0px; width:80px; height:80px; background-size:80px 80px;}
.outerDivIcon .main_top_img6_SAPD { background:url(/portals/0/Images/SAPD/icons/SAPD-Icons-80x80-Offenders2.png) no-repeat -2px 0px; width:80px; height:80px; background-size:80px 80px;}/*SAM CHANGED WIDTH HEIGHT 90px AND COORD'S -9px -10px*/
.outerDivIcon .main_top_img7_SAPD { background:url(/portals/0/Images/SAPD/icons/SAPD-Icons-80x80-CrimeCallInformation2.png) no-repeat -2px 0px; width:80px; height:80px; background-size:80px 80px;}
.outerDivIcon .main_top_img8_SAPD { background:url(/portals/0/Images/SAPD/icons/SAPD-Icons-80x80-Calls2.png) no-repeat -2px 0px; width:80px; height:80px; background-size:80px 80px;}
.outerDivIcon .main_top_img9_SAPD { background:url(/portals/0/Images/SAPD/icons/SAPD-Icons-80x80-Directory2.png) no-repeat -2px 0px; width:80px; height:80px; background-size:80px 80px;}
.outerDivIcon .main_top_img10_SAPD { background:url(/portals/0/Images/SAPD/icons/SAPD-Icons-80x80-Recruiting2.png) no-repeat -2px 0px; width:80px; height:80px; background-size:80px 80px;}
.outerDivIcon .main_top_img11_SAPD { background:url(/portals/0/Images/SAPD/icons/SAPD-Icons-80x80-DPapersArbitration2.png) no-repeat -2px 0px; width:80px; height:80px; background-size:80px 80px;}


.main_top_text-SAPD h3 a { margin-top: 0px; font-size:18px; /*font-weight:bold;*/ line-height: 21px; padding-top:5px; color:#003975;}/*Took out padding-top:10px; */
.main_top_text-SAPD:hover h3 a:link { color:#BB2025; text-decoration:none; transition: all 0.8s ease 0s; -webkit-transition:all 0.8s ease 0s;-moz-transition:all 0.8s ease 0s;}/*WAS color:#686868*/
.main_top_text-SAPD:hover h3 a:visited { color:#BB2025; text-decoration:none; transition: all 0.8s ease 0s; -webkit-transition:all 0.8s ease 0s;-moz-transition:all 0.8s ease 0s;}

#middle-right .hi-icon-SAPD { margin-top: 10px; }

#middle-right .outerDivIcon .main_top_img1_SAPD { width:50px; height:50px; background-size: 50px 50px;}
#middle-right .outerDivIcon .main_top_img2_SAPD { width:50px; height:50px; background-size:50px 50px;}
#middle-right .outerDivIcon .main_top_img3_SAPD { width:50px; height:50px; background-size:50px 50px;}
#middle-right .outerDivIcon .main_top_img4_SAPD { width:50px; height:50px; background-size:50px 50px;}
#middle-right .outerDivIcon .main_top_img5_SAPD { width:50px; height:50px; background-size:50px 50px;}
#middle-right .outerDivIcon .main_top_img6_SAPD { width:50px; height:50px; background-size:50px 50px;}/*SAM CHANGED WIDTH HEIGHT 90px AND COORD'S -9px -10px*/
#middle-right .outerDivIcon .main_top_img7_SAPD { width:50px; height:50px; background-size:50px 50px;}
#middle-right .outerDivIcon .main_top_img8_SAPD { width:50px; height:50px; background-size:50px 50px;}
#middle-right .outerDivIcon .main_top_img9_SAPD { width:50px; height:50px; background-size:50px 50px;}
#middle-right .outerDivIcon .main_top_img10_SAPD { width:50px; height:50px; background-size:50px 50px;}
#middle-right .outerDivIcon .main_top_img11_SAPD { width:50px; height:50px; background-size:50px 50px;}

#middle-right .main_top_icon1_SAPD > .icon_effect-SAPD > .hi-icon-SAPD:after { background-size:50px 50px;}
#middle-right .main_top_icon2_SAPD > .icon_effect-SAPD > .hi-icon-SAPD:after{ background-size:50px 50px;}
#middle-right .main_top_icon3_SAPD > .icon_effect-SAPD > .hi-icon-SAPD:after{ background-size:50px 50px;}
#middle-right .main_top_icon4_SAPD > .icon_effect-SAPD > .hi-icon-SAPD:after{ background-size:50px 50px;}
#middle-right .main_top_icon5_SAPD > .icon_effect-SAPD > .hi-icon-SAPD:after{ background-size:50px 50px;}
#middle-right .main_top_icon6_SAPD > .icon_effect-SAPD > .hi-icon-SAPD:after { background-size:50px 50px;}/*SAM CHANGE COORD'S -7px -8px*/
#middle-right .main_top_icon7_SAPD > .icon_effect-SAPD > .hi-icon-SAPD:after{ background-size:50px 50px;}
#middle-right .main_top_icon8_SAPD > .icon_effect-SAPD > .hi-icon-SAPD:after{ background-size:50px 50px;}
#middle-right .main_top_icon9_SAPD > .icon_effect-SAPD > .hi-icon-SAPD:after{ background-size:50px 50px;}
#middle-right .main_top_icon10_SAPD > .icon_effect-SAPD > .hi-icon-SAPD:after{ background-size:50px 50px;}
#middle-right .main_top_icon11_SAPD > .icon_effect-SAPD > .hi-icon-SAPD:after{ background-size:50px 50px;}

#middle-right .main_top_text-SAPD h3 a { margin-top: 0px; font-size:15px; /*font-weight:bold;*/ line-height: 18px; padding-top:5px; color:#003975;}/*Took out padding-top:10px; */
#middle-right .main_top_text-SAPD:hover h3 a { color:#BB2025; text-decoration:none; transition: all 0.8s ease 0s; -webkit-transition:all 0.8s ease 0s;-moz-transition:all 0.8s ease 0s;}/*WAS color:#686868*/
/*SAM TOOK OUT*/
/*.main_top_text p{ color:#686868; font-size:13px;}*/

/*.innerDivAction {
	width: 100%;
	border-top:1px solid #2e2e33;
	border-bottom:1px solid #2e2e33;
	background-color:#e4e7e7;
	margin:30px 0px;
}*/
/*.innerDivAction:before, .innerDivAction:after {
	content: "";
	display: table;
	line-height: 0;
	
}*/

/*.outerDivIcon {
	box-sizing: border-box;
	display: block;
	float: left;
	margin-left: 2.5641%;
	min-height: 30px;
	width: 23.0769%;
}*/
/*.outerDivIcon:first-child {
	margin-left: 0;
	
}*/
/*END SAPD FEATURES ICONS*/
#tubeSAPD .hi-icon-tube-SAPD { display: inline-block; font-size: 0px; cursor: pointer; width: 265px; height:150px; text-align: center; position: relative; z-index: 1; color: #7ec6d5;margin-top:0px;}
#tubeSAPD .hi-icon-tube-SAPD:after { pointer-events: none; position: absolute; width: 100%; height: 100%; content: '';-webkit-box-sizing: content-box; -moz-box-sizing: content-box;box-sizing: content-box;}
#tubeSAPD .hi-icon-tube-SAPD:before {line-height: 150px;}

#tubeSAPD .icon_effect-tube-SAPD .hi-icon-tube-SAPD { -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s;}
#tubeSAPD .main_top_icon1_tube-SAPD > .icon_effect-tube-SAPD > .hi-icon-tube-SAPD:after {top:0px; left:0px; padding:0px; z-index: -1; background:url(/portals/0/Images/SAPD/YouTubeChannelImage.jpg) no-repeat 0px 0px;/*-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;-moz-transition: -moz-transform 0.2s, opacity 0.3s;transition: transform 0.2s, opacity 0.3s;*/ background-size:260px 149px;}

#tubeSAPD .icon_effects-tube-SAPD .hi-icon-tube-SAPD:hover:after {-webkit-transform: scale(1.3);	-moz-transform: scale(1.3);	-ms-transform: scale(1.3);	transform: scale(1.3);	opacity: 0; }
#tubeSAPD .main_top_img1_tube-SAPD { background:url(/portals/0/Images/SAPD/YouTubeChannelImage2.jpg) no-repeat 0px 0px; width:260px; height:149px; background-size: 260px 149px;}

#tubeSAPD .main_top_text-tube-SAPD h3 a { margin-top: 0px; font-size:18px; /*font-weight:bold;*/ line-height: 21px; padding-top:5px; color:#003975;}/*Took out padding-top:10px; */
#tubeSAPD .main_top_text-tube-SAPD:hover h3 a:link { color:#BB2025; text-decoration:none !important; transition: all 0.8s ease 0s; -webkit-transition:all 0.8s ease 0s;-moz-transition:all 0.8s ease 0s;}/*WAS color:#686868*/
#tubeSAPD .main_top_text-tube-SAPD:hover h3 a:visited { color:#BB2025; text-decoration:none !important; transition: all 0.8s ease 0s; -webkit-transition:all 0.8s ease 0s;-moz-transition:all 0.8s ease 0s;}

#tubeSAPD .main_top_text-tube-SAPD h3 { font-size: 16px; width: 90%; padding: 0px 0px; color: #BB2025; margin: 0px; background-color: #ffffff; }
#tubeSAPD h3 { font-size: 16px; width: 90%; padding: 0px 0px; color: #BB2025; margin: 0px; background-color: #ffffff;}
#tubeSAPD { margin-top:20px;}


.iconboxmega h4 {
color: #5E5F5F;
font-size: 14px;
line-height: 14px;
font-family: 'MyriadProBoldCondensed',Arial,Helvetica,sans-serif;
font-weight: normal;
letter-spacing: 0;
text-transform: uppercase;
margin: 10px 0;
}

.megaFoot{
	color: #fff;
	font-size: 24px;
	line-height: 24px;
	font-family: 'MyriadProBoldCondensed',Arial,Helvetica,sans-serif;
	font-weight: normal;
	letter-spacing: 0;
	text-transform: uppercase;
}

.megaFootPara{
	display: block;
    color: #fff;
    max-height: 95px;
    overflow: hidden;
}

/* Added by Doug - 07/02/19 */
.float-r {
	float: right;
	padding-left: 7px;
	padding-bottom: 7px;
	text-align: center;
}

.center-me {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
/* End - Doug */

/*SAM ADDED FOR RED BUTTON ON HOME PAGE*/
#dnn_ContentPane .redButton-link > a {
    padding: 6px 45px;
    background: #8B0E04;
	/*font-weight:bold;*/
    font-size: 24px;
    color: #ffffff;
    text-decoration: none;
    line-height: 20px;
    text-align: center;
    /* vertical-align: middle; */
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-color: rgba(130, 130, 132, 0.1) rgba(88, 88, 90, 0.1) rgba(88, 88, 90, 0.25) rgba(61, 61, 62, 0.1);
    border-color: #828284 #58585a #58585a #3d3d3e;
    border-style: solid;
    border-width: 1px;
    /* text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4); */
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#dnn_ContentPane .redButton-link > a:hover {
    background: #e6e6e6;
    border: solid 1px #cccccc;
    color: #58585a;
    text-decoration: none;
}
/*END*/

/*SARAH ADDED FOR CLERK - CITY COUNCIL MEETING MINUTES 8/9/19*/
.ccMeetingMinutes {
	padding: 15px 28px;
	width: 25%;
	float: left;
	box-sizing: border-box;
}
.ccMeetingMinutes p {
	margin: 0;
}
.ccMeetingMinutes h4 {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
    color: #4C4D4D;
    text-transform: none;
	margin: 0 0 1em 0;
}
/*END*/

/*EQUITY TRIANGLE*/
		.triOuter {
			position: relative;
			width:100%;
			max-width: 400px;
			margin: 0 auto;
        }
		.tri-center {
			position: absolute;
			top: 0px;
			left: 0px;
			height: auto;
		}
		.tri-center img {
			display:block;
			width: 100%;
			height: auto;
		}
		.triOuter .firtTopic, .secondTopic, .thirdfourthTopic {
			font-family: arial, san-serif;
			font-weight:bold;
			position: relative;
			z-index: 2;
			text-align: center;
		}
		.triOuter .firtTopic {
			height: 190px;
			text-align: center;
		}
		.triOuter .secondTopic {
			height: 100px;
		}
		.triOuter .thirdfourthTopic {
			height: 50px;
		}
		.triOuter .firtTopic .span {
			position: absolute;
			left: 34%;
			top: 60%;
			font-weight:bold;
			color:#ffffff;
			width:100%;
			max-width: 125px;
		}
		.triOuter .secondTopic .span {
			position: absolute;
			left:35%;
			top: 55%;
			color:#ffffff;
			font-weight:bold;
			width:100%;
			max-width: 125px;
		}
		.triOuter .thirdfourthTopic .full {
			width: 100%;
			color:#ffffff;
			font-weight:bold;
		}
		.triOuter .thirdfourthTopic .full .leftThree {	
			float: left;
			width: 40%;
			margin-top: 7%;
			margin-left: 5%;
		}
		.triOuter .thirdfourthTopic .full .rightFour {
			float: left;
			width: 40%;
			margin-top: 7%;
			margin-left: 14%;
		}
		.triOuter .thirdfourthTopic .full .leftThree .span {
			display:block;
			color:#ffffff;
			font-weight:bold;
			width:100%;
			max-width: 125px;
			margin: 0 auto;
		}
		.triOuter .thirdfourthTopic .full .rightFour .span {
			display:block;
			color:#ffffff;
			font-weight:bold;
			width:100%;
			max-width: 125px;
		}
/*END*/

/* EMPLOYEE INFO - HR BUSINESS PARTNERS & SPECIALISTS*/
.HRteamLeftCol {
	width:50%;
	float:left;
	box-sizing: border-box;
	border-right-color: rgb(218, 219, 220);
	border-right-width: 1px;
	border-right-style: solid;
	margin-top:0.5em;
}
.HRteamRightCol {
	width:50%;
	float:left;
	box-sizing: border-box;
	padding-left: 1em;
	margin-top:0.5em;
}
.HRteamLeftCol h3, .HRteamRightCol h3 {
	margin-bottom: 1.5em;
}
.HRteamLeftCol h4, .HRteamRightCol h4 {
	margin-bottom: 2em;
}
/*END*/

/*SAM ADDED FOR 3 COLUMN GPA HOME PAGE*/
.headingMarginT {
	margin-top: 20px;
}
.flexColumns {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	margin: 5px 0;
}
.threeColumn {
	width:119px;
	margin: 2px;
    margin: 5px;
    padding: 10px 5px 0px 6px;
    background: #FFF;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
    border-bottom: solid 1px #DADBDC;
    border-right: solid 1px #DADBDC;
	
}
.threeColumn:first-child { margin-left: 0; }
.threeColumn:last-child { margin-right: 0; }

.threeColumn img {
	width: 119px;
}

.fourColumn {
	width:80px;
	margin: 2px;
    margin: 5px;
    padding: 10px 5px 0px 6px;
    background: #FFF;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
    border-bottom: solid 1px #DADBDC;
    border-right: solid 1px #DADBDC;
	
}
.fourColumn:first-child { margin-left: 0; }
.fourColumn:last-child { margin-right: 0; }

.fourColumn img {
	width: 80px;
}


/**SAM ADDED 2COLUMN*/
/**TWO COLUMN**/
/*USED IN SUSTAINABILITY*/
.rowFlex {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}

.columnFlex {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 1;
  padding:10px;
}

.containerFlex {
  display:flex;
  align-items:center;
  justify-content:center;
}

/*FOR SPONSOR LOGOS*/
.sponsorLogos {
  width: 250px;
  height: 125px;  
}

/*********threeColumn*********/
@media screen and (max-width: 680px) {
	.flexColumns {
		flex-basis: 100%;
		margin: 0 0 5px 0;
	}
}

/*END*/

/*****SAM ADDED FOR LARGE BUTTON*****/
#threeColWrap .valignmiddleLrgButton .lrgButton {
    margin: 1em 0;
}
#threeColWrap .valignmiddleLrgButton .lrgButton > a:link {
    -moz-user-select: none;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 3px 3px 4px 1px rgba(0,0,0,0.4);
    box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.4);
    background: #005B9A none repeat scroll 0 0;
    color: #ffffff;
    font-size: 24px;
    font-weight: bold;
    line-height: 20px;
    padding: 14px 24px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
}

#threeColWrap .valignmiddleLrgButton .lrgButton > a:visited {
    -moz-user-select: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.4);
    background: #005B9A none repeat scroll 0 0;
    color: #ffffff;
    font-size: 24px;
    font-weight: bold;
    line-height: 20px;
    padding: 14px 24px;
    text-align: center;
    text-decoration: none;
	display:inline-block;
    /*transition-duration: 0.2s;*/
}

#threeColWrap .valignmiddleLrgButton .lrgButton > a:hover {
    background: #b2b2b2 none repeat scroll 0 0;
    color: #000000;
    text-decoration: none;
}
#threeColWrap .valignmiddleLrgButton .lrgButton > a:active {
    background: #cccccc none repeat scroll 0 0;
    border: 1px solid #8c8c8c;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) inset;
    color: #000000;
    text-decoration: none;
}
/*END*/
/* CSS Columns for listed content within a page */
.columnCount2 {
	column-count: 2;
}
.columnCount3 {
	column-count: 3;
}
.columnCount2 p, .columnCount2 li, .columnCount2 div, .columnCount3 div, .columnCount3 p, .columnCount3 li {
	-webkit-column-break-inside: avoid; 
	page-break-inside: avoid;
	break-inside: avoid;
}
/*END*/

/******DONATE BUTTON*******/
.btnDonate a {
	width:75%;
}
.btnDonate a {
	font-family: 'MyriadProBoldCondensed', Arial, Helvetica, sans-serif;
    letter-spacing: 0px;
    font-weight: normal;
	-moz-user-select: none;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 3px 3px 4px 1px rgba(0,0,0,0.4);
    box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.4);
    /*background: #ffffff none repeat scroll 0 0;*/
	background: #005B9A url(/portals/0/images/HumanServices/ForSeniors/DonationIcon_wht.svg)no-repeat;
	background-position: 3% 50%;
	background-size: 15% 75%;
    color: #ffffff !important;
    font-size: 20px;
    font-weight: normal;
    line-height: 20px;
    padding: 8px 10px 4px 45px;
    text-decoration: none !important;
    display: inline-block;
    border: 2px solid #005B9A;
	text-transform: uppercase;
}

.btnDonate:hover a {
	
    background: #ffffff url(/portals/0/images/HumanServices/ForSeniors/DonationIcon_blue.svg)no-repeat;
	background-position: 3% 50%;
	background-size: 15% 75%;
    color: #005B9A !important;
    border: 2px solid #005B9A;
    text-decoration: none;
    cursor: pointer;
}


/***COVID-19 BOT BUTTON*******/
.btnCovid a {
	font-family: 'MyriadProBoldCondensed', Arial, Helvetica, sans-serif;
    letter-spacing: 0px;
    font-weight: normal;
	-moz-user-select: none;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 3px 3px 4px 1px rgba(0,0,0,0.4);
    box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.4);
    /*background: #ffffff none repeat scroll 0 0;*/
	background: #ffffff url(/portals/0/images/Health/News/Alerts/BotHead2_blue.svg)no-repeat;
	background-position: 3% 50%;
	background-size: 15% 100%;
    color: #005B9A !important;
    font-size: 31px;
    font-weight: normal;
    line-height: 20px;
    padding: 14px 10px 9px 60px;
    text-align: center;
    text-decoration: none !important;
    display: inline-block;
    border: 2px solid #005B9A;
}

.btnCovid:hover a {
	background: #005B9A url(/portals/0/images/Health/News/Alerts/BotHead2_wht.svg)no-repeat;
	background-position: 3% 50%;
	background-size: 15% 100%;
    color: #ffffff !important;
    border: 2px solid #005B9A;
    text-decoration: none;
    cursor: pointer;
}
.btnCovid2 a {
	font-family: 'MyriadProBoldCondensed', Arial, Helvetica, sans-serif;
    letter-spacing: 0px;
    font-weight: normal;
	-moz-user-select: none;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 3px 3px 4px 1px rgba(0,0,0,0.4);
    box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.4);
    /*background: #ffffff none repeat scroll 0 0;*/
	background: #ffffff url(/portals/0/images/Health/News/Alerts/BotHead2_blue.svg)no-repeat;
	background-position: 3% 50%;
	background-size: 15% 100%;
    color: #005B9A !important;
    font-size: 20px;
    font-weight: normal;
    line-height: 20px;
    padding: 8px 10px 4px 45px;
    text-align: center;
    text-decoration: none !important;
    display: inline-block;
    border: 2px solid #005B9A;
}

.btnCovid2:hover a {
    background: #005B9A url(/portals/0/images/Health/News/Alerts/BotHead2_wht.svg)no-repeat;
	background-position: 3% 50%;
	background-size: 15% 100%;
    color: #ffffff !important;
    border: 2px solid #005B9A;
    text-decoration: none;
    cursor: pointer;
}
/****END****/

/****SWOOSH MEGA FOOTER****/
#swoosh-page #topWrap {
	padding-bottom:15px;
}
#SustainRedLine {
	position:relative;
	z-index:5;
}
#SustainRedLine .red-line {
	width:72%;
}
#SustainRedLine img {
	margin: 0px 0px 0px 20px;
}
/*END*/
/*SAM ADDED FOR 3 COLUMN ALL 2020*//*SUSTAINABILITY USES ON HOMEPAGE*/
.featuredTitle_MR {
	display:none;
}
.flexColumns_all {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	margin: 5px 0;
}
.threeColumn_all {
	margin: 2px;
    margin: 5px;
    /*padding: 10px 5px 0px 6px;
    background: #FFF;*/
    /*-webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
    border-bottom: solid 1px #DADBDC;
    border-right: solid 1px #DADBDC;*/
	
}
.threeColumn_all:first-child { margin-left: 0; }
.threeColumn_all:last-child { margin-right: 0; }
/*FOR MIDDLE-RIGHT*/
#middle-right .threeColumn_all .bumper-grey-container h3 {
	background-color:transparent;
	border-bottom:0px;
	font-size:14px;
	padding:0px;
}
#middle-right .threeColumn_all .bumper-grey-container {
	background-color:#ffffff;
}
#middle-right .flexColumns_all {
	background-color: #f3f3f3;
	margin: 0px;
}
#middle-right .featuredTitle_MR {
	display:block;
}
#middle-right .featuredTitle_MR h5 {
    padding: 9px 5% 6px 10%;
	margin: 10px 0px 0px 0px;
    background-color: #f3f4f4;
}

/*RESPONSIVE - SUSTAINABILITY*/
@media screen and (max-width: 260px) {
	.flexColumns_all .threeColumn_all {
		flex-basis: 100%;
		margin: 0 0 5px 0;
	}
}


.boxfleft {
	float:left;
}

/*END*/

/*HISTORIC QRCode*/
.tashText img.qrc {
  width:174px;
  margin-left:4px;
}
.tashText .tashBox p {
  line-height: 29px;
  margin:0px;
}
.tashText .tashBox p:nth-of-type(2) {
  line-height: 50px;
   margin:0px;
}
.tashText .tashBox p:nth-of-type(3) {
  line-height: 63px;
   margin:0px;
}
.tashText .tashBox span.one {
  font-size:3em;
  font-family: Arial;
  color: #000000;
}
.tashText .tashBox span.two {
  font-size:5.2em;
  font-family: Arial;
  color:#831a22;
}
.tashText .tashBox span.three {
  font-size:5.8em;
  font-family: Arial;
  color:#000000;
}
.tashText .tashBox {
  padding:1em 1em 0 1em;
  width:140px;
  margin-left:8px;
}
/*END*/