/* CSS Document **/
/*#CQ {
    position: relative;
    z-index: 1;     
}*/

@font-face { font-family: FuturaLight; src: url('../fonts/FUTURAL.eot'); } 
@font-face { font-family: FuturaLight; src: url('../fonts/FUTURAL.TTF'); } 

html,body {
    font-size: .85em;
} 

html {
    width: 100%;
    /*background: #0c6995 url('body-bg.jpg') repeat-x -158px 1px;*/
    /*background: #0c6995;*/
    background: #C6E9FC;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
    vertical-align: top;
    /*background: #0c6995 url('body-bg.jpg') repeat-x -158px 1px;*/
    /*background: #7BBBDE url('body-bg-test1.jpg') repeat-x -158px 1px;*/
    /*background: #68B1D9 url('body-bg-test2.jpg') repeat-x -158px 1px;*/
    /*background: #478CB5 url('body-bg-test3.jpg') repeat-x -158px 1px;*/
    /* background: #C6E9FC url('body-bg.jpg') repeat-x -158px 1px; */
    /* background-color: #C6E9FC; */
    background-image: url('../images/body-bg.jpg') /* !important; */
    background-repeat: repeat-x;
   /* background-position: -158px 1px; */
}

.background-image-holder {
    /* width: 100%; */
    /*background: #0c6995 url('body-bg.jpg') repeat-x -158px 1px;*/
    /**background: #7BBBDE url('body-bg-test1.jpg') repeat-x -158px 1px;*/
    /*background: #68B1D9 url('body-bg-test2.jpg') repeat-x -158px 1px;*/
    /*background: #478CB5 url('body-bg-test3.jpg') repeat-x -158px 1px;*/ 
    background: #C6E9FC url('../images/body-bg.jpg') repeat-x;
    position: relative;
    z-index: 1;
}

p {
    margin: 10px 0;
    /*overflow: hidden;*/
}

p.service-directory {
    padding-top: 8px;
    margin-bottom: 4px;
}

.bottom-space {
    margin-bottom: 16px;
}

.menu-bottom-space {
    padding-bottom: 1px;
}

.hidden {
    display: none;  
}

.clear {
    clear: both;
    padding-left: 1px;
    padding-bottom: 80px;
}

.float-holder {
    overflow: auto;
    width: 100%;    
}

.clear-both {
    clear: both;
}

ul.unstyled {
    list-style-type: none;
    margin: 0;
    padding: 0; 
}

ul.unstyled li {
    list-style-type: none;
    margin: 0;
    padding: 0; 
}

.imgReplaced {
    position: relative;
    text-indent: -5000px;
    text-align:left;
    height: 0px;
    overflow: hidden;   
}

a img,a:link img,a:hover img,a:visited img,a img:first-child,a:active img {
    text-decoration: none;
}

#text-reader {
    display: none;
}

.programs-title-spacing {
    color: #000000;
    font-size: 189%;
    font-weight: normal;
    margin-top: 5px;
    margin-bottom: 8px;
}

.required-field-mark {
    color: #ff0000;
}

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

.left-align {
    text-align: left;
}

.right-float {
    float: right;
}

.left-float {
    float: left;
}

.bottom-margin {
    margin-bottom: 10em;
}

.left-padding {
    padding-left: 1px;
}

.button-padding {
    padding-left: 4px;
}

.start-online-bottom-padding {
    padding-top: 6px;
    padding-bottom: 11px;
}

.find-online-padding {
    padding-top: 1px;
    padding-bottom: 9px;
}

.find-job-margin {
    margin-top: 7px;
}

.rss-select {
    width: 250px;
    margin-left: 30px;
}

div #startcontent {
    height: 0px;
    padding: 0px;
    margin: 0px;
}

.refine-selectbox-margins {
    float: left;
    margin-top: -5px;
    margin-bottom: 11em;
}

.submit-city-search {
    width: 12em;
}

.normal-big-font {
    font-size: 104%;
    margin-bottom: 5px;
}

.keyword-space {
    font-size: 104%;
    margin-top: 16px;
    margin-bottom: -11px;
}

.find-service-rollover-div {
    margin-top: 15px;
    margin-left: 1px;
}

.department-directory-black-title {
    color: #000000;
    font-size: 189%;
    font-weight: normal;
    margin-top: -3px;
    margin-bottom: 10px;
}

div #container {
    position: relative;
    clear: both;
    width: 960px;
    /*height: 100%;*/
    vertical-align: top;
    
}

div #content-container {
    position: relative; /* This fixes the IE7 overflow hidden bug */
    clear: both;
    width: 960px;
    overflow: hidden;
    background-color:#b2d1e6;
    /* padding-top:15px;
   background-image:url('../images/container-bg.png');
    background-repeat:repeat-x;
    background-position:bottom center;
   */
    margin-bottom:20px;
    -moz-box-shadow: 0px 3px 8px rgb(100,100,100);
    -webkit-box-shadow: 0px 3px 8px rgb(100,100,100);
    box-shadow: 0px 3px 8px rgb(100,100,100);
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius:10px 10px 0 0;
    -khtml-border-radius:10px 10px 0 0;
     border-radius: 10px 10px 0 0;
    
    /* This chops off any overhanging divs */
}

/* --  ..............PRINT PREVIEW HEADER..............  --*/
div #print-preview {
    display: none;
}

/* --  ..............HEADER..............  --*/
.header {
    height: 54px;
    vertical-align: top;
    text-align: left;
}

.logo-float {
    float: left;
}

.search {
    padding-top: 2px;
    padding-right: 15px;
    margin-top:15px; 
    float: right;
    
} 

.search input {
    vertical-align: middle;
}

.search-button {
    height: 22px;
    width: 50px;
}

.city-search {
    padding-top: 15px;
    padding-right: 15px;
    text-align: right;
    float: left;
}

.city-search input {
    vertical-align: middle;
}

.find-service {
    padding-top: 4px;
    float: left;
}

.find-service input {
    vertical-align: middle;
}

.find-service-result {
    margin-top: -2px;
    float: left;
    clear: both;
}

.find-service-result input {
    vertical-align: middle;
}

.dotted-white-result {
    background-image: url('../images/white-dot.gif');
    background-repeat: repeat-x;
    background-position: center;
    padding-top: 20px;
    padding-bottom: 0px;
}

.result-text-spacing {
    font-style: italic;
    padding-top: 10px;
    margin-bottom: 15px;
}

.search-keyword {
    font-weight: bold;
    color: #ffffff;
    padding-bottom: 2px;
    vertical-align: middle;
}

div #header-image {
    padding: 0;
    margin-bottom: 15px!important;
    vertical-align: top;
    top: auto;
}

div #header-image img {
    margin: 0px;
    vertical-align: bottom;
}

div #top-navigation {
    background-image: url('../images/primary-nav-bg.png');

    background-repeat: no-repeat;

    background-position: top;

    width: 100%;

    height: 45px;

    padding: 0px;

    margin: 0px;

    vertical-align: top;

    clear: both;

    z-index: 1000;
} 

.top-nav-module {
    z-index: 1;
    padding-left: 43px;
}

/* --  ..............TOOLBAR.............. --*/
div #tools {
    padding: 0 0 5px 0;
    height: 35px;
}

.toolbar {
    width: 455px !important;
    height: 20px !important;
    overflow:hidden !important;
    margin: 0px 0px 20px 0px !important;  
} 

.toolbar li {
    float: left;
    list-style-type: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 90%;
    height: 20px;
}

.toolbar li.facebook {
    width: 90px;
}

.toolbar li.twetter {
    width: 110px;
}

.toolbar li.google {
    width: 80px;
}

.toolbar a.share {
    padding: 0px 10px 0px 0px;
    width: 52px;
}

.toolbar a.rss {
    padding: 0px 0px 0px 0px;
    width: 52px;
}

.toolbar a.print {
    padding: 0px 10px 0px 0px;
    width: 52px;
}

a.email {
    /* background: transparent url('icons/email-icon.jpg') left 
        center no-repeat; */
    margin-bottom: 5px;
}

.news-release-media li {
    margin: 0;
    padding: 5px 0;
    list-style-type: none;
    display: block;
}

.news-release-media a.pdf-link {
    padding: 5px 0 5px 30px;
    background: transparent
        url('/etc/designs/city/images/icons/pdf-icon.gif') left center
        no-repeat;
}

.news-release-media a.photo-gallery-link {
    padding: 5px 0 5px 30px;
    background: transparent
        url('/etc/designs/city/images/icons/photo-gallery-icon.gif') left
        center no-repeat;
}

/* --  ..............END OF TOOLBAR.............. --*/
li.contact {
    vertical-align: middle;
    margin-left: 0px;
}

.address-space {
    padding-bottom: 4px;
}

.bottom-space {
    padding-bottom: 9px;
}

.bottom-padding li {
    padding-bottom: 9px;
}

.tinymcelimited p {
    width: 100%;
}

div #light-blue-column-left {
    width: 470px;
    float: left;
}

div #light-blue-column-right {
    float: right;
}

#find-services-column-left {
    width: 50%;
    vertical-align: top;
}

#find-services-column-right {
    float: right;
    vertical-align: top;
}

div #left-date-column {
    width: 100px;
    text-align: left;
    vertical-align: top;
    float: left;
}

div #right-content-column {
    width: 300px;
    text-align: left;
    vertical-align: top;
    float: right;
}

.bold {
    font-weight: bold;
}

.italic-text {
    font-style: italic;
    font-size: 93%;
}

/* --  ..............ALERT BOX..............  --*/
.alert-red-box {
    background-color: #660000;
    text-align: left;
    border: 1px solid #ffffff;
    padding: 10px;
    margin-left: 0px;
    margin-bottom: 15px;
}
.alert-red-box H2{color:#FFFF00!important;}

.homepage-alert-icon {
    width: 15px;
    vertical-align: top;
    text-align: left;
}

.homepage-alert-date {
    width: 95px;
    text-align: left;
    vertical-align: top;
    font-size:medium;   
    font-weight: bold;
    color: #ffffff; 
}

.homepage-alert-message a{
    color: #ffffff !important;
}

.homepage-alert-message {
    width: 300px;
    text-align: left;
    vertical-align: top;
    font-size:medium;
    font-weight: bold;
    color: #ffffff !important;    
}

#dialog-button {
    padding-top: 2px;
    padding-left: 2px;
    margin-bottom: 11px;
    width: 99%;
    height: 24px;
    color: #000000;
    border: 1px solid #99bbe8;
    background-image: url(../images/dialog-background.jpg);
    background-position: top;
    background-repeat: repeat-x;
    vertical-align: middle;
}

a#rollover-dialog-button {
    background-image: url('../images/buttons/dialog-hover1.jpg');
    display: block;
    text-decoration: none;
    padding-top: 4px;
    width: 46px;
    height: 18px;
}

a#rollover-dialog-button span {
    display: block;
    color: #000000;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    width: 46px;
    height: 18px;
}

a#rollover-dialog-button :hover {
    background-image: url('../images/buttons/dialog-hover2.jpg');
    width: 46px;
    height: 18px;
}

/* --  ................................................LEFT COLUMN................................................  --*/
div #left-column {
    /*position: relative;*/
    width: 237px;
    min-height: 650px;
    height: auto !important;
    text-align: left;
    vertical-align: top;
    background-image: url('../images/left-panel-bg.png');
    background-repeat: no-repeat;
    float: left;
    
    /*overflow-x: hidden;*/
    
}

.left-module {
    height: 100%;
    margin: 15px 10px 10px 15px;
}

.left-module p {
   width: 100%;
   overflow-x: hidden;
   position: relative;  
}

.left-big-title {
    font-size: 167%;
    padding-left: 2px;
    margin-bottom: -5px;
    color: #fff;
}

.related-title {
    font-size: 167%;
    color: #fff;
}

.left-small-title {
    font-weight: bold;
    padding-bottom: 0px;
    padding-left: 2px;
    margin-top: -5px;
    color: #ffffff;
}

.multiple {
    display: block;
    width: 30%;
    float: left;
}

.multiple-list {
    width: 17em;
    border: 1px solid #ccc;
    padding: 3px;
}

.city-search-result-button input {
    margin-top: -112px;
    margin-right: 7px;
    float: right;
}

.city-service-submit {
    float: right;
    padding-right: 10px;
}

.left-small-white-link {
    color: #ffffff;
    font-size: 93%;
    text-decoration: none;
    padding-left: 7px;
}

.left-small-white-link a {
    color: #ffffff;
    font-size: 93%;
    text-decoration: none;
}

.left-small-white-link a:hover {
    color: #ffffff;
    font-size: 93%;
    text-decoration: underline;
}

/* --  ............................CONTENT PANEL - 2 COLUMN PAGES............................  --*/
div #content-panel {
    padding: 0;
    margin: 0;
    width: 722px;
    min-height: 650px;
    height: auto !important;
    height: 650px;
    text-align: left;
    vertical-align: top;
    background: #D7EAF4 url('../images/content-panel-pixel.png');
    border-right: 1px solid #9BC1DA;
    float: right;
}

#content-content {
    margin: 0 15px;
    padding: 0;
    width: 699px;
    position: relative;
    overflow: hidden;
}

#two-column-top {
    padding: 0;
    margin: 0;
    margin-bottom: -1px;
    height: 12px;
    width: 723px;
    float: right;
    background: transparent url('../images/content-panel-top-bg.png') right top no-repeat;
}

#content-bottom-gradient {
    width: 723px;
    height: 80px;
    float: right;
    background: transparent url('../images/content-footer-bg-span.png') repeat-x;
}

/* --  ................................................CENTER COLUMN................................................  --*/
div #center-column {
    /*width: 455px;*/
    min-height: 960px;
    height: auto !important;
    height: 960px;
    text-align: left;
    vertical-align: top;
    background-color: #d7eaf4;
    /*background-image: url('../images/center-column-grad-bg.jpg');*/
    /*background-image: url('center-column-grad-bg-test2.jpg');
    background-image: url('center-column-grad-bg.jpg');*/
    /*background-image: url('center-column-grad-bg-test3.jpg');*/
    /*background-image: url('center-column-grad-bg-test1.jpg');*/
    background-repeat: no-repeat;
    background-position: bottom;
    padding-top: 11px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 100px;
    position: relative;
    float: left;
    
    /*overflow: hidden;***/
} 

#center-column-inner { 
    width: 455px;
    overflow: hidden;
    position: relative;
}

/* --  ............................NUMBERED BREADCRUMBS............................ --*/
#bread-crumb-right li {
    display: inline;
    list-style: none;
    color: #134474;
    white-space: nowrap;
    padding-right: 6px;
    float: right;
}

#bread-crumb-right a {
    color: #cc6600;
    text-decoration: underline;
}

#bread-crumb-right a:hover {
    color: #cc6600;
    text-decoration: underline;
}

.search-result-left {
    width: 20%;
    background-image: url(../images/search-result-background.gif);
    background-repeat: repeat-x;
    text-align: left;
    vertical-align: middle;
    font-weight: normal;
    color: #000000;
    padding-left: 4px;
}

.search-result-right {
    width: 80%;
    background-image: url(../images/search-result-background.gif);
    background-repeat: repeat-x;
    text-align: right;
    vertical-align: middle;
    font-weight: normal;
    color: #000000;
    padding-right: 6px;
}

.search-result-text {
    vertical-align: middle;
    font-weight: normal;
    padding-top: 6px;
    padding-bottom: 4px;
    text-decoration: none;
}

.search-result-text a {
    font-weight: normal;
    color: #cc6600;
    padding-top: 6px;
    padding-bottom: 4px;
    text-decoration: underline;
}

.search-result-text a:hover {
    font-weight: normal;
    color: #cc6600;
    padding-top: 6px;
    padding-bottom: 4px;
    text-decoration: underline;
}

.search-result-text span,.search-result-text a {
    padding-right: 4px;
}

.search-result-link {
    font-weight: normal;
    color: #134474;
    text-decoration: underline;
    padding-top: 5px;
    margin: 0px;
}

.search-result-link a {
    font-weight: normal;
    color: #cc6600;
    text-decoration: underline;
    padding-top: 5px;
    padding-right: 4px;
    margin: 0px;
}

.search-result-link a:hover {
    font-weight: normal;
    color: #cc6600;
    text-decoration: underline;
    padding-top: 5px;
    padding-right: 4px;
    margin: 0px;
}

.search-result-text-blue {
    vertical-align: middle;
    font-weight: bold;
    color: #134474;
    font-size: 70%;
    padding-top: 5px;
    padding-right: 6px;
    text-decoration: none;
}

.search-result-text-blue:link {
    vertical-align: middle;
    font-weight: bold;
    color: #134474;
    font-size: 70%;
    padding-top: 5px;
    padding-right: 6px;
    text-decoration: none;
}

.search-result-text-blue:hover {
    vertical-align: middle;
    font-weight: bold;
    color: #134474;
    font-size: 70%;
    padding-top: 5px;
    padding-right: 6px;
    text-decoration: underline;
}

.search-result-text-blue:active {
    vertical-align: middle;
    font-weight: bold;
    color: #134474;
    font-size: 70%;
    padding-top: 5px;
    padding-right: 6px;
    text-decoration: underline;
}

.disclaimer-title {
    color: #000000;
    font-size: 189%;
    font-weight: normal;
    padding-bottom: 7px;
}

.top-images { /* --  This shifts the images to the left beyond div  --*/
    z-index: 3;
    position: relative;
    margin-bottom: 15px;
    /*width: 100%;
    overflow: hidden;*/
}

.housing-image {
    margin-left: -6px;
}

.left-margin {
    /* --  This shifts the images to the left beyond div  --*/
    margin-left: -2px;
}

.of-interest-images {
    margin-left: -5px;
    margin-top: -4px;
}

.leadership-padding {
    padding: 15px 0 10px 0;
}

.online-service-padding {
    margin-top: 45px;
    padding-bottom: 5px;
}

.online-service-icon-description {
    
}

.cityservice-searchresults .online-service-icon-description {
    margin-top: 7px;    
}

.disc-list li { /* --  Unordered list with filled circle  --*/
    list-style: disc url('list-black-dot.jpg');
    margin-left: 15px;
    margin-top: 10px;
    vertical-align: middle;
}

.content-italic a {
    color: #cc6600;
    text-decoration: none;
    font-style: italic;
    font-size: 90%;
}

.content-italic a:hover {
    color: #cc6600;
    font-style: italic;
    font-size: 90%;
    text-decoration: underline;
}

.contact-background {
    margin: 0;
    padding: 0;
    background-image: url('../images/body-bg.jpg');
    background-repeat: no-repeat;
    height: 1350px;
    overflow: hidden;
}

.contact-popup-module {
    font-weight: bold;
    margin-left: 1.5em;
    color: #ffffff;
}

.contact-margin {
    text-align: left;
    vertical-align: top;
    margin: 0px 0px -50px 10px;
    padding-top: 3px;
}

.contact-spacing {
    text-align: right;
    padding-right: 12px;
}

.contact-popup-text input {
    color: #000000;
    padding-top: 1px;
    padding-right: 3px;
    padding-left: 3px;
    vertical-align: middle;
    margin: 2px;
    width: 273px;
    height: 20px;
}

.contact-popup-fields textarea {
    color: #000000;
    padding-top: 1px;
    padding-right: 3px;
    padding-left: 3px;
    margin: 2px;
    margin-left: 2px;
    width: 275px;
    height: 80px;
}

.contact-popup-button input {
    color: #000000;
    margin-top: -2px;
    margin-left: 3px;
    width: 60px;
    height: 25px;
    padding-top: 1px;
    padding-bottom: 0.3em;
    padding-right: 3px;
    vertical-align: middle;
    text-align: center;
}

.find-services-padding {
    padding: 0 0 10px 0;
}

.blue-small-title {
    padding-bottom: 8px;
    color: #134474;
    font-size: 116%;
    font-weight: bold;
}

.blue-small-title a {
    color: #134474;
    text-decoration: none;
}

.blue-small-title a:hover {
    color: #134474;
    text-decoration: underline;
}

.titles-bottom-padding {
    padding-bottom: 5px;
}

ul.table-image-column {
    float: left;
    width: 5%;
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.table-date-column {
    float: left;
    width: 15%;
    margin: 0;
    margin-left: 1px;
    padding: 0;
    list-style: none;
}

ul.table-content-column {
    float: left;
    width: 70%;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    list-style: none;
    overflow: visible;
}

.table-content-column a {
    color: #cc6600;
    text-decoration: none;
}

.table-content-column a:hover {
    color: #cc6600;
    text-decoration: underline;
}

.simple-search {
    padding-left: 100px;
}

.dotted-small-line-padding {
    padding-top: 9px;
    padding-bottom: 12px;
}

.feature-module {
    width: 100%;
    text-align: left;
    vertical-align: top;
    overflow: hidden;
    padding-bottom: 5px;
}

.feature-module img {
    margin: 0 0 5px 0;
}

#feature1,#feature2 {
    width: 216px;
    vertical-align: top;
    text-align: left;
}

#feature1 h2,#feature2 h2 {
    font-size: 1.61em;
    font-weight: normal;
}

#feature1 {
    float: left;
}

#feature2 {
    float: right;
}

.left-image {
    width: 85px;
    vertical-align: top;
}

.programs-table {
    margin-left: -7px;
}

.right-content {
    vertical-align: top;
    text-align: left;
}

.one-line li {
    display: inline;
    white-space: nowrap;
    list-style-type: none;
}

.one-line a {
    color: #000000;
    text-decoration: none;
    vertical-align: middle;
}

.one-line a:hover {
    color: #000000;
    text-decoration: underline;
}

.online-one-line {
    display: inline;
    vertical-align: middle;
    white-space: nowrap;
    list-style-type: none;
    padding-bottom: 3px;
    float: right;
    clear: both;
}

.online-one-line a {
    color: #000000;
    text-decoration: none;
}

.online-one-line a:hover {
    color: #000000;
    text-decoration: underline;
}

.rollover-one-line {
    display: inline;
    vertical-align: bottom;
    list-style-type: none;
    margin-left: -1px;
    float: left;
}

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

.black-link a:hover {
    color: #000000;
    text-decoration: underline;
}

div #tab-box {
    width: 100%;
    margin-top: 7px;
    text-align: left;
    overflow: hidden;
    padding-top: 15px;
    padding-bottom: 10px;
}

div #tab-box td {
    padding: 0;
}

div #tab-box img {
    margin: 0px;
    vertical-align: bottom;
}

.tabs {
    vertical-align: top;
    display: inline;
}

.tab-box-bottom {
    background-color: #e0e0e0;
    border-left: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    padding: 10px;
    color: #000;
}

.tab-box-bottom td {
    padding-left: 10px !important;
    padding-bottom: 5px !important;
}

.tab-box-bottom a {
    color: #cc6600;
    text-decoration: none;
}

.tab-box-bottom a:hover {
    color: #cc6600;
    text-decoration: underline;
}

.tab-box-bottom-blue {
    background-color: #bdd3e2;
    border-left: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    padding: 10px;
    color: #000;
}

.tab-box-bottom-blue a {
    color: #cc6600;
    text-decoration: none;
}

.tab-box-bottom-blue a:hover {
    color: #cc6600;
    text-decoration: underline;
}

.date {
    /*padding: 0 0 0 5px*/ !important;
    vertical-align: top;
    width: 80px;
}

.online-service-td {
    vertical-align: top;
    text-align: left;
    width: 20px;
}

.content {
    vertical-align: top;
    text-align: left;
}

.ward-title {
    padding: 2px 2px 9px 2px;
    vertical-align: top;
    text-align: left;
    width: 8.9em;
}

.ward-content {
    padding-left: 0px;
    padding: 2px 2px 8px 2px;
    vertical-align: top;
    text-align: left;
}

.ward-title-nospace {
    padding: 2px 2px 0px 2px;
    vertical-align: top;
    text-align: left;
    width: 8.9em;
}

.ward-content-nospace {
    padding-left: 0px;
    padding: 2px 2px 0px 2px;
    vertical-align: top;
    text-align: left;
}

.rte-padding {
    padding-top: 3px;
    padding-bottom: 5px;
}

/* --  ................................................RIGHT COLUMN................................................  --*/
div #right-column {
    width: 237px;
    min-height: 650px;
    height: auto !important;
    text-align: left;
    background-image: url('../images/rightPanel-bg.png');
    background-repeat: no-repeat;
    position: relative;
    float: left;
    
}

.right-module {
    position: relative;
    width: 205px;
    height: 100%;
    overflow-x: hidden;
    padding-top: 12px;
    padding-left: 15px;
    padding-right: 5px;
    padding-bottom: 10px;
}

.right-link-module {
    padding-top: 10px;
    padding-left: 15px;
    color: #000;
}

.right-link-icon {
    float: left;
    width: 20px;
}

.right-link-txt {
    float: right;
}

.top-space {
    padding-top: 7px;
}

div #right-link-blue-module {
    padding-top: 5px;
    padding-left: 15px;
    padding-bottom: 5px;
    color: #003366;
    line-height: 17px;
}

div #right-link-blue-module a {
    color: #003366;
    text-decoration: none;
}

div #right-link-blue-module a:hover {
    color: #003366;
    text-decoration: underline;
}

.aboutus-blue-link {
    color: #003366;
    padding-left: 10px;
    padding-top: 2px;
}

.aboutus-blue-link a {
    color: #003366;
    text-decoration: none;
}

.aboutus-blue-link a:hover {
    color: #003366;
    text-decoration: underline;
}

.related-blue-link {
    color: #003366;
    padding-left: 2px;
    padding-bottom: 3px;
}

.related-blue-link a {
    color: #003366;
    text-decoration: none;
}

.related-blue-link a:hover {
    color: #003366;
    text-decoration: underline;
}

.right-mayor-image {
    float: right;
}

.right-mayor-box {
    height: 100px;
    vertical-align: middle;
    color: #000;
}

.right-mayor-link {
    font-size: 107%;
    float: left;
    width: 100px;
    color: #000;
    padding-left: 10px;
}

.right-mayor-link a {
    font-size: 107%;
    text-decoration: none;
    color: #ffffff;
}

.right-mayor-link a:hover {
    text-decoration: underline;
}

.google img {
    vertical-align: middle;
}

.google-map {
    width: 210px;
    background-color: #fff;
    border: solid 1px #fff;
    vertical-align: top;
}

a.googlemaps-logo {
    display: block;
    width: 160px;
    font-size: .9em;
    padding: 10px 40px 10px 5px;
    vertical-align: middle;
    background: #fff url('google-maps.jpg') right center no-repeat
        ;
    border: 1px solid #fff;
}

.iwanto-label {
    margin-right: 10px;
    font-size: 108%;
    font-weight: bold;
}

.service-directory-black-smaller-title {
    font-size: 108%;
    font-weight: bold;
    padding-top: 9px;
    padding-bottom: 3px;
    padding-left: 10px;
}

.black-smaller-title {
    font-size: 108%;
    font-weight: bold;
    padding-top: 9px;
    padding-bottom: 3px;
}

.black-small-title {
    font-size: 116%;
    font-weight: bold;
    padding-bottom: 6px;
}

.black-normal-title {
    font-size: 116%;
    padding-bottom: 6px;
}

.black-medium-title {
    font-size: 120%;
    font-weight: bold;
    padding-top: 3px;
    padding-bottom: 4px;
}

.black-medium-high-title {
    font-size: 146.5%;
    padding-bottom: 5px;
    font-weight: bold;
}

.black-medium-date-title {
    font-size: 146.5%;
    padding-bottom: 5px;
    margin-top: -7px;
    font-weight: bold;
}
.black-big-title {
    font-size: 161%;
    font-weight: normal;
    padding-bottom: 3px;
}

.black-very-big-title {
    font-size: 190%;
    font-weight: 600;
}

.orange-medium-title {
    font-size: 12px;
    font-weight: bold;
    color: #cc6600;
}

.address-block {
    padding: 5px 0 0 5px;
}

/* --  ...........................HIGHLIGHT BOXES................................... --*/
div #did-you-know {
    width: 180px;
    text-align: left;
    vertical-align: top;
    background-color: #062f6d;
    background-image: url('../images/announcement-bg.jpg');
    background-repeat: repeat-x;
    border: solid 1px #ffffff;
    color: #ffffff;
    padding-left: 15px;
    padding-right: 5px;
    padding-top: 12px;
    margin-bottom: 20px;
}

div #feature-title-big {
    color: #cc6600;
    font-size: 197%;
    margin-bottom: 2px;
    margin-top: 4px;
}

div #feature-title-big a {
    color: #cc6600;
    text-decoration: none;
}

div #feature-title-big a:hover {
    color: #cc6600;
    text-decoration: underline;
}

div #feature-subtitle-big {
    color: #cc6600;
    font-size: 197%;
    margin-bottom: 0px;
    margin-top: -6px;
}

div #feature-subtitle-big a {
    color: #cc6600;
    text-decoration: none;
}

div #feature-subtitle-big a:hover {
    color: #cc6600;
    text-decoration: underline;
}

.orange-title-medium {
    color: #cc6600;
    font-size: 138.5%;
    font-weight: 600;
    margin-top: -5px;
    margin-bottom: 6px;
}

.orange-title-medium a {
    color: #cc6600;
    text-decoration: none;
}

.orange-title-medium a:hover {
    color: #cc6600;
    text-decoration: underline;
}

.orange-title-medium-high {
    color: #cc6600;
    font-size: 161.6%;
    padding-bottom: 13px;
    margin-top: -1px;
}

.orange-title-medium-high a {
    color: #cc6600;
    text-decoration: none;
}

.orange-title-medium-high a:hover {
    color: #cc6600;
    text-decoration: underline;
}

.orange-title-small {
    color: #cc6600;
    font-size: 12px;
}

.orange-title-small a {
    color: #cc6600;
    text-decoration: none;
}

.orange-title-small a:hover {
    color: #cc6600;
    text-decoration: underline;
}

.orange-title-bold {
    color: #cc6600;
    font-size: 116%;
    font-weight: bold;
    margin-left: -1px;
}

.orange-title-bold a {
    color: #cc6600;
    text-decoration: none;
}

.orange-title-bold a:hover {
    color: #cc6600;
    text-decoration: underline;
}

.orange-medium-bold {
    font-size: 104%;
    font-weight: bold;
}

.orange-medium-bold a {
    color: #cc6600;
    text-decoration: none;
    font-weight: bold;
}

.orange-medium-bold a:hover {
    color: #cc6600;
    text-decoration: underline;
    font-weight: bold;
}

.orange-medium-normal a {
    color: #cc6600;
    font-size: 104%;
    text-decoration: none;
    font-weight: bold;
}

.orange-medium-normal a:hover {
    color: #cc6600;
    font-size: 104%;
    text-decoration: underline;
    font-weight: bold;
}

.orange-medium-normal-programs a {
    color: #cc6600;
    font-size: 104%;
    text-decoration: none;
    font-weight: bold;
}

.orange-medium-normal-programs a:hover {
    color: #cc6600;
    font-size: 104%;
    text-decoration: underline;
    font-weight: bold;
}

.orange-title-small-rss {
    text-align: right;
    color: #cc6600;
    font-size: 12px;
    padding-top: 3px;
}

.orange-title-small-rss a {
    color: #cc6600;
    text-decoration: none;
}

.orange-title-small-rss a:hover {
    color: #cc6600;
    text-decoration: none;
}

.orange-title-bold-department {
    color: #cc6600;
    font-size: 116%;
    font-weight: bold;
    margin-left: 1px;
}

.orange-title-bold-department a {
    color: #cc6600;
    text-decoration: none;
}

.orange-title-bold-department a:hover {
    color: #cc6600;
    text-decoration: underline;
}

.sub-title {
    margin-top: -9px;
    padding-bottom: 4px;
    padding-left: 15px;
    color: #cc6600;
}

.sub-title a {
    color: #cc6600;
    text-decoration: none;
}

.sub-title a:hover {
    color: #cc6600;
    text-decoration: underline;
}

.tableWithDate {
    text-align: left;
}

.small-title-links {
    padding-bottom: 4px;
    margin-left: 1px;
    color: #cc6600;
}

.small-title-links a {
    color: #cc6600;
    text-decoration: none;
}

.small-title-links a:hover {
    color: #cc6600;
    text-decoration: underline;
}

.small-bold-links {
    padding-bottom: 4px;
    font-weight: bold;
    color: #cc6600;
}

.small-bold-links a {
    color: #cc6600;
    text-decoration: none;
}

.small-bold-links a:hover {
    color: #cc6600;
    text-decoration: underline;
}

.small-spaced-links li {
    padding-bottom: 4px;
    padding-left: 0.09em;
    color: #cc6600;
}

.small-spaced-links a {
    color: #cc6600;
    text-decoration: none;
}

.small-spaced-links a:hover {
    color: #cc6600;
    text-decoration: underline;
}

.explore-chicago {
    width: 202px;
    text-align: left;
    vertical-align: top;
    background-image: url('../images/explore-bottom.gif');
    background-position: bottom;
    background-repeat: repeat-x;
    overflow: hidden;
    color: #003366;
    padding-bottom: 6px;
}

.left-cell {
    width: 35%;
    float: left;
    overflow: hidden;
    padding-left: 15px;
    padding-top: 3px;
}

.right-cell {
    width: 50%;
    float: right;
    overflow: hidden;
    padding-top: 3px;
}

.mediafilelist {
    padding-top: 2px;
}

.photogallerylist {
    float: left;
    overflow: hidden;
    width: 100%;
}

.photogallerylist-item {
    float: left;
    padding-left: 15px;
    padding-bottom: 15px;
    /*text-align: center;*/
    width: 140px;
    overflow: hidden;
    word-wrap: break-word;
}

.photogallerylist-item-description {
    height: 40px;
    max-height: 40px;
    overflow: hidden;
}

.photogallery-page-link-ViewAll {
    padding-left: 7px;
}

.photogallery-hidden {
    display: none;  
}
/*
.pp_gallery li a img{
    width: 100px;   
}
*/
.gallery-cell {
    width: 95%;
    text-align: left;
    vertical-align: top;
    padding-left: 15px;
    padding-right: 5px;
    padding-top: 6px;
    overflow: hidden;
}

.gallery-icon-cell {
    width: 10%;
    overflow: hidden;
    text-align: center;
    vertical-align: top;
    float: left;
}

.gallery-text-cell {
    width: 85%;
    text-align: left;
    vertical-align: top;
    float: right;
    overflow: hidden;
}

.gallery-text-cell a {
    text-decoration: none;
    color: #ffffff;
}

.gallery-text-cell a:hover {
    text-decoration: underline;
    color: #ffffff;
}

.white-link {
    text-align: left;
    color: #ffffff;
    padding-bottom: 3px;
    overflow: hidden;
}

.white-link a {
    text-decoration: none;
    color: #ffffff;
}

.white-link a:hover {
    text-decoration: underline;
    color: #ffffff;
}

/* --  ...........................................FORM INPUTS.................................................  --*/
.search-services {
    color: #ffffff;
    text-align: right;
}

div #advanced-search {
    padding-top: 5px;
    padding-right: 6px;
}

.advanced-search {
    padding-left: 80px;
    padding-top: 10px;
}

div #search-services a {
    font-size: 11px;
    color: #003366;
}

div #search-services a:hover {
    text-decoration: underline;
    color: #003366;
}

.global-search, .service-search, .left-service-search, .find-city-site-search, .mainSearchBox {
    width: 155px;
    border: solid 1px #809db9;
    text-align: left;
    vertical-align: middle;
    padding: 2px 6px;
   /* line-height:150%; */ /* commented to fix the mis alignment in IE8 */
    color: #000000;
}
.global-search-text {
    margin-right: -10px;
}

.global-search {
    width: 200px;   
}
    
.service-search {
    width: 100px;
}

#city-service-search-cmp .service-search {
    width: 155px;
}

.left-service-search {
    width: 160px;
}

.find-city-site-search {
    width: 110px;
}

.mainSearchForm .mainSearchSubmitBtn, .mainSearchForm .mainSearchBox{
    float: left;
}

.mainSearchBox {
    width: 85%;
    height: 26px;
    font-size: 1.5em;
    vertical-align: top;
}

.mainSearchSubmitBtn{
    /*width: 90%;*/
    height: 32px;
    font-size: 1.3em;
    padding: 0 3px 0 3px;
    border: solid 1px #809db9;
    cursor: pointer;
}

.white-small-text {
    font-size: 10px;
    padding-bottom: 10px;
    color: #ffffff;
    text-align: left;
}

/* --  ..................................DOT SEPERATORS...................................  --*/
.dotted-seperator {
    border-bottom: dotted 1px #134474;
}

.white-line {
    margin-left: -5px;
    margin-top: -2px;
    clear: both;
}


.dotted-white, .dotted-blue, .dotted-black {
    background-repeat: repeat-x;
    background-position: center;
    padding: 5px 0;
    margin: 0;
}
.dotted-white {
    background-image: url('../images/white-dot.gif');
}

.dotted-blue {
    background-image: url('../images/blue-dot.gif');
}

.dotted-black {
    background-image: url('../images/black-dot.gif');
}

.slim-separator, .separator-supplement {
    padding: 0px 0px !important;
}

.programs-dotted-black {
    background-image: url('../images/black-dot.gif');
    background-repeat: repeat-x;
    background-position: center;
    padding-top: 2px;
    padding-bottom: 9px;
    padding-left: 8px;
}

.dotted-black-lesspad {
    background-image: url('../images/black-dot.gif');
    background-repeat: repeat-x;
    background-position: center;
    padding-bottom: 4px;
    padding-top: 4px;
}

.dotted-black-less-bottom {
    background-image: url('../images/black-dot.gif');
    background-repeat: repeat-x;
    background-position: center;
    margin-top: 4px;
    margin-bottom: 0px;
    padding-top: 6px;
}

img.top {
    vertical-align: text-top
}

/** Footer **/
div #footer {
    padding-top: 5px;
    padding-bottom: 10px;
    text-decoration: none;
    /*color: #ffffff;*/
    color: #134474;
    position: relative;
    clear: both;
}

div #footer a {
    text-decoration: none;
    color: #134474;
}

div #footer a:hover {
    text-decoration: underline;
    color: #134474;
}

.footer-navigation li {
    display: inline;
    list-style-type: none;
    margin-left: 2px;
}

/** Clean Styles **/
.no-padding-top {
    padding-top: 0;
}

.no-padding-bottom {
    padding-bottom: 0;
}

sub {
    vertical-align: sub;
}

sup {
    vertical-align: super;
}

/** Headers **/
h1,.mce_h1,h2,.mce_h2,h3,.mce_h3,h4,.mce_h4 {
    color: #134474;
    font-weight: bold;
    margin-bottom: 2px;
}

h1,.mce_h1 {
    font-size: 2em;
}

h2,.mce_h2 {
    font-size: 1.65em;
}

h3,.mce_h3 {
    font-size: 1.17em;
}

h4,.mce_h4 {
    font-size: 1em;
}

h1 a,h1 a:link,h1 a:hover,h1 a:visited {
    color: #000;
    text-decoration: none;
}

h1 a:hover {
    text-decoration: underline;
}

h3.department-directory-heading {
    font-weight: bold;
}

.page-heading, .page-sub-heading {
    font-weight: normal !important;
    margin-bottom: 5px !important;
}

.page-sub-heading {
    margin-top: 15px !important;
}

.news-release-sub-heading {
    margin-top: 10px;
    margin-bottom: 0 !important;
    font-weight: normal !important;
}

/** Lists **/
ul, ol {
    margin: 0;
    padding: 0;
}
ol {
    padding-left: 5px;  
}
ul li {
    margin: 0 0 0 20px;
    list-style-position: outside;
    list-style-type: disc;
    padding-bottom: 5px;
}

ol li {
    margin: 0 0 0 20px;
    list-style-position: outside;
    list-style-type: decimal;
    padding-bottom: 5px;
}

/* *To fix tinymce bullets issue */
li span    {
    font-size: 1.1em !important; 
}

.no-bullets li {
    list-style-type: none;
}

.no-indent li {
    margin: 0;
}

/** Links **/
a,a:link,a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a.linked-image:hover {
    text-decoration: none;
}

a:active {
    outline: none;
}

a:focus {
    -moz-outline-style: none;
}

/** Left and right column default link color **/
#left-column a,#left-column a:link,#left-column a:visited,#left-column a:hover,#right-column a,#right-column a:link,#right-column a:visited,#right-column a:hover
    {
    color: #134474;
}

/** Content column for two and three column layouts default link color **/
#center-column a,#center-column a:link,#center-column a:visited
,#center-column a:hover,#content-panel a,#content-panel a:link
,#content-panel a:visited,#content-panel a:hover
,.ui-menu-item a
    {
    color: #cc6600;
}

/** Tables **/
table tr td {
    padding: 3px;
}

table.alert-list tr td,
table.alert-list-full tr td, 
table.news-list tr td,  
table.generic-table tr td, 
servicetabs-footer tr td,
.rss-list tr td {
    padding: 0;
    margin: 0;
}

table.alert-list, 
table.alert-list-full,
table.generic-table,
.programsinitiatives, 
#servicetabs-footer {
    width: 95%;
}



table.alert-list {
    
}

table.news-list {
    margin-left: 20px;
}

table.alert-list tr td.content,
table.news-list tr td.content { 
    padding: 0 0 5px 0;
}

table.alert-list tr td.slimContent,
table.news-list tr td.slimContent { 
    padding: 0 0 0px 0;
}

.alert-icon {
    vertical-align: top;
    width: 15px;
}

.alert-icon img {
    margin-right: 5px;
    margin-left: 2px;
}
/** Colors **/
.orange,.orange li,.orange a,.orange a:link,.orange a:visited,.orange a:hover
    {
    color: #cc6600 !important;
}

.blue,.blue li,.blue a,.blue a:link,.blue a:visited,.blue a:hover {
    color: #134474 !important;
}

.white,.white li,.white a,.white a:link,.white a:visited,.white a:hover
    {
    /*color: #fff !important;*/
}

.white a:visited 
{
    color: #4181b2 !important;
}

.black,.black li,.black a,.black a:link,.black a:visited,.black a:hover
    {
    color: #000 !important;
}

/** AddThis font size decrease **/
.at15t {
    font-size: .8em !important;
}

/** Components **/ /** Side column paddings **/
.explore-chicago,.mayoral-greeting,.multimedia-gallery,.chicago-now,.find-services,.search-services,.google-map,.related-links
    {
    margin-bottom: 20px;
}

/** City Service Tabs **/
.cityservice-tabs {
    list-style-type: none;
    border-bottom: 1px #fff solid;
}

.cityservice-tabs li {
    padding: 0;
    margin: 0;
    display: inline;
}

/** The Facts **/
.thefacts {
    margin-bottom: 20px;
}
.thefacts-levelone {
    padding: 0 5px 0 10px;
}

.thefacts-leveltwo {
    padding: 0 5px 0 20px;
}

/** Service Directory **/
.service-directory-toc {
    margin-bottom: 20px;
    margin-top: 20px;
}

.service-directory-toc li {
    display: inline;
    padding-right: 10px;
}

.service-directory h4 {
    margin-top: 3px;
}

.service-directory h3 {
    margin-top: 5px;
}

li.online-service-bullet {
    background: transparent url('/etc/designs/city/images/online.gif') left center no-repeat;
}

.service-directory li ul {
    padding-bottom: 0;
}
.service-directory li ul li {
    padding-left: 10px;
}

.service-directory li ul li ul li {
    padding: 2px 0 2px 15px;
    margin: 0;
    list-style-position: inside;
}

.service-directory li a.leaf {
    margin: 0;
    list-style-position: outside;
}

/** Services List **/
.services-list li {
    padding: 2px 0 2px 15px;
    margin: 0 0 0 5px;
    /*list-style-position: inside;*/
}


/** Find Services **/
#advanced-search-form tr td {
    padding: 0;
}

.find-services {
    font-size: 108%;
    font-weight: bold;
    padding-top: 5px;
    padding-left: 20px;
    color: #fff;
}

.find-services li {
    list-style-type: none;
    margin-left: 15px;
    line-height: 17px;
    vertical-align: top;
    padding: 0px;
}

#servicetabs-footer {
    margin-top: 40px;
    width: 100%;
}

/** I want to search results **/
.iwantto-search-results {
    margin: 10px 0 0 0;
}
.iwantto-search-results li {
    padding: 2px 0 2px 20px;
    margin: 0;
    list-style-position: outside;
}


/** Of Interest To List **/
.ofinterestto-description {
    margin-top: 0;
}

/** Programs and Initiatives List **/
.programsinitiatives tr td, .ofinterestto tr td {
    vertical-align: top;
    padding: 0 10px 10px 0;
}
.programsinitiatives-description {
    margin-top: 5px;
}

.ofinterestto-description, .programsinitiatives-description {
    margin-bottom: 5px;
}

/** Department Directory **/
.department-directory {
    padding-top: 0;
    padding-bottom: 15px;
}
.department-directory li {
    padding-bottom: 3px;
}
.department-description {
    margin-top: 0;
    margin-bottom: 5px;
}

.general-info li {
    font-size: 1.1em;
    padding: 3px 0;
    margin-left: 15px;
}

/* Pagination */
ul.pagination-right {
    text-align: right;
}

ul.pagination-left {
    text-align: left;
}

ul.pagination-left {
    margin: 0;
    padding: 10px 0;
}

ul.pagination-right {
    margin: 0;
    padding: 0;
}

ul.pagination-left li,ul.pagination-right li {
    margin: 0;
    padding: 0 5px 0 0;
    display: inline;
}

ul.pagination-left span.active,ul.pagination-right span.active {
    font-weight: bold;
}

/** Redirect page **/
.redirect-message {
    padding: 50px 0 0 0;
    color: #fff;
}

.redirect-message a,.redirect-message a:link,.redirect-message a:visited,.redirect-message a:hover
    {
    color: #cc6600;
    text-decoration: none;
}

.redirect-message a:hover {
    text-decoration: underline;
}

/** MCE Creations **/
p img {
    padding: 4px 6px;
}

/*
 * Site Map
 */
.sitemap {
    font-size: 1.1em;
}

.sitemap,.sitemap li,.sitemap li ul {
    padding: 0;
    margin: 0;
}

.sitemap li {
    list-style: none;
}

.sitemap li ul li ul li {
    list-style: none;
    padding-left: 15px;
}

.sitemap-leaf { /* Basic list styles are more specific so we 
     * have to use !important to override them
     */
    list-style-type: disc !important;
    margin-left: 30px !important;
    padding: 0 !important;
    color: #cc6600 !important;
}

/** Homepage news tabs **/
#news-tabs {
    position: relative;
    height: 25px;
    margin-top: 20px;
    margin-left: 15px;
}

#news-tabs li {
    position: relative;
    float: left;
    border-bottom-width: 0 !important;
    margin: -4px .2em -1px 0;
    padding: 0;
    list-style: none;
}

#department-news {
    display: none;
}

#department-news-tab,#mayors-news-tab {
    float: left;
    display: block;
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
    background: transparent url(../images/homepage/news-tab.gif) 0 0
        no-repeat;
    color: #fff !important;
    height: 25px;
    width: 181px;
    padding-top: 4px;
    padding-bottom: 0;
}

#department-news-tab.active,#mayors-news-tab.active {
    background: transparent url(../images/homepage/news-tab-active.gif) 0 0 no-repeat;
    color: #000 !important;
    border-bottom-width: 0;
    padding-bottom: 1px;
}

.news-tab {
    background: #cde0f3;
    border: 1px solid #fff;
    padding: 5px 15px;
    background: #ddd;
    display: block;
    margin: -5px 0 0;
}

.news-tab .news-header {
    display: none;
}

.news-tabs-date {
    vertical-align: top;
    width: 75px;
}

p.search-fields, p.search-fields label, p.search-fields input, p.search-fields button {
    vertical-align: middle;
}
p.search-fields input.find-services-search {
    width: 100px;
}

p.search-fields input.go-button {
    padding: 0;
    width: 35px;
}

.find-services-iwantto {
    font-weight: bold;
    font-size: 1.2em;
    padding: 5px 0 0 20px;
    color: #134474;
}

.thefacts-header, .relatedlinks-header, .helpfulservices-header {
    font-size: 1.65em;
    color: #134474;
}

.hover-button {
    display: block;
    margin: 10px 0;
}

.view-all, .view-all td {
    margin: 0px !important;
    padding: 10px 0 0 0 !important;
}

.list-header {
    margin-bottom: 5px;
}

.rss-list {
    width: 100%;
}
.rss-title {
    width: 150px;
    color: #cc6600;
    font-size: 1.1em;
    font-weight: bold;
}
.rss-description {
    width: 200px;
}
.rss-form {
    text-align: right;
}
.rss-icon-cell {
    vertical-align: center;
    text-align: right;
    width: 75px;
}
.rss-header {
    font-size: 1.2em;
}

/** Multimedia Gallery **/
.multimedia-gallery {
    margin: 5px 0 20px 0;
}
.multimedia-gallery li {
    padding: 0 0 10px 0;
}
.multimedia-gallery li a {
    padding: 1px 0 0 25px;
    display: block;
}

a.audio {
    background: transparent url('../images/icons/multimedia-gallery/audio-icon.gif') left center no-repeat;
}
a.photogallery {
    background: transparent url('../images/icons/multimedia-gallery/photogallery-icon.gif') left center no-repeat;
}
a.rss {
    background: transparent url('../images/icons/multimedia-gallery/rss-icon.gif') left center no-repeat;
}
a.twitter {
    background: transparent url('../images/icons/multimedia-gallery/twitter-icon.gif') left center no-repeat;
}
a.video {
    background: transparent url('../images/icons/multimedia-gallery/video-icon.gif') left center no-repeat;
}

.template-identifier {
    font-size: 1.17em;
    color: #134474;
    margin-bottom: 2px;
}

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

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

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* --  ................................................ERROR NOTIFICATION................................................  --*/
div.message{
    padding-left: 7px;
}
    
.clearfix {
    zoom: 1;
}

.peEnhance {
    display: none;  
}

div.error{
    background-color:#F3E6E6;
    border-color: #924949;
    border-style: solid solid solid solid;
    border-width: 2px;
    padding: 5px;
    margin:10px
}

.date-container {
    background-color:#F3E6E6;
    border-color: #FFFFFF;
    border-style: solid;
    border-width: 2px;
    padding: 8px 0px 8px 10px;
    width: 390px;
}

.date-text {
    margin-right: 15px;
    width: 65px;
}

.date-button {
    padding: 2.5px;
}

/*GSA COMPONENT*/
.gsaHeaderInfo , .gsaFooterInfo
{
    margin: 15px 0 10px 0;
    width: 95%;
}

.gsaHeaderInfo .gsaExtraOptions {
    text-align: right;
    clear: right;
   /* float: left; */
    margin-left: 60px;
}

.gsaHeaderInfo .gsaPaging {
    float: right;
    clear: right;
    text-align: right;
    margin-top: 5px;
}

.gsaResultLegend {
    text-align: right;
    width: 95%;
    margin: 0 0 5px 0;
}

.gsaHeaderInfo .gsaResultInfo {
    float: left;
    margin-top: 4px;
}

.gsaFooterInfo .gsaPaging {
    float: right;
    margin: 0;
}

.gsaFooterInfo .gsaExtraOptions {
    float: right;
}
.black-date-title {
    font-size: 146.5%;
}
.large-title {
    font-size: 180%;
    font-weight: normal;

}
.bottom-spacing {
    padding-bottom: 10px;
}
img.pressroom-image {
    border: 1px solid #CCC;
}

.orange-small-bold {
    font-size: 80%;
    font-weight: bold;
    color: #cc6601;
}

.press_release_row {
    font-size: 110%;
    width: 16%;
}

/*-----------Slide Show Banner Component-----------*/
.slideShowContainer {
    position: relative;
    height: 220px;
    zoom:1 !important; 
    
}

.slideShowHeadingBG {
    position: absolute;
    left: 1px;
    top: 1px;
    width: 305px;
    height: 218px;
    z-index: 998;
    background-image: url("../images/shadows/slideshowbannerBG.png");
}

.slideShowHeadingText {
    padding-left: 20px; 
}

.slideShowHeadingText h2 {
    text-align: left;
    padding-top: 10px;  
}

.slideShowHeadingText h2 span{
    display: block;
    height: 43px;   
    font-weight: normal;
    font-family: FuturaLight, Arial, sans-serif;
}

.slideShowHeadingText h2 span.large {
    color: #FFF;
    font-size: 200%;
}

.slideShowHeadingText h2 span.small {
    color: #FFF;
    font-size: 140%;
}

.slideShowNavigation {
    position: absolute;
    bottom: 0px;
    left: 0px;  
    z-index: 999;
}

.slideShowHeadingText {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 999;   
}

.slideShowNavigation div
{
    float: left;
}

.slideShowNavMiddle {
    background-image: url("../images/slideshownav/ss_nav_bar_bg.png");
    background-repeat: repeat-x;
    height: 30px;
}

.slideShowNavDotList a
{
    display: block;
    background-image: url("../images/slideshownav/ss_off.gif");
    background-repeat: no-repeat;
    width: 10px;
    height: 14px;
    float: left;
    margin: 8px 3px 0 3px;
    
    /*image replaced*/
    position: relative;
    text-indent: -5000px;
    text-align:left;
    overflow: hidden;
}

.slideShowNavDotList a.selected, .slideShowNavDotList a.activeSlide
{
    background-image: url("../images/slideshownav/ss_on.gif");
}

ul.slideShowNavControlList {
    float: left;
    margin-right: 25px;
}

ul.slideShowNavControlList li 
{
    float: left;
    margin: 8px 3px 0 3px;
}
ul.slideShowNavControlList a 
{
    display: block;
    width: 12px;
    height: 14px;
}

.slideShowNavControlList a.playButton 
{
    background-image: url("../images/slideshownav/pause.gif");
    width: 10px;
}

.slideShowNavControlList a.playButton:hover, .slideShowNavControlList a.paused    
{
    background-image: url("../images/slideshownav/pause_off.gif");
}

.slideShowNavControlList a.previousButton 
{
    background-image: url("../images/slideshownav/previous.gif");
}

.slideShowNavControlList a.previousButton:hover
{
    background-image: url("../images/slideshownav/previous_off.gif");
}

.slideShowNavControlList a.nextButton 
{
    background-image: url("../images/slideshownav/next.gif");
}

.slideShowNavControlList a.nextButton:hover 
{
    background-image: url("../images/slideshownav/next_off.gif");
}

.slideShowImgList .imgHolder {
    display: block;
    position: relative;
    width: 960px;
    height: 220px;
    zoom:1 !important; 
    
}

.slideShowImgList .imgHolder img {
    width: 960px;
    height: 220px;
    background: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */   
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */  
}

.rotate_holder { /*IE 7 background transparency fix*/
    background-color:transparent !important;
    /*filter:alpha(opacity=0) !important;*/
    /*display:none !important;*/
    left:0px !important;
    top:0px !important;
    z-index:6 !important;
    zoom:1 !important;
    }
   
.slideShowImgHolder    {
    zoom:1 !important;
} 

/*--------Link List Component---------*/
.linkListCMP {
    border-bottom: 1px dotted #FFF;
    padding-bottom: 3px;
    margin-top: 7px;
}

.linkListCMP h3 {
    font-size: 1.65em;
}
.linkListCMP h3, #left-column div.linkListCMP h3 a{
    margin-bottom: 5px;
    font-weight: normal;
    /*color: #FFF;*/
}

.linkListCMP ul li{
    padding-left: 10px;
}

/*--------Mayor Home Page Rich Text Editors---------*/
.mayorHomePageTinyMCE {
    padding-bottom: 10px;
    margin-top: 10px;
}

/*--------Mayor youtube Component (not actually a cmp right now)--------*/
.mayorYoutubeCMP {
    padding-bottom: 10px;
    border-bottom: 1px dotted #FFF;
}

/*---------Press Room Photo Gallery Component---------*/
.pressRoomPhotoItem {
    background-image: url("../images/shadows/pressRoomPhotoGalBG.png");
    background-repeat: no-repeat;
    background-position: top right;
}

/*---------Press Release List--------------*/
.pressReleaseList .shortDescription {
    max-height: 28px;
    overflow: hidden;
}

/*---------Common Left Column----------*/
.logicalItem {
    border-bottom: 1px dotted #FFF;
    margin-bottom: 10px;
}

#department-contactinfo {
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    background: #FFFFFF;
    border:2px solid #346F97;   
}

#department-contactinfo-content {
    margin-left: 12px;
    margin-right: 12px;
    margin-top: 10px;   
}  
/*---------YouTube Video Gallery----------*/
.youtubeparsys .youtubevideo {
    float:left;
    width: 140px;
    padding-left: 15px;
    padding-bottom: 15px;
    position: relative;
}
.nextArrowLarge {
    Left: 670px;
    bottom: 85px;
}
.nextArrowSmall {
    Left: 430px;    
    bottom: 80px;
}
.prevArrowLarge {
    top: 45px;
    left: 0px;
}
.prevArrowSmall {
    top: 33px;
    left: 0px;
}
.videoLarge {
    height:133px;
}
.videoSmall {
    height: 114px;
}
h3.youTubeVideoTitle {
    height: 28px;
    overflow: hidden;
    color: #C60;
    font-size: 11.2px;
}
.videoGal {
    float: left;
    overflow: hidden;
    width: 100%;
}
.hiddenVideoGal {
    display:none
}
.visibleVideo, .hiddenVideo {
    display:block;
    padding-left: 28px;
}
.youtube_play_button_holder_large {
    position: absolute;
    left: 105px;
    bottom: 70px;
}
.youtube_play_button_holder_small {
    position: absolute;
    left: 88px;
    bottom: 65px;
}
.vc_navContainer {
    float:left;
    position: absolute;
}
/*---------End YouTube Video Gallery----------*/