/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
/**
 * YUI Reset
 * @module reset
 * @namespace
 * @requires 
 */
html {
    color: #000;
    background: #FFF;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
fieldset, img {
    border: 0;
    padding:0;
}
del, ins {
    text-decoration: none;
}
li {
    list-style: none;
}
caption, th {
    text-align: left;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}
q:before, q:after {
    content: '';
}
abbr, acronym {
    border: 0;
    font-variant: normal;
}
sup {
    vertical-align: baseline;
}
sub {
    vertical-align: baseline;
}
/*because legend doesn't inherit in IE */
legend {
    color: #000;
}
input, button, textarea, select, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select {
    font-size: 100%;
}
body {
    font:13px/1.231 arial, helvetica, clean, sans-serif;
    *font-size:small;
    *font:x-small;
}
select, input, button, textarea {
    font:99% arial, helvetica, clean, sans-serif;
}
table {
    font-size:inherit;
    font:100%;
}
pre, code, kbd, samp, tt {
    font-family:monospace;
    *font-size:108%;
    line-height:100%;
}

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

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

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

html {
    width: 100%;
    /*background: #0c6995 url('clientlibs/css/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('clientlibs/css/body-bg.jpg') repeat-x -158px 1px;*/
    /*background: #7BBBDE url('clientlibs/css/body-bg-test1.jpg') repeat-x -158px 1px;*/
    /*background: #68B1D9 url('clientlibs/css/body-bg-test2.jpg') repeat-x -158px 1px;*/
    /*background: #478CB5 url('clientlibs/css/body-bg-test3.jpg') repeat-x -158px 1px;*/
    /* background: #C6E9FC url('clientlibs/css/body-bg.jpg') repeat-x -158px 1px; */
    /* background-color: #C6E9FC; */
    background-image: url('clientlibs/images/body-bg.jpg') /* !important; */
    background-repeat: repeat-x;
   /* background-position: -158px 1px; */
}

.background-image-holder {
    /* width: 100%; */
    /*background: #0c6995 url('clientlibs/css/body-bg.jpg') repeat-x -158px 1px;*/
    /**background: #7BBBDE url('clientlibs/css/body-bg-test1.jpg') repeat-x -158px 1px;*/
    /*background: #68B1D9 url('clientlibs/css/body-bg-test2.jpg') repeat-x -158px 1px;*/
    /*background: #478CB5 url('clientlibs/css/body-bg-test3.jpg') repeat-x -158px 1px;*/ 
    background: #C6E9FC url('clientlibs/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('clientlibs/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('clientlibs/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('clientlibs/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('clientlibs/css/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(clientlibs/images/dialog-background.jpg);
    background-position: top;
    background-repeat: repeat-x;
    vertical-align: middle;
}

a#rollover-dialog-button {
    background-image: url('clientlibs/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('clientlibs/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('clientlibs/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('clientlibs/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('clientlibs/images/content-panel-top-bg.png') right top no-repeat;
}

#content-bottom-gradient {
    width: 723px;
    height: 80px;
    float: right;
    background: transparent url('clientlibs/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('clientlibs/images/center-column-grad-bg.jpg');*/
    /*background-image: url('clientlibs/css/center-column-grad-bg-test2.jpg');
    background-image: url('clientlibs/css/center-column-grad-bg.jpg');*/
    /*background-image: url('clientlibs/css/center-column-grad-bg-test3.jpg');*/
    /*background-image: url('clientlibs/css/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(clientlibs/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(clientlibs/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('clientlibs/css/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('clientlibs/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('clientlibs/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('clientlibs/css/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('clientlibs/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('clientlibs/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('clientlibs/images/white-dot.gif');
}

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

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

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

.programs-dotted-black {
    background-image: url('clientlibs/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('clientlibs/images/black-dot.gif');
    background-repeat: repeat-x;
    background-position: center;
    padding-bottom: 4px;
    padding-top: 4px;
}

.dotted-black-less-bottom {
    background-image: url('clientlibs/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(clientlibs/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(clientlibs/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('clientlibs/images/icons/multimedia-gallery/audio-icon.gif') left center no-repeat;
}
a.photogallery {
    background: transparent url('clientlibs/images/icons/multimedia-gallery/photogallery-icon.gif') left center no-repeat;
}
a.rss {
    background: transparent url('clientlibs/images/icons/multimedia-gallery/rss-icon.gif') left center no-repeat;
}
a.twitter {
    background: transparent url('clientlibs/images/icons/multimedia-gallery/twitter-icon.gif') left center no-repeat;
}
a.video {
    background: transparent url('clientlibs/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("clientlibs/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("clientlibs/images/slideshownav/ss_nav_bar_bg.png");
    background-repeat: repeat-x;
    height: 30px;
}

.slideShowNavDotList a
{
    display: block;
    background-image: url("clientlibs/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("clientlibs/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("clientlibs/images/slideshownav/pause.gif");
    width: 10px;
}

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

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

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

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

.slideShowNavControlList a.nextButton:hover 
{
    background-image: url("clientlibs/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("clientlibs/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----------*/
 div.light_rounded .pp_top .pp_left{background: url(clientlibs/images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat;}div.light_rounded .pp_top .pp_middle{background:#fff;}div.light_rounded .pp_top .pp_right{background: url(clientlibs/images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat;}div.light_rounded .pp_content .ppt{color:#000;}div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right{background:#fff;}div.light_rounded .pp_content{background-color:#fff;}div.light_rounded .pp_next:hover{background: url(clientlibs/images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor: pointer;}div.light_rounded .pp_previous:hover{background: url(clientlibs/images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor: pointer;}div.light_rounded .pp_expand{background: url(clientlibs/images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor: pointer;}div.light_rounded .pp_expand:hover{background: url(clientlibs/images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor: pointer;}div.light_rounded .pp_contract{background: url(clientlibs/images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor: pointer;}div.light_rounded .pp_contract:hover{background: url(clientlibs/images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor: pointer;}div.light_rounded .pp_close{width:75px;height:22px;background: url(clientlibs/images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor: pointer;}div.light_rounded #pp_full_res .pp_inline{color:#000;}div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next{margin-top:12px !important;}div.light_rounded .pp_nav .pp_play{background: url(clientlibs/images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px;}div.light_rounded .pp_nav .pp_pause{background: url(clientlibs/images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px;}div.light_rounded .pp_arrow_previous{background: url(clientlibs/images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat;}div.light_rounded .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default;}div.light_rounded .pp_arrow_next{background: url(clientlibs/images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat;}div.light_rounded .pp_arrow_next.disabled{background-position: -22px -87px;cursor:default;}div.light_rounded .pp_bottom .pp_left{background: url(clientlibs/images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat;}div.light_rounded .pp_bottom .pp_middle{background:#fff;}div.light_rounded .pp_bottom .pp_right{background: url(clientlibs/images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat;}div.light_rounded .pp_loaderIcon{background: url(clientlibs/images/prettyPhoto/light_rounded/loader.gif) center center no-repeat;}div.dark_rounded .pp_top .pp_left{background: url(clientlibs/images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat;}div.dark_rounded .pp_top .pp_middle{background: url(clientlibs/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;}div.dark_rounded .pp_top .pp_right{background: url(clientlibs/images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat;}div.dark_rounded .pp_content_container .pp_left{background: url(clientlibs/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y;}div.dark_rounded .pp_content_container .pp_right{background: url(clientlibs/images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y;}div.dark_rounded .pp_content{background: url(clientlibs/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;}div.dark_rounded .pp_next:hover{background: url(clientlibs/images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor: pointer;}div.dark_rounded .pp_previous:hover{background: url(clientlibs/images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor: pointer;}div.dark_rounded .pp_expand{background: url(clientlibs/images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor: pointer;}div.dark_rounded .pp_expand:hover{background: url(clientlibs/images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor: pointer;}div.dark_rounded .pp_contract{background: url(clientlibs/images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor: pointer;}div.dark_rounded .pp_contract:hover{background: url(clientlibs/images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor: pointer;}div.dark_rounded .pp_close{width:75px;height:22px;background: url(clientlibs/images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor: pointer;}div.dark_rounded .currentTextHolder{color:#c4c4c4;}div.dark_rounded .pp_description{color:#fff;}div.dark_rounded #pp_full_res .pp_inline{color:#fff;}div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next{margin-top:12px !important;}div.dark_rounded .pp_nav .pp_play{background: url(clientlibs/images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px;}div.dark_rounded .pp_nav .pp_pause{background: url(clientlibs/images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px;}div.dark_rounded .pp_arrow_previous{background: url(clientlibs/images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat;}div.dark_rounded .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default;}div.dark_rounded .pp_arrow_next{background: url(clientlibs/images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat;}div.dark_rounded .pp_arrow_next.disabled{background-position: -22px -87px;cursor:default;}div.dark_rounded .pp_bottom .pp_left{background: url(clientlibs/images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat;}div.dark_rounded .pp_bottom .pp_middle{background: url(clientlibs/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;}div.dark_rounded .pp_bottom .pp_right{background: url(clientlibs/images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat;}div.dark_rounded .pp_loaderIcon{background: url(clientlibs/images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat;}div.dark_square .pp_left ,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background: url(clientlibs/images/prettyPhoto/dark_square/contentPattern.png) top left repeat;}div.dark_square .currentTextHolder{color:#c4c4c4;}div.dark_square .pp_description{color:#fff;}div.dark_square .pp_loaderIcon{background: url(clientlibs/images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat;}div.dark_square .pp_content_container .pp_left{background: url(clientlibs/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y;}div.dark_square .pp_content_container .pp_right{background: url(clientlibs/images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y;}div.dark_square .pp_expand{background: url(clientlibs/images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor: pointer;}div.dark_square .pp_expand:hover{background: url(clientlibs/images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor: pointer;}div.dark_square .pp_contract{background: url(clientlibs/images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor: pointer;}div.dark_square .pp_contract:hover{background: url(clientlibs/images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor: pointer;}div.dark_square .pp_close{width:75px;height:22px;background: url(clientlibs/images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor: pointer;}div.dark_square #pp_full_res .pp_inline{color:#fff;}div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next{margin-top:12px !important;}div.dark_square .pp_nav .pp_play{background: url(clientlibs/images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px;}div.dark_square .pp_nav .pp_pause{background: url(clientlibs/images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px;}div.dark_square .pp_arrow_previous{background: url(clientlibs/images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat;}div.dark_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default;}div.dark_square .pp_arrow_next{background: url(clientlibs/images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat;}div.dark_square .pp_arrow_next.disabled{background-position: -22px -87px;cursor:default;}div.dark_square .pp_next:hover{background: url(clientlibs/images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor: pointer;}div.dark_square .pp_previous:hover{background: url(clientlibs/images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor: pointer;}div.light_square .pp_left ,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content{background:#fff;}div.light_square .pp_content .ppt{color:#000;}div.light_square .pp_expand{background: url(clientlibs/images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor: pointer;}div.light_square .pp_expand:hover{background: url(clientlibs/images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor: pointer;}div.light_square .pp_contract{background: url(clientlibs/images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor: pointer;}div.light_square .pp_contract:hover{background: url(clientlibs/images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor: pointer;}div.light_square .pp_close{width:75px;height:22px;background: url(clientlibs/images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor: pointer;}div.light_square #pp_full_res .pp_inline{color:#000;}div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px !important;}div.light_square .pp_nav .pp_play{background: url(clientlibs/images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px;}div.light_square .pp_nav .pp_pause{background: url(clientlibs/images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px;}div.light_square .pp_arrow_previous{background: url(clientlibs/images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat;}div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default;}div.light_square .pp_arrow_next{background: url(clientlibs/images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat;}div.light_square .pp_arrow_next.disabled{background-position: -22px -87px;cursor:default;}div.light_square .pp_next:hover{background: url(clientlibs/images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor: pointer;}div.light_square .pp_previous:hover{background: url(clientlibs/images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor: pointer;}div.facebook .pp_top .pp_left{background: url(clientlibs/images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat;}div.facebook .pp_top .pp_middle{background: url(clientlibs/images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x;}div.facebook .pp_top .pp_right{background: url(clientlibs/images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat;}div.facebook .pp_content .ppt{color:#000;}div.facebook .pp_content_container .pp_left{background: url(clientlibs/images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y;}div.facebook .pp_content_container .pp_right{background: url(clientlibs/images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y;}div.facebook .pp_content{background:#fff;}div.facebook .pp_expand{background: url(clientlibs/images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor: pointer;}div.facebook .pp_expand:hover{background: url(clientlibs/images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor: pointer;}div.facebook .pp_contract{background: url(clientlibs/images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor: pointer;}div.facebook .pp_contract:hover{background: url(clientlibs/images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor: pointer;}div.facebook .pp_close{width:22px;height:22px;background: url(clientlibs/images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor: pointer;}div.facebook #pp_full_res .pp_inline{color:#000;}div.facebook .pp_loaderIcon{background: url(clientlibs/images/prettyPhoto/facebook/loader.gif) center center no-repeat;}div.facebook .pp_arrow_previous{background: url(clientlibs/images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px;}div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default;}div.facebook .pp_arrow_next{background: url(clientlibs/images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px;}div.facebook .pp_arrow_next.disabled{background-position: -32px -96px;cursor:default;}div.facebook .pp_nav{margin-top:0;}div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px;}div.facebook .pp_nav .pp_play{background: url(clientlibs/images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px;}div.facebook .pp_nav .pp_pause{background: url(clientlibs/images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px;}div.facebook .pp_next:hover{background: url(clientlibs/images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor: pointer;}div.facebook .pp_previous:hover{background: url(clientlibs/images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor: pointer;}div.facebook .pp_bottom .pp_left{background: url(clientlibs/images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat;}div.facebook .pp_bottom .pp_middle{background: url(clientlibs/images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x;}div.facebook .pp_bottom .pp_right{background: url(clientlibs/images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat;}div.pp_pic_holder a:focus{outline:none;}div.pp_overlay{background:#000;display: none;left:0;position:absolute;top:0;width:100%;z-index:9500;}div.pp_pic_holder{display: none;position:absolute;width:100px;z-index:10000;}.pp_top{height:20px;position: relative;}* html .pp_top{padding:0 20px;}.pp_top .pp_left{height:20px;left:0;position:absolute;width:20px;}.pp_top .pp_middle{height:20px;left:20px;position:absolute;right:20px;}* html .pp_top .pp_middle{left:0;position: static;}.pp_top .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px;}.pp_content{height:40px;}.pp_fade{display: none;}.pp_content_container{position: relative;text-align: left;width:100%;}.pp_content_container .pp_left{padding-left:20px;}.pp_content_container .pp_right{padding-right:20px;}.pp_content_container .pp_details{float: left;margin:10px 0 2px 0;}.pp_description{display: none;margin:0 0 5px 0;}.pp_nav{clear: left;float: left;margin:3px 0 0 0;}.pp_nav p{float: left;margin:2px 4px;}.pp_nav .pp_play,.pp_nav .pp_pause{float: left;margin-right:4px;text-indent: -10000px;}a.pp_arrow_previous,a.pp_arrow_next{display:block;float: left;height:15px;margin-top:3px;overflow: hidden;text-indent: -10000px;width:14px;}.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000;}.pp_gallery{left:50%;margin-top: -50px;position:absolute;z-index:10000;}.pp_gallery ul{float: left;height:35px;margin:0 0 0 5px;overflow: hidden;padding:0;position: relative;}.pp_gallery ul a{border:1px #000 solid;border:1px rgba(0,0,0,0.5) solid;display:block;float: left;height:33px;overflow: hidden;}.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff;}.pp_gallery ul a img{border:0;}.pp_gallery li{display:block;float: left;margin:0 5px 0 0;}.pp_gallery li.default a{background: url(clientlibs/images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px;}.pp_gallery li.default a img{display: none;}.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px !important;}a.pp_next{background: url(clientlibs/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float: right;height:100%;text-indent: -10000px;width:49%;}a.pp_previous{background: url(clientlibs/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float: left;height:100%;text-indent: -10000px;width:49%;}a.pp_expand,a.pp_contract{cursor: pointer;display: none;height:20px;position:absolute;right:30px;text-indent: -10000px;top:10px;width:20px;z-index:20000;}a.pp_close{display:block;float: right;line-height:22px;text-indent: -10000px;}.pp_bottom{height:20px;position: relative;}* html .pp_bottom{padding:0 20px;}.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px;}.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px;}* html .pp_bottom .pp_middle{left:0;position: static;}.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px;}.pp_loaderIcon{display:block;height:24px;left:50%;margin: -12px 0 0 -12px;position:absolute;top:50%;width:24px;}#pp_full_res{line-height:1 !important;}#pp_full_res .pp_inline{text-align: left;}#pp_full_res .pp_inline p{margin:0 0 15px 0;}div.ppt{color:#fff;display: none;font-size:17px;margin:0 0 5px 15px;z-index:9999;}.clearfix:after{content: ".";display:block;height:0;clear:both;visibility: hidden;}.clearfix {display: inline-block;}* html .clearfix {height:1%;}.clearfix {display:block;}

div#header-image {
  margin-top:25px;

}


.megamenu_wrapper .megamenu > li,.megamenu li ul li {
        list-style-type :none;
      }
      
      
.mgmenu a,.mgmenu span { 
    text-align:left !important;
} 

.mgmenu > li.mgmenu-home { 
    margin-left:30px;
}

   
   .recentnews table { clear:both;}
       
@media (max-width: 460px) {
        div#content-container {
        
           margin-top: 10px;
    }
    
    .header img {width:100%}
    .homepagefeature h2 a { display:block;font-size: 16px; clear:both;} 
    .homepagefeature  img { width:100%}    
  
     #feature1, #feature2 {
      width:100%;
     }
    
    #feature2 {  
       clear:both; 
       float:none;
    } 
     
    #center-column-inner {
        width:100%;
    }
    #header-image { display:none;}
    
    .mgmenu_container { 
        position:reative !important;
        top:75px !important;
    }
    .search { 
        position: absolute;
        top: 24px;
        width: 100%;
        margin-left: 10px;
    }
    .toolbar { 
        display:none;
    }
    #left-column{
        border-bottom:1px dotted gray;
        margin-bottom:10px;
    }
    #content-container { 
        z-index:0;
        top:60px;
    }
    
    #footer {
        margin-top:100px;
        position:relative;
    }
    .mgmenu > li.mgmenu-home {
        margin-left:0px !important;
    }
    
}

@media  (max-width: 767px) {

    #site-search {
        height:25px;
    }
    .search-fields {
        margin-top:10px;
    }
    .mainSearchSubmitBtn {
            height: 30px !important;        
    }
    
    .global-search {
        width:70%;
        margin-left: 10px;
        
    }
    .mgmenu_container {
        top: 80px !important;
    }
    

    .search {
        position: absolute;
        top: 24px;
        width: 100%; 
    }
    div#header-image img {
       margin-top: 35px  !important;
    }

}

@media (max-width: 960px) {

    .search { 
        /*position:absolute;
        top:20px;
       // display:none;
        */
        float:right;
        
    }
    div #content-container {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox; 
        display: -webkit-flex;
        display: flex !important;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        /* optional */
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;   
    }
    #left-column {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
    }
 


    .lan_cont { display:none;}
    
    

    div #responsive-top-menu {
        display:block;
    } 
 

    div #top-navigation {
        display:none;
    }

    div #left-column {
      
        width: 100%;
    
        height: auto !important;
        text-align: left;
        vertical-align: top;
        background-image: none;
        background-repeat: no-repeat;
        display:block;   
        min-height:100px;
        float:none;
    }

    div #right-column {
        width: 100%;
        height: auto !important;
        text-align: left;
        background-image: none;
        background-repeat: no-repeat;
        position: relative;
        display:block;  
        min-height:100px;   
    float:none;     
    }

    div #center-column {
        
        width:100%;
        height: auto !important;
        
        text-align: left;
        vertical-align: top;
        background-color: #d7eaf4;
       
        background-image:none;
       
        background-repeat: no-repeat;
        background-position: bottom;
        padding-top: 11px;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 100px;
        position: relative;
        float: none;
        min-height:100px;
        /*overflow: hidden;***/
    } 

    div #two-column-top {
        width: 100%;
        display:none;
        float:none;
        
    }
    
    div #content-container , div #content-panel, div #content-content {
        clear: both;
        width: 100%;
        display:block;
        background-color:#b2d1e6;
        float:none;
        background-image:none;
        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;
       */ 
      min-height:100px;
    }

    div #content-bottom-gradient {
    width: 100%;
    height: 0px;
    float: none;
    background: none;
    }    


    div #header-image, div #header-image img {

        width:100%
    }
    
    div #container {
        width:100%
    }

}

/*
Item Name : Universal Mega Menu
Item URI : http://codecanyon.net/item/universal-responsive-mega-menu/4984236
Author URI : http://codecanyon.net/user/Pixelworkshop/
Version : 1.1
*/

/*

TABLE OF CONTENTS

00 PAGE STYLING (REMOVABLE)
01 MENU BAR
   1. Mega Menu Bar
   2. Mega Menu Trigger Button
02 DROP DOWNS
    1. Common Styling
    2. Footer
    3. Drop Down Containers
03 COLUMNS GRID
04 MULTILEVEL DROP DOWN
05 CONTENT & TYPOGRAPHY
   1. Basic Typography 
   2. Lists
   3. Other Styling
   4. Inline Images
   5. Icons
   6. Form Elements
06 DROP DOWN TABS
07 MOBILE DEVICES
08 RETINA DISPLAYS

*/



/*  _______________________________________

    00 PAGE STYLING (REMOVABLE)
    _______________________________________  */







@media only screen and (max-width: 767px) {
    
    .mgmenu > li.mgmenu-home {
        margin-left:0px !important;
    }
}


/*  _______________________________________

    01 MENU BAR
    _______________________________________  */




/* 
  If you have several menus on the same page, you can here 
  define some properties separately for each of them
  by using their respective ID.
*/

#mgmenu1 {
    z-index: 12;
}
#mgmenu2 {
    margin-top: 12px;
    z-index: 11;
}


/* 1. Mega Menu Bar */

.mgmenu_container,
.mgmenu_fixed,
.mgmenu_footer {
    width:100%;
    xheight: 41px;
    height:35px;
    z-index:10;
   /* 
    background: #282828;
    background: -webkit-linear-gradient(top, #282828 0%, #1f1f1f 100%);
    background: -moz-linear-gradient(top, #282828 0%, #1f1f1f 100%);
    background: -o-linear-gradient(top, #282828 0%, #1f1f1f 100%);
    background: -ms-linear-gradient(top, #282828 0%, #1f1f1f 100%);
    background: linear-gradient(top, #282828 0%, #1f1f1f 100%);
*/    

    background: #993300;
    background: -webkit-linear-gradient(top, #FCA11C 0%, #D16B00 100%);
    background: -moz-linear-gradient(top, #FCA11C 0%, #D16B00 100%);
    background: -o-linear-gradient(top, #FCA11C 0%, #D16B00 100%);
    background: -ms-linear-gradient(top, #FCA11C 0%, #D16B00 100%);
    background: linear-gradient(top, #FCA11C 0%, #D16B00 100%);
       
}
.mgmenu_container {
    xposition:relative;
    position:absolute;
    margin:0 auto;
}
.mgmenu_fixed,
.mgmenu_footer {
    width: inherit;
    max-width: inherit;
    position:fixed;
    top:0;
    /* IE7 Fix */
    *width:expression(this.parentNode.currentStyle['width']);
}
.mgmenu_footer {
    top: auto;
    bottom:0;
}
.mgmenu {
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    list-style:none;
    padding:0;
    margin:0;
    position:relative; /* For IE7 */
    line-height:1;
}
    .mgmenu > li {
        float: left;
        margin: 0;
        padding-right: 15px;
        -webkit-transition:background .3s;
        -moz-transition:background .3s;
        -o-transition:background .3s;
        -ms-transition:background .3s;
        transition:background .3s;    
    }
        .mgmenu > li:hover,
        .mgmenu > li.active {
            xbackground-color:#131313;
            background-color:#993300;
        }
        .mgmenu li.noactive {
            background:none;
        }
        .mgmenu > li > a,
        .mgmenu > li > span {
            display: block;
            color:#ffffff;
            text-shadow:1px 1px 1px #000000;
            font-size:12px;
            outline:0;
            text-decoration:none;
            xpadding:15px 0 7px 15px;
            padding:11px 0 11px 15px;
        }
        .mgmenu > li > span:hover,
        .mgmenu > li > a:hover,
        .mgmenu > li > a:focus {
            cursor:pointer;
            color:#ffffff;
            outline:none;
        }
        .mgmenu > li .mgmenu_drop {
            background-image:url("clientlibs/images/downArrow.png");
            background-repeat: no-repeat;
            background-position:right 19px;
            padding-right:20px;
        }
        .mgmenu_footer .mgmenu > li .mgmenu_drop {
            background-image:url("clientlibs/images/upArrow.png");
        }
        .mgmenu > li.right_item {
            float:right;
            margin-right:0;
        }
        .mgmenu_container > .mgmenu > li.mgmenu_button,
        .mgmenu_fixed > .mgmenu > li.mgmenu_button,
        .mgmenu_footer > .mgmenu > li.mgmenu_button {
            display: none;
            cursor: pointer;
            -webkit-transition: none;
            -moz-transition: none;
            -o-transition: none;
            -ms-transition: none;
            transition: none;
            font-weight: bold;
            background-color:transparent;
            background-image:url("clientlibs/images/toggle.png");
            background-repeat: no-repeat;
            background-position:96% 10px;
            line-height:12px;
            padding:14px 4% 14px 4%;
            color:#ffffff;
            text-shadow:1px 1px 1px #000000;
        }
        .mgmenu_container > .mgmenu > li.mgmenu_button_active,
        .mgmenu_fixed > .mgmenu > li.mgmenu_button_active,
        .mgmenu_footer > .mgmenu > li.mgmenu_button_active {
            background-color:#993300;
        }

/* 2. Mega Menu Trigger Button */

.mgmenu_trigger {
    position: fixed;
    z-index:2;
    margin:0 auto;
    right:0;
    margin-right: 20px;
    width:35px;
    xheight:41px;
    height:35px;
    display: block;
}
.mgmenu_trigger {
    top: 0; 
    background-image:url("clientlibs/images/button_up.png");
    background-position:center center;
    background-repeat:no-repeat;
    background-color: #121212;
}
.mgmenu_trigger.active {
    background-image:url("clientlibs/images/button_down.png");
}
.mgmenu_footer ~ .mgmenu_trigger {
    top:auto;
    bottom: 0; 
    background-image:url("clientlibs/images/button_down.png");
}
.mgmenu_footer ~ .mgmenu_trigger.active {
    background-image:url("clientlibs/images/button_up.png");
}




/*  _______________________________________

    02 DROP DOWNS
    _______________________________________  */




/* 1. Common Styling */


.mgmenu li .dropdown_container,
.mgmenu li .dropdown_fullwidth,
.mgmenu li .mgmenu_multilevel {
    position:absolute;
    top:auto;
    display: none;
    float:left;
    zoom:1;
    z-index: 10;
    margin:0px 0 40px -1px;
    padding:20px 0 6px 0;
    -webkit-border-radius:0 0 3px 3px;
    -moz-border-radius:0 0 3px 3px;
    border-radius:0 0 3px 3px;
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.05);
    -o-box-shadow: 0 2px 2px rgba(0,0,0,0.05);
    box-shadow: 0 2px 2px rgba(0,0,0,0.05);
    border:1px solid #CCCCCC;
    border-top:none;
    background: #e5e5e5;
    color: #212121;
}
.mgmenu li .dropdown_container {
    left:auto;
}
.mgmenu li .dropdown_fullwidth {
    left:0;
}
.mgmenu li.right_item .dropdown_container {
    left:auto;
    right:-1px;
}


/* 2. Footer */


.mgmenu_footer .mgmenu > li .dropdown_container,
.mgmenu_footer .mgmenu > li .dropdown_fullwidth,
.mgmenu_footer .mgmenu > li .mgmenu_multilevel {
    margin:0 0 0 -1px;
    top:auto;
    bottom:0;
    -webkit-border-radius:3px 3px 0 0;
    -moz-border-radius:3px 3px 0 0;
    border-radius:3px 3px 0 0;
    -webkit-box-shadow: 0 -2px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: 0 -2px 2px rgba(0,0,0,0.05);
    -o-box-shadow: 0 -2px 2px rgba(0,0,0,0.05);
    box-shadow: 0 -2px 2px rgba(0,0,0,0.05);
    border:1px solid #CCCCCC;
    border-bottom:none;
}


.mgmenu > li:hover .dropdown_container,
.mgmenu > li:hover .dropdown_fullwidth,
.mgmenu > li.right_item:hover .dropdown_container {
    display: block;
}


/* 3. Drop Down Containers */


.mgmenu li .dropdown_1column {
    width: 8.3334%;
    padding-left: 2%;
    padding-right: 2%;
}
.mgmenu li .dropdown_2columns {
    width: 16.6667%;
    padding-left: 1.8333%;
    padding-right: 1.8333%;
}
.mgmenu li .dropdown_3columns {
    width: 25%;
    padding-left: 1.5%;
    padding-right: 1.5%;
}
.mgmenu li .dropdown_4columns {
    width: 33.3334%;
    padding-left: 1.333%;
    padding-right: 1.333%;
}
.mgmenu li .dropdown_5columns {
    width: 41.6667%;
    padding-left: 1.166%;
    padding-right: 1.166%;
}
.mgmenu li .dropdown_6columns {
    width: 50%;
    padding-left: 1%;
    padding-right: 1%;
}
.mgmenu li .dropdown_7columns {
    width: 58.3334%;
    padding-left: 0.833%;
    padding-right: 0.833%;
}
.mgmenu li .dropdown_8columns {
    width: 66.6667%;
    padding-left: 0.666%;
    padding-right: 0.666%;
}
.mgmenu li .dropdown_9columns {
    width: 75%;
    padding-left: 0.5%;
    padding-right: 0.5%;
}
.mgmenu li .dropdown_10columns {
    width: 83.3334%;
    padding-left: 0.333%;
    padding-right: 0.333%;
}
.mgmenu li .dropdown_11columns {
    width: 91.6667%;
    padding-left: 0.1666%;
    padding-right: 0.1666%;
}
.mgmenu li .dropdown_fullwidth {
    width: 100%;
}




/*  _______________________________________

    03 COLUMNS GRID
    _______________________________________  */




.mgmenu .col_1,
.mgmenu .col_2,
.mgmenu .col_3,
.mgmenu .col_4,
.mgmenu .col_5,
.mgmenu .col_6,
.mgmenu .col_7,
.mgmenu .col_8,
.mgmenu .col_9,
.mgmenu .col_10,
.mgmenu .col_11,
.mgmenu .col_12 {
    float: left;
    display:inline;
    position: relative;
    padding-left: 2%;
    padding-right: 2%;
    /* 
    Rounding error with IE7.
    Lower margin values will absorb the difference.
    */
    *padding-left: 1.9%;
    *padding-right: 1.9%;
}
.mgmenu .col_1 {width:4.33%;}
.mgmenu .col_2 {width:12.66%;}
.mgmenu .col_3 {width:21%;}
.mgmenu .col_4 {width:29.33%;}
.mgmenu .col_5 {width:37.66%;}
.mgmenu .col_6 {width:46%;}
.mgmenu .col_7 {width:54.33%;}
.mgmenu .col_8 {width:62.66%;}
.mgmenu .col_9 {width:71%;}
.mgmenu .col_10 {width:79.33%;}
.mgmenu .col_11 {width:87.66%;}
.mgmenu .col_12 {width:96%;}

.mgmenu .clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 18px;
}
.mgmenu .col_border {
    -webkit-box-shadow: -1px 0 0 rgba(0,0,0,0.15);
    -moz-box-shadow: -1px 0 0 rgba(0,0,0,0.15);
    -o-box-shadow: -1px 0 0 rgba(0,0,0,0.15);
    box-shadow: -1px 0 0 rgba(0,0,0,0.15);
}



/*  _______________________________________________

    04 MULTILEVEL DROP DOWN
    _______________________________________________  */




.mgmenu .dropdown_flyout, 
.mgmenu .dropdown_flyout .dropdown_flyout_level {
    padding: 0;
    margin: 0;
    list-style: none;
    z-index: 9;
    -webkit-border-radius:0 0 3px 3px;
    -moz-border-radius:0 0 3px 3px;
    border-radius:0 0 3px 3px;
}
.mgmenu .dropdown_flyout .dropdown_flyout_level {
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.05);
    -o-box-shadow: 0 2px 2px rgba(0,0,0,0.05);
    box-shadow: 0 2px 2px rgba(0,0,0,0.05);
    border:1px solid #CCCCCC;
    background: #e5e5e5;
}
.mgmenu .dropdown_flyout li {
    float: left;
    width: 100%;
    padding: 3px 0 3px 0;
}
.mgmenu .dropdown_flyout ul li {
    width: 160px;
    padding: 3px 10px 3px 10px;
}
.mgmenu .dropdown_flyout li.last {
    margin-bottom: 12px;
}
.mgmenu .dropdown_flyout a {
    display: block;
    width: 10em;
}
.mgmenu .dropdown_flyout .dropdown_flyout_level {
    position: absolute;
    margin:15px 0 0 4px;
    padding:6px;
    left:98%;
    top:-21px;
    display: none;
    zoom:1;
    float: left;
}
.mgmenu .dropdown_flyout .dropdown_flyout_level_left {
    left:-102%;
    right:100%;
}
.mgmenu .dropdown_flyout .dropdown_parent {
    background:url("clientlibs/images/rightArrow.png") no-repeat 90% 9px;
}
.mgmenu .dropdown_flyout .dropdown_parent_left {
    background:url("clientlibs/images/leftArrow.png") no-repeat 90% 9px;
}
.mgmenu .dropdown_flyout li:hover > .dropdown_flyout_level,
.mgmenu .dropdown_flyout li:hover > .dropdown_flyout_level_left {
    display: block;
}
.mgmenu .dropdown_flyout .flyout_heading {
    font-family: Georgia, Times, "Times New Roman", serif;
    padding-bottom: 9px;
    margin-bottom: 9px;
    font-size: 16px;
    border-bottom: 1px solid #cccccc;
    -webkit-box-shadow:0 1px 1px #f4f4f4;
    -moz-box-shadow:0 1px 1px #f4f4f4;
    -o-box-shadow:0 1px 1px #f4f4f4;
    box-shadow:0 1px 1px #f4f4f4;
}




/*  _______________________________________

    05 CONTENT & TYPOGRAPHY
    _______________________________________  */




/* 1. Basic Typography */


.mgmenu p, 
.mgmenu h1, 
.mgmenu h2, 
.mgmenu h3, 
.mgmenu h4, 
.mgmenu h5, 
.mgmenu h6 {
    padding:0;
    margin:0;
    font-weight: normal;
    color:#222222;
    text-shadow:1px 1px 1px #ffffff;
    margin-bottom:18px;
}
.mgmenu h1, 
.mgmenu h2, 
.mgmenu h3, 
.mgmenu h4, 
.mgmenu h5, 
.mgmenu h6 {
    font-family: Georgia, Times, "Times New Roman", serif;
}
.mgmenu p {
    font-size:12px;
}
.mgmenu h1 {
    font-size:32px;
}
.mgmenu h2 {
    font-size:28px;
}
.mgmenu h3 {
    font-size:24px;
}
.mgmenu h4 {
    font-size:18px;
}
.mgmenu h5 {
    font-size:16px;
}
.mgmenu h6 {
    font-size:14px;
    text-transform:uppercase;
}
.mgmenu a {
    text-decoration: none;
    color:#222222;
    -webkit-transition:color .3s;
    -moz-transition:color .3s;
    -o-transition:color .3s;
    -ms-transition:color .3s;
    transition:color .3s;    
}
.mgmenu a:hover {
    color:#777777;
}
.mgmenu a:focus {
    background: none;
}


/* 2. Lists */


.mgmenu > li ul,
.mgmenu > li ol {
    padding:0 0 0 18px;
    margin:0 0 18px 0;
}
.mgmenu > li ul {
    list-style:square;
}
.mgmenu > li ol {
    list-style:decimal;
}
.mgmenu > li ul.no_bullets {
    list-style:none;
    padding:0;
}
.mgmenu > li ul.no_bullets li {
    line-height: 24px;
}
.mgmenu > li ul li,
.mgmenu > li ol li {
    font-size:12px;
    line-height:22px;
    position:relative;
    color:#222222;
    text-shadow:1px 1px 1px #ffffff;
}


/* 3. Other Styling */


.mgmenu blockquote {
    color:#aaaaaa;
    border-left: 5px solid #cccccc;
    padding-left: 20px;
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 18px;
    line-height: 27px;
}
.mgmenu .text_box {
    width: 84%;
    background: #ffffff;
    padding: 12px 8% 12px 8%;
    -webkit-box-shadow: 0 1px 1px #bbbbbb;
    -moz-box-shadow: 0 1px 1px #bbbbbb;
    -o-box-shadow: 0 1px 1px #bbbbbb;
    box-shadow: 0 1px 1px #bbbbbb;
}
.mgmenu .text_box_black {
    background: #212121;
}
.mgmenu .text_box_red {
    background: #e48a76;
}
.mgmenu .text_box_blue {
    background: #92bfd1;
}
.mgmenu .text_box_green {
    background: #b4ca91;
}
.mgmenu .text_box_yellow {
    background: #f3d067;
}
.mgmenu .text_box_purple {
    background: #C0ADDB;
}
.mgmenu .text_box_brown {
    background: #b2aa9f;
}
.mgmenu .text_box_black,
.mgmenu .text_box_red,
.mgmenu .text_box_blue,
.mgmenu .text_box_green,
.mgmenu .text_box_yellow,
.mgmenu .text_box_purple,
.mgmenu .text_box_brown {
    color:#ffffff;
    text-shadow:none;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    -o-box-shadow:none;
    box-shadow:none;
}
.mgmenu .img_description {
    text-align: center;
    font-style:italic;
    margin-top: -6px;
    font-family: Georgia, Times, "Times New Roman", serif;
}
.mgmenu hr {
    width: 100%;
    height: 0;
    *height:2px;
    margin-bottom: 18px;
    border:none;
    border-bottom:1px solid #f4f4f4;
    border-top:1px solid #ccc;
}
.mgmenu .video_container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin-bottom: 18px;
}
    .mgmenu .video_container iframe,  
    .mgmenu .video_container object,  
    .mgmenu .video_container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border:none;
        outline: none;
    }
.mgmenu iframe {
    border:0;
    outline: none;
    width: 100%;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    margin-bottom: 12px;
}


/* 4. Inline Images */


.mgmenu img {
    border:none;
}
.mgmenu .inline_img {
    max-width: 100%;
    height: auto;
    width: auto\9;
    box-sizing: border-box;
    -webkit-box-shadow: 0 1px 1px #999999;
    -moz-box-shadow: 0 1px 1px #999999;
    -o-box-shadow: 0 1px 1px #999999;
    box-shadow: 0 1px 1px #999999;
    margin-bottom:18px;
    margin-top: 6px;
}
.mgmenu a .inline_img {
    opacity: 0.8;
    -webkit-transition:opacity .3s;
    -moz-transition:opacity .3s;
    -o-transition:opacity .3s;
    -ms-transition:opacity .3s;
    transition:opacity .3s;    
}
.mgmenu a:hover .inline_img {
    opacity: 1;
}
.mgmenu .inline_img_border {
    border:5px solid #fff;
}


/* 5. Icons */


.mgmenu .mini_icon {
    background-image: url("clientlibs/images/icons/mini-icons-white.png");
    background-repeat: no-repeat;
    margin-top: -2px;
    padding-left: 6px;
    float: left;
    width: 20px;
    height: 20px;
}

/* Row 1 */

.mgmenu .ic_empty_document{ background-position: 0 0;  } 
.mgmenu .ic_documents{ background-position: -32px 0;  } 
.mgmenu .ic_text_document{ background-position: -64px 0;  } 
.mgmenu .ic_folder{ background-position: -96px 0;  } 
.mgmenu .ic_picture{ background-position: -128px 0;  } 
.mgmenu .ic_cloud{ background-position: -160px 0;  } 
.mgmenu .ic_archive{ background-position: -192px 0;  } 
.mgmenu .ic_download{ background-position: -224px 0;  }
.mgmenu .ic_user{ background-position: -256px 0;  } 
.mgmenu .ic_tag{ background-position: -288px 0;  } 

/* Row 2 */

.mgmenu .ic_lock{ background-position: 0 -32px;  } 
.mgmenu .ic_unlock{ background-position: -32px -32px;  } 
.mgmenu .ic_mail{ background-position: -64px -32px;  } 
.mgmenu .ic_brush{ background-position: -96px -32px;  } 
.mgmenu .ic_refresh{ background-position: -128px -32px;  } 
.mgmenu .ic_grid{ background-position: -160px -32px;  } 
.mgmenu .ic_list{ background-position: -192px -32px;  } 
.mgmenu .ic_delete{ background-position: -224px -32px;  } 
.mgmenu .ic_settings{ background-position: -256px -32px;  } 
.mgmenu .ic_time{ background-position: -288px -32px;  } 

/* Row 3 */

.mgmenu .ic_bookmark{ background-position: 0 -64px;  } 
.mgmenu .ic_calendar{ background-position: -32px -64px;  } 
.mgmenu .ic_graph{ background-position: -64px -64px;  } 
.mgmenu .ic_pin{ background-position: -96px -64px;  } 
.mgmenu .ic_chat{ background-position: -128px -64px;  } 
.mgmenu .ic_chats{ background-position: -160px -64px;  } 
.mgmenu .ic_print{ background-position: -192px -64px;  } 
.mgmenu .ic_attachment{ background-position: -224px -64px;  } 
.mgmenu .ic_power{ background-position: -256px -64px;  } 
.mgmenu .ic_favorite{ background-position: -288px -64px;  } 

/* Row 4 */

.mgmenu .ic_sound{ background-position: 0 -96px;  } 
.mgmenu .ic_edit{ background-position: -32px -96px;  } 
.mgmenu .ic_fullscreen{ background-position: -64px -96px;  } 
.mgmenu .ic_target{ background-position: -96px -96px;  } 
.mgmenu .ic_sync{ background-position: -128px -96px;  } 
.mgmenu .ic_zoom{ background-position: -160px -96px;  } 
.mgmenu .ic_plus{ background-position: -192px -96px;  } 
.mgmenu .ic_minus{ background-position: -224px -96px;  } 
.mgmenu .ic_cancel{ background-position: -256px -96px;  } 
.mgmenu .ic_ok{ background-position: -288px -96px;  } 

/* Row 5 */

.mgmenu .ic_users{ background-position: 0 -128px;  } 
.mgmenu .ic_calc{ background-position: -32px -128px;  } 
.mgmenu .ic_left{ background-position: -64px -128px;  } 
.mgmenu .ic_right{ background-position: -96px -128px;  } 
.mgmenu .ic_up{ background-position: -128px -128px;  } 
.mgmenu .ic_down{ background-position: -160px -128px;  } 
.mgmenu .ic_up_circle{ background-position: -192px -128px;  }
.mgmenu .ic_down_circle{ background-position: -224px -128px;  } 
.mgmenu .ic_left_circle{ background-position: -256px -128px;  } 
.mgmenu .ic_right_circle{ background-position: -288px -128px;  } 

.mgmenu .menubar_icon {
    padding: 0;
    list-style: none;
    float: left;
}
.mgmenu .menubar_icon:hover {
    background:none;
}
.mgmenu .menubar_icon ul > li {
    list-style: none;
    float: left;
    -webkit-transition:background-color .3s;
    -moz-transition:background-color .3s;
    -o-transition:background-color .3s;
    -ms-transition:background-color .3s;
    transition:background-color .3s;    
}
.mgmenu .menubar_icon ul > li:hover {
    xbackground-color:#131313;
    background-color:#993300;
}
.mgmenu .menubar_icon ul > li > a {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 24px 24px;
    display: block;
    padding: 7px 4px 9px 4px;
    width: 24px;
    height: 24px;
}
.mgmenu .icon_vimeo {
    background-image: url("clientlibs/images/icons/icon_vimeo.png");
}
.mgmenu .icon_dribbble {
    background-image: url("clientlibs/images/icons/icon_dribbble.png");
}
.mgmenu .icon_twitter {
    background-image: url("clientlibs/images/icons/icon_twitter.png");
}
.mgmenu .icon_facebook {
    background-image: url("clientlibs/images/icons/icon_facebook.png");
}
.mgmenu .icon_flickr {
    background-image: url("clientlibs/images/icons/icon_flickr.png");
}


/* 6. Form Elements */


.mgmenu .contact_form {
    display: block;
    margin-bottom:10px;
}
.mgmenu .contact_form label {
    font-size: 12px;
    font-family:Arial, Helvetica, sans-serif;
}
.mgmenu .form_element {
    color: #000000; 
    background-color:#fbfbfb;
    border:1px solid #dddddd;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    width: 96%;
    padding:9px 2% 9px 2%;
    margin:12px 0 18px 0;
    -webkit-box-shadow: 0 1px 1px #efefef;
    -moz-box-shadow: 0 1px 1px #efefef;
    -o-box-shadow: 0 1px 1px #efefef;
    box-shadow: 0 1px 1px #efefef;
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    -ms-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out;
}   
    .mgmenu .form_element:hover{
        background-color:#fcfcfc;
    }
    .mgmenu .form_element:focus {
        background-color:#ffffff;
    }
    .mgmenu .form_element:focus {
        outline:none;
    }

.mgmenu .contact_form textarea {
    height:120px;
    resize:none;
}
.mgmenu .contact_form .required {
    color:#C00;
}
.mgmenu .contact_form .error, 
.mgmenu .contact_form .success {
    width: 96%;
    padding:9px 2% 9px 2%;
    margin: 12px 0 6px 0;
    border:1px solid rgba(0,0,0,0.15);
    text-shadow:1px 1px 1px #ffffff;
    -webkit-box-shadow: 0 1px 1px #efefef;
    -moz-box-shadow: 0 1px 1px #efefef;
    -o-box-shadow: 0 1px 1px #efefef;
    box-shadow: 0 1px 1px #efefef;
}
    .mgmenu .contact_form .error {
        background:#f7cac4; 
        color:#992213;
    }
    .mgmenu .contact_form .success {
        background:#d8f6bc; 
        color:#2f530b;
        margin-bottom: 12px;
    }
.mgmenu .contact_form .button {
    padding: 7px 12px;
    margin:9px 12px 0 0;
    white-space: nowrap;
    font-size: 11px;
    text-transform: uppercase;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #000000;
    color: #ffffff;
    background-color: #222222;
    text-shadow: 0 1px 1px #000000;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -ms-transition: background-color 0.3s;
    transition: background-color 0.3s;
}
    .mgmenu .contact_form .button:active {
    }
    .mgmenu .contact_form .button:hover, 
    .mgmenu .contact_form .button:focus {
        color: #ffffff;
        background-color: #1A1A1A;
    }

.mgmenu .contact_form .select_element {
    float: left;
    width:310px;
    overflow: hidden;
    position: relative;
    background-color:#fbfbfb;
    border:1px solid #dddddd;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    width: 100%;
    margin:12px 0 18px 0;
    -webkit-box-shadow: 0 1px 1px #efefef;
    -moz-box-shadow: 0 1px 1px #efefef;
    -o-box-shadow: 0 1px 1px #efefef;
    box-shadow: 0 1px 1px #efefef;
}
    .mgmenu .contact_form .select_element select {
        width:100%;
        height:30px;
        font-size:12px;
        color: #999;
        padding: 6px 0 6px 10px;
        border: 0;
        background: none;
        outline: none;
    }
    .mgmenu .contact_form .select_element select option {
        background: #fdfdfd;
        width: 100%;
        color: #666;
    }
    @media screen and (-webkit-min-device-pixel-ratio:0) {

        .mgmenu .contact_form .select_element:after {
            content: '';
            position: absolute;
            top: 50%;
            right: 10px;
            margin-top: -3px;
            border: 5px solid transparent;
            border-top: 5px solid #333333;
            pointer-events: none;
        }
        .mgmenu .contact_form .select_element select,
        .mgmenu .contact_form .select_element select option {
            -webkit-appearance: none;
            appearance: none;
        }

    }




/*  _______________________________________

    06 DROP DOWN TABS
    _______________________________________  */




.mgmenu li > .mgmenu_tabs {
    padding: 0 !important;
}
.mgmenu_tabs > ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.mgmenu_tabs_hide {
    display:none;
}
.mgmenu_tabs .mgmenu_tabs_nav {
    width:20%;
    float:left;
    position: relative;
    margin:0;
    padding: 0;
}
.mgmenu_tabs .mgmenu_tabs_panels {
    margin: 0;
    padding: 21px 1% 12px 1%;
    width: 78%;
    *width:77.9%; /* IE7 bug */
    float: left;
    background-color: #ffffff;
    -webkit-box-shadow: -1px 0px 1px rgba(0,0,0,0.05);
    -moz-box-shadow: -1px 0px 1px rgba(0,0,0,0.05);
    -o-box-shadow: -1px 0px 1px rgba(0,0,0,0.05);
    box-shadow: -1px 0px 1px rgba(0,0,0,0.05);
}
.mgmenu_tabs .mgmenu_tabs_nav li {
    list-style: none;
    margin:0;
    border:none;
    margin:0;
    float: left;
    width: 100%;
    clear: left;
    -webkit-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    -o-transition: background 0.5s ease;
    -ms-transition: background 0.5s ease;
    transition: background 0.5s ease;
}
.mgmenu_tabs .mgmenu_tabs_nav li a {
    font-size:12px;
    outline:0;
    text-decoration:none;
    display:block;
    padding: 9px 15px 9px 15px;
}
.mgmenu_tabs li a.current,
.mgmenu_tabs li a.current:hover {
    background-color: #ffffff;
    -webkit-box-shadow: 0 -1px 1px rgba(0,0,0,0.05), 0 1px 1px rgba(0,0,0,0.05);
    -moz-box-shadow: 0 -1px 1px rgba(0,0,0,0.05), 0 1px 1px rgba(0,0,0,0.05);
    -o-box-shadow: 0 -1px 1px rgba(0,0,0,0.05), 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: 0 -1px 1px rgba(0,0,0,0.05), 0 1px 1px rgba(0,0,0,0.05);
    top:1px;
}

/* Right Tabs */

.mgmenu_tabs_right .mgmenu_tabs_panels {
    -webkit-box-shadow: 1px 0px 1px rgba(0,0,0,0.05);
    -moz-box-shadow: 1px 0px 1px rgba(0,0,0,0.05);
    -o-box-shadow: 1px 0px 1px rgba(0,0,0,0.05);
    box-shadow: 1px 0px 1px rgba(0,0,0,0.05);
}

/* Top & Bottom Tabs */

.mgmenu_tabs_top .mgmenu_tabs_nav,
.mgmenu_tabs_bottom .mgmenu_tabs_nav {
    width:100%;
}
.mgmenu_tabs_top .mgmenu_tabs_panels,
.mgmenu_tabs_bottom .mgmenu_tabs_panels {
    padding: 21px 1% 12px 1%;
    width: 98%;
    *width:97.9%; /* IE7 bug */
}
.mgmenu_tabs_top .mgmenu_tabs_nav li,
.mgmenu_tabs_bottom .mgmenu_tabs_nav li {
    float: none;
    width: auto;
    clear: none;
    display: inline;
}
.mgmenu_tabs_top .mgmenu_tabs_nav li a,
.mgmenu_tabs_bottom .mgmenu_tabs_nav li a {
    display:inline;
    float: left;
}
.mgmenu_tabs_top li a.current,
.mgmenu_tabs_top li a.current:hover,
.mgmenu_tabs_bottom li a.current,
.mgmenu_tabs_bottom li a.current:hover {
    -webkit-box-shadow: -1px 0 1px rgba(0,0,0,0.05), 1px 0px 1px rgba(0,0,0,0.05);
    -moz-box-shadow: -1px 0 1px rgba(0,0,0,0.05), 1px 0px 1px rgba(0,0,0,0.05);
    -o-box-shadow: -1px 0 1px rgba(0,0,0,0.05), 1px 0px 1px rgba(0,0,0,0.05);
    box-shadow: -1px 0 1px rgba(0,0,0,0.05), 1px 0px 1px rgba(0,0,0,0.05);
}

.mgmenu_tabs_top .mgmenu_tabs_panels {
    -webkit-box-shadow: 0px -1px 1px rgba(0,0,0,0.05);
    -moz-box-shadow: 0px -1px 1px rgba(0,0,0,0.05);
    -o-box-shadow: 0px -1px 1px rgba(0,0,0,0.05);
    box-shadow: 0px -1px 1px rgba(0,0,0,0.05);
}
.mgmenu_tabs_bottom .mgmenu_tabs_panels {
    -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.05);
    -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.05);
    -o-box-shadow: 0px 1px 1px rgba(0,0,0,0.05);
    box-shadow: 0px 1px 1px rgba(0,0,0,0.05);
}




/*  _______________________________________

    07 MOBILE DEVICES
    _______________________________________  */




@media only screen and (min-width: 768px) and (max-width: 984px) {


    .mgmenu > li {
        padding-right: 10px;
    }
        .mgmenu > li > a,
        .mgmenu > li > span {
            padding-left:10px;
        }
    .mgmenu .mini_icon {
        padding-left: 3px;
    }
    .mgmenu > li.mgmenu-home {
        margin-left:0px !important;
    }

}


@media only screen and (min-width: 768px) {


    .mgmenu_container .mgmenu > li,
    .mgmenu_fixed .mgmenu > li,
    .mgmenu_footer .mgmenu > li {
        display: block !important;
    }
        .mgmenu_container > .mgmenu > li.mgmenu_button,
        .mgmenu_fixed > .mgmenu > li.mgmenu_button,
        .mgmenu_footer > .mgmenu > li.mgmenu_button {
            display: none !important;
        }


}


@media only screen and (max-width: 767px) {


    .mgmenu_container,
    .mgmenu_fixed,
    .mgmenu_footer {
        width:100%;
        height:auto;
        margin:0;
        xposition:relative;
        position:absolute;
        left:auto;
        top:auto;
        bottom:auto;
    }
    .mgmenu_container .mgmenu > li,
    .mgmenu_fixed .mgmenu > li,
    .mgmenu_footer .mgmenu > li {
        float:none;
        width:auto;
        border:none;
        display: none;
        padding: 0;
    }
        .mgmenu_container > .mgmenu > li.mgmenu_button,
        .mgmenu_fixed > .mgmenu > li.mgmenu_button,
        .mgmenu_footer > .mgmenu > li.mgmenu_button {
            display: block;
        }
    .mgmenu > li > span,
    .mgmenu > li > a {
        display: block;
    }
        .mgmenu > li .mgmenu_drop {
            background-position:96% 19px;
        }
    .mgmenu > li .dropdown_container,
    .mgmenu > li .dropdown_fullwidth,
    .mgmenu_footer .mgmenu > li .dropdown_container,
    .mgmenu_footer .mgmenu > li .dropdown_fullwidth {
        position:absolute;
        top:auto;
        bottom:auto;
        width: 100%;
        margin:0 0 0 -1px;
        -webkit-border-radius:0 0 3px 3px;
        -moz-border-radius:0 0 3px 3px;
        border-radius:0 0 3px 3px;
        -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.05);
        -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.05);
        -o-box-shadow: 0 2px 2px rgba(0,0,0,0.05);
        box-shadow: 0 2px 2px rgba(0,0,0,0.05);
        border:1px solid #CCCCCC;
        border-top:none;
    }
    .mgmenu li .dropdown_1column,
    .mgmenu li .dropdown_2columns,
    .mgmenu li .dropdown_3columns,
    .mgmenu li .dropdown_4columns,
    .mgmenu li .dropdown_5columns,
    .mgmenu li .dropdown_6columns,
    .mgmenu li .dropdown_7columns,
    .mgmenu li .dropdown_8columns,
    .mgmenu li .dropdown_9columns,
    .mgmenu li .dropdown_10columns,
    .mgmenu li .dropdown_11columns,
    .mgmenu li .dropdown_fullwidth {
        width: 100%;
        padding-left:0;
        padding-right:0;
    }
    .mgmenu .col_1,
    .mgmenu .col_2,
    .mgmenu .col_3,
    .mgmenu .col_4,
    .mgmenu .col_5,
    .mgmenu .col_6,
    .mgmenu .col_7,
    .mgmenu .col_8,
    .mgmenu .col_9,
    .mgmenu .col_10,
    .mgmenu .col_11,
    .mgmenu .col_12 {
        width:92%;
        margin-left: 4%;
        margin-right: 4%;
        padding: 0;
        float: left;
        display: block;
    }
    .mgmenu .col_border {
        box-shadow:none;
    }

    /* Multilevel drop down */

    .mgmenu .dropdown_flyout, 
    .mgmenu .dropdown_flyout .dropdown_flyout_level,
    .mgmenu .dropdown_flyout .dropdown_flyout_level_left {
        position: relative;
        left:auto;
        right:auto;
        top:auto;
        padding: 0;
        margin: 6px 4% 0 4%;
    }
    .mgmenu .dropdown_flyout .dropdown_flyout_level {
        border:none;
        background: none;
        box-shadow:none;
    }
    .mgmenu .dropdown_flyout li,
    .mgmenu .dropdown_flyout ul li {
        width: 100%;
        padding: 6px 0 6px 0;
    }
    .mgmenu li .dropdown_flyout .dropdown_parent {
        background:url("clientlibs/images/downArrow-b.png") no-repeat 98% 14px;
    }

    /* Tabs */

    .mgmenu li > .mgmenu_tabs {
        width: 100%;
    }
    .mgmenu_tabs .mgmenu_tabs_nav {
        width:100%;
        float:left;
        margin:0;
        padding: 0;
    }
    .mgmenu_tabs .mgmenu_tabs_panels {
        padding: 21px 0 12px 0;
        width: 100%;
    }

    /* Other Elements */

    .mgmenu_trigger {
        display: none;
    }
    .mgmenu blockquote {
        margin-left: 12px;
    }
    .mgmenu .img_description {
        text-align: left;
    }

    .mgmenu .menubar_icon {
        z-index: 9;
        float: none !important;
        padding: 0 0 14px 0 !important;
    }
    .mgmenu .menubar_icon ul {
        width: 100%;
        padding: 0 0 9px 0 !important;
    }
    .mgmenu .menubar_icon ul > li {
        padding-left: 2%;
        padding-right: 2%;
    }


}



/*  _______________________________________

    08 RETINA DISPLAYS
    _______________________________________  */




@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {


    .mgmenu > li .mgmenu_drop {
        background-size: 9px 5px;
        background-image:url("clientlibs/images/downArrow@2x.png");
    }
    .mgmenu_footer .mgmenu > li .mgmenu_drop {
        background-size: 9px 5px;
        background-image:url("clientlibs/images/upArrow@2x.png");
    }
    .mgmenu_container > .mgmenu > li.mgmenu_button,
    .mgmenu_fixed > .mgmenu > li.mgmenu_button,
    .mgmenu_footer > .mgmenu > li.mgmenu_button {
        background-size: 24px 24px;
        background-image:url("clientlibs/images/toggle@2x.png");
    }
    .mgmenu_trigger {
        background-size: 35px 35px;
        background-image:url("clientlibs/images/button_up@2x.png");
    }
    .mgmenu_trigger.active {
        background-size: 35px 35px;
        background-image:url("clientlibs/images/button_down@2x.png");
    }
    .mgmenu_footer ~ .mgmenu_trigger {
        background-size: 35px 35px;
        background-image:url("clientlibs/images/button_down@2x.png");
    }
    .mgmenu_footer ~ .mgmenu_trigger.active {
        background-size: 35px 35px;
        background-image:url("clientlibs/images/button_up@2x.png");
    }
    .mgmenu .dropdown_flyout .dropdown_parent {
        background-size: 5px 9px;
        background-image:url("clientlibs/images/rightArrow@2x.png");
    }
    .mgmenu .dropdown_flyout .dropdown_parent_left {
        background-size: 5px 9px;
        background-image:url("clientlibs/images/leftArrow@2x.png");
    }
    .mgmenu .mini_icon {
        background-image: url("clientlibs/images/icons/mini-icons-white@2x.png");
        background-repeat: no-repeat;
        background-size: 304px 144px;
    }

    .mgmenu .menubar_icon ul > li > a {
        background-size: 24px 24px;
    }
    .mgmenu .icon_vimeo {
        background-image: url("clientlibs/images/icons/icon_vimeo@2x.png");
    }
    .mgmenu .icon_dribbble {
        background-image: url("clientlibs/images/icons/icon_dribbble@2x.png");
    }
    .mgmenu .icon_twitter {
        background-image: url("clientlibs/images/icons/icon_twitter@2x.png");
    }
    .mgmenu .icon_facebook {
        background-image: url("clientlibs/images/icons/icon_facebook@2x.png");
    }
    .mgmenu .icon_flickr {
        background-image: url("clientlibs/images/icons/icon_flickr@2x.png");
    }


}


@media only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {

    .mgmenu li .dropdown_flyout .dropdown_parent {
        background-size: 9px 5px;
        background-image:url("clientlibs/images/downArrow-b@2x.png");
    }
    .mgmenu > li.mgmenu-home {
        margin-left:0px !important;
    }
}


  
.top_menu { 
    color: white !important;
    font-weight: bold;
    xtext-shadow:none !important; 
    font-size:13px !important;
   
                      
                        
}
.menu-header {
    font-weight: bold !important;
    xext-decoration: underline !important;
    color:  #993300 !important; 
    border-bottom:1px solid #993300 !important;
    padding-bottom:5px;
}


.mgmenu .dropdown_container a {
        color:  #993300 !important;
        width:100%;
        display: block;
        font-size: 11px;
        padding: 5px;
            
}
    .mgmenu .dropdown_container a:hover {
        color:  white !important;
        background-color:#993300;
                                           
}
              
.dropdown_container {
            
    background-color: white !important;
}
        
.mgmenu_container { 
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top:1px solid white;
    border-left:1px solid white;
    border-right:1px solid white;
    width:99.8%;
}



.mgmenu > li { padding-bottom:0px; }  

.slideShowBanner {margin-top:25px;}
#mgmenu1 {z-index:1000;}
@charset "utf-8";
/**
 * CSS for the "toChecklist" jQuery plugin, by Scott Horlbeck
*/

div.checklist, div.checklistHighlighted { overflow-y: auto; overflow-x: hidden; /* If you don't want scrollbars, leave this one blank. */ }
/*div.checklist { border: 1px solid gray; border-left: 3px solid #ccc; color: #555; font-family: arial; font-size: 12px;  line-height: 1.6em;}*/
div.checklist { border: 1px solid #CCC; border-left: 3px solid #ccc; color: #555; background: #fff; line-height: 1.1em}
/*div.checklist label {font-size: 85%;}*/
div.checklistHighlighted { border: 1px solid #CCC; border-left: 3px solid #000066 }

ul.checklist { list-style-type: none; margin: 0; padding: 0; }
div.checklist li { list-style-type: none; padding: 1px 3px 1px 2px; margin: 0;}
div.checklist li.even { background-color: white; }
div.checklist li.odd { background-color: #FFEFEF; /*#f7f7f7;*/ }
div.checklist li.even:hover, div.checklist li.odd:hover, div.checklist li.focused, div.checklist li:hover label { background-color: #dde; }
div.checklist li.checked { background: #000066; color: #FFF }
div.checklist li.checked:hover, div.checklist li.checked:hover label { background: #000099; }

div.checklist label.disabled { color: #ddd; }

/*div.checklist li { position: relative; }*/
/*div.checklist li input { display: block; float: left; }*/
div.checklist li input { position: absolute; left: -50000px; }
div.checklist label { display: block; margin: 0; padding: 0; }
div.checklist label.leaveRoomForCheckbox { display: block; padding-left: 18px; /* If hiding checkboxes, set padding-left to 3px */ } 

ul.showSelectedItems { color: #770; font-size: .8em; list-style-position: outside; margin-left: 0; padding-left: 1.4em; }

/**** Search box ****/
div.findInList { margin-bottom: 5px; }
div.findInList input { background-color: #ffffef; border: solid 1px #eee; color: black; font-family: arial; font-size: .8em; padding: 2px; }
div.findInList input.blurred { background-color: white; color: gray; }

div.checklist li.optgroup { font-size: 1.1em; font-weight: bold; background-color: #ccc; border-top: 1px solid #777; border-bottom: 1px solid #777; padding-left: 7px; }
div.checklist li.optgroup:hover { background-color: #ccc; }

#advanced-search-form div.checklist-holder {
    margin-right: 3px;	
}

div.checklist-holder .multiple-list {
    border: 0;
    margin: 0;
    padding: 0;	
}

/*
 * jQuery UI Autocomplete 1.8.6
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */
.ui-autocomplete { position: absolute; cursor: default; min-width: 200px; }	

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/*
 * jQuery UI Menu 1.8.6
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
	float: left;
	
	background: #FFF;
}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: 100%;
	
	list-style-type: none;
}
.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:1.5;
	white-space: nowrap;
	zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	/*font-weight: bold;*/
	background: #D6E3FF;
	/*margin: -1px;*/
}