@media screen and (min-width: 650px) and (max-width: 800px) {
    .gov-image img {max-width: 50% !important; height:auto !important; margin-left: -35px;}
    .mid-space h3 {margin-top:7px !important;}
    .gov-image-two img {width:83% !important; height:auto !important;}  
    #print-friendly {display: none !important}
    #pagetitle {background: none !important;}
    .bread-print {padding: 5px !important;}
}

@media screen and (max-width: 950px ) {
    #pagetitle img {width: 98%; padding:10px !important;}
}

img {
    max-width: 100%;
    height: auto;
}
/** CSS added by VJ for the weather portlet**/    
#weather TD {   
    color:#ffffff;    
    float: left;    
}   
/** CSS added by MH for the impairments section**/    
#impairments{   
    padding-top:17px;   
    width: 775px;   
    color:#C0C0C0;    
    font-size:11px !important;    
    float: left;    
}   
/** CSS added by MH for the copyright **/   
#copyright {    
    padding-top:0px;    
    /*width: 160px; */    
    width: 700px;   
    color:#C0C0C0;    
    font-size:11px !important;    
    float: left;    
    height: 18px;   
}   
/** CSS added by MH **/   
#cot-topbar-links-wrapper{    
    width:920px;    
}   
#crm-links{   
    padding-top:1px;    
}   
#footer{    
    padding-top:15px;   
}   

/** CSS added by MH for the login **/   
.admin_menu{    
    color:#00FFFF;    
    font-size:10px;   
}   
.disclaimer {   
    padding-top:0px;    
    /*width: 55px;*/    
    color:#C0C0C0;    
    font-size:11px !important;    
    float: left;    
}   
.ada{   
    padding-top:0px;    
    /*width: 275px;*/   
    color:#C0C0C0;    
    font-size:11px !important;    
    float: left;    
    padding-left: 10px !important;    
}   

/**CSS added for Form by MH; updated NJ 11-14-13**/
#ctl00_ContentPlaceHolder1_ctl08_lblCaptchaTitle {
    padding-left: 10px;
    font-weight: normal !important;
}

#ctl00_ContentPlaceHolder1_ctl08_dvButtons {
    padding-left: 10px;
}
#ctl00_ContentPlaceHolder1_ctl08_dvFormTemplate {
    padding-left: 10px;
}


#ctl00_ContentPlaceHolder1_ctl11_lblCaptchaTitle {
    padding-left: 10px;
    font-weight: normal !important;
}

#ctl00_ContentPlaceHolder1_ctl11_dvButtons {
    padding-left: 10px;
}
#ctl00_ContentPlaceHolder1_ctl11_dvFormTemplate {
    padding-left: 10px;
}

#ctl00_ContentPlaceHolder1_ctl12_lblCaptchaTitle {
    padding-left: 10px;
    font-weight: normal !important;
}

#ctl00_ContentPlaceHolder1_ctl12_dvButtons {
    padding-left: 10px;
}
#ctl00_ContentPlaceHolder1_ctl12_dvFormTemplate {
    padding-left: 10px;
}

#ctl00_ContentPlaceHolder1_ctl14_lblCaptchaTitle {
    padding-left: 10px;
    font-weight: normal !important;
}

#ctl00_ContentPlaceHolder1_ctl14_dvButtons {
    padding-left: 10px;
}
#ctl00_ContentPlaceHolder1_ctl14_dvFormTemplate {
    padding-left: 10px;
}

#ctl00_ContentPlaceHolder1_ctl17_lblCaptchaTitle {
    padding-left: 10px;
    font-weight: normal !important;
}

#ctl00_ContentPlaceHolder1_ctl17_dvButtons {
    padding-left: 10px;
}
#ctl00_ContentPlaceHolder1_ctl17_dvFormTemplate {
    padding-left: 10px;
}

#ctl00_ContentPlaceHolder1_ctl23_lblCaptchaTitle {
    padding-left: 10px;
    font-weight: normal !important;
}

#ctl00_ContentPlaceHolder1_ctl23_dvButtons {
    padding-left: 10px;
}
#ctl00_ContentPlaceHolder1_ctl23_dvFormTemplate {
    padding-left: 10px;
}   



.fbpdl {    
    z-index: 2500 !important;   
}   

/***** GOOGLE CUSTOM SEARCH ADDED BY VJ: 8th APRIL, 2013 *****/   
input.gsc-input {   
    width: 175px !important;    
    background: url("/UserFiles/Servers/Server_6/Image/Theme/search-icon.png") no-repeat scroll left center !important;     
    font-size: 17px !important;    
}   


input.gsc-input:focus {   
    width: 175px !important;   
    background: #F1EFF1 !important;    
    outline: none !important;    
    border: 0px !important;    
    box-shadow: none !important;   
}   


.gsc-input-box-hover,   
.gsc-input-box-focus {    
    background: #F1EFF1 !important;      
    outline: none !important;    
    border: 0px !important;    
    box-shadow: none !important;   
}   

.gsc-search-button, .gsc-search-button-v2 {   
    display: none !important;     
}   

.gsib_a {   
    padding-left: 4px !important;    
    padding-right: 8px !important;   
    padding-top: 4px !important;   
    padding-top: 5px \0/IE9 !important;    
}   


.gsc-input-box {    
    background: transparent !important;    
    border: 0px !important;    
}   

.fixed_menu_page_control,   
.radmenu, .RadMenu_PageControls {   
    z-index: 5000 !important;   
}   


.Tab_portlet ul,    
.Tab_portlet ol {   
    padding-left: 0px;    
}   

/**** BULLET-MARGIN FIX FOR IE 7    
    
#subpage ol,    
#subpage ul {   
  *padding-left: 30px;    
}*****/   

/**** TELERIK TABLE 4 *****/    

.telerik-reTable-4    
{   
    border-collapse: collapse;    
    border: solid 1px #4F81BD;    
    font-family: Source Sans Pro,tahoma,sans-serif;   
}   
.telerik-reTable-4 tr.telerik-reTableHeaderRow-4    
{   
    border-width: 1px;    
    margin-top: 0in;    
    margin-right: 0in;    
    margin-bottom: 10.0pt;    
    margin-left: 0in;   
    line-height: 115%;    
    font-size: 15px;    
    font-family: Source Sans Pro,tahoma,sans-serif; 
    /*    width: 119.7pt; */    
    /*    background: #4F81BD; */   
    background-color: #C4D1E3;    
    padding: 5px;   
    /*    color: #FFFFFF; */    
    color: #3a4663;   
}   
.telerik-reTable-4 td.telerik-reTableHeaderRow-4    
{   
    border-width: 1px;    
    margin-top: 0in;    
    margin-right: 0in;    
    margin-bottom: 10.0pt;    
    margin-left: 0in;   
    line-height: 115%;    
    font-size: 15px;    
    font-family: Source Sans Pro,tahoma,sans-serif;   
    width: 119.7pt;   
    background: #4F81BD;    
    padding: 0in 5.4pt 0in 5.4pt;   
    color: #3A4663;   
}   
.telerik-reTable-4 td.telerik-reTableHeaderFirstCol-4   
{   
    padding: 5px;   
    font-size: 15px;    
    font-family: Source Sans Pro,tahoma,sans-serif; 
    color: #3A4663;   
}   
.telerik-reTable-4 td.telerik-reTableHeaderLastCol-4    
{   
    padding: 5px; 
    font-size: 15px;    
    font-family: Source Sans Pro,tahoma,sans-serif; 
    color: #3A4663;   
}   
.telerik-reTable-4 td.telerik-reTableHeaderOddCol-4   
{   
    padding: 5px; 
    font-size: 15px;    
    font-family: Source Sans Pro,tahoma,sans-serif; 
    color: #3A4663;   
}   
.telerik-reTable-4 td.telerik-reTableHeaderEvenCol-4    
{   
    padding: 5px;   
    font-size: 15px;    
    font-family: Source Sans Pro,tahoma,sans-serif; 
    color: #3A4663;   
}   
.telerik-reTable-4 tr.telerik-reTableOddRow-4   
{   
    border-width: 1pt;    
    color: #666666;   
    font-size: 15px;    
    vertical-align: top;    
    border-bottom-style: solid;   
    border-bottom-color: #4F81BD;   
}   
.telerik-reTable-4 tr.telerik-reTableEvenRow-4    
{   
    color: #666666;   
    font-size: 15px;    
    vertical-align: top;    
}   
.telerik-reTable-4 td.telerik-reTableFirstCol-4   
{   
    border-width: 1pt;    
    border-color: #4F81BD;    
    padding: 5px;   
    border-bottom-style: solid;   
    border-left-style: solid;   
}   
.telerik-reTable-4 td.telerik-reTableLastCol-4    
{   
    border-width: 1pt;    
    border-color: #4F81BD;    
    border-bottom-style: solid;   
    border-right-style: solid;    
    padding: 5px;   
}   
.telerik-reTable-4 td.telerik-reTableOddCol-4   
{   
    border-width: 1pt;    
    border-color: #4F81BD;    
    padding: 5px;   
    border-bottom-style: solid;   
}   
.telerik-reTable-4 td.telerik-reTableEvenCol-4    
{   
    border-width: 1pt;    
    border-color: #4F81BD;    
    padding: 5px;   
    border-bottom-style: solid;   
}   
.telerik-reTable-4 tr.telerik-reTableFooterRow-4    
{   
    color: #355C8C;   
    background-color: #FFFFFF;    
    font-size: 14px;    
    vertical-align: top;    
    padding: 5px;   
}   
.telerik-reTable-4 td.telerik-reTableFooterFirstCol-4   
{   
    border-width: 1pt;    
    border-color: #4F81BD;    
    border-bottom-style: solid;   
    border-left-style: solid;   
    padding: 5px;   
}   
.telerik-reTable-4 td.telerik-reTableFooterLastCol-4    
{   
    border-width: 1pt;    
    border-color: #4F81BD;    
    border-bottom-style: solid;   
    border-right-style: solid;    
    padding: 5px;   
}   
.telerik-reTable-4 td.telerik-reTableFooterOddCol-4   
{   
    border-width: 1pt;    
    border-color: #4F81BD;    
    border-bottom-style: solid;   
    padding: 5px;   
}   
.telerik-reTable-4 td.telerik-reTableFooterEvenCol-4    
{   
    border-width: 1pt;    
    border-color: #4F81BD;    
    border-bottom-style: solid;   
    padding: 5px;   
}   



/**** RESPONSIVE DESIGN *****/    
.RadTabStrip .rtsLevel1 ul {    
    padding-left: 0px !important;    
}   

/*    
#cot-topbar {   
    
 z-index:0 !important;    
}   
    
*/    
.fixed_menu_page_control:hover,   
.fixed_menu_page_control:focus {    
    z-index: 3200 !important;    
}   

html {    
    overflow-x: hidden;    
}   

body {    
    font-family:Source Sans Pro, tahoma, sans-serif;   
    text-align:left !important;    
    font-size: 14px;   
}   

/********************* Typographic Styles ********************test******/     

a,    
a:link,   
a:visited,    
a:active,   
a:hover {   
    text-decoration:underline;   
    color:#4d5fab;   
    font-family: Source Sans Pro, tahoma, sans-serif;    
    font-size:15px;    
}   

.no-bg {    
    background:none !important;    
}   

.no-color{    
    color:#0A3B61;    

}   

ul.header-list, 
ol.header-list {
margin: 0px;
padding: 0px;
}

ul.header-list li,
ol.header-list li {    
    margin:0px;    
    padding:0px;       
}  

ul#menu {
    margin: 0px;
    padding: 0px;
} 


#subpage-wrapper ul, #subpage-wrapper ol, #subpage-wrapper li {   
    margin:0px;    
    padding:0px;   
}   

h1 {    
    margin:0px;    
    padding:0px;   
    text-transform:uppercase;    
    font-family:tahoma, sans-serif;    
}   

h2 {    
    margin:0px;    
    padding:0px;   
}   

h3 {    
    margin:0px;    
    padding:0px;   
    font-size:14px;    
    font-weight: normal;   
}   

#subpage-wrapper h3 {   
    font-weight: bold;   
}   

h4 {    
    margin:0px;    
    padding:0px;   
}   

p {   
    font-size:inherit;   
    padding:0px;   
    margin:0px;    
}   

.clear {    
    clear:both;   
}   

/************************* Basic Wireframe ***********************/   


#main-bg-wrapper {    
    width:100%;    
    background:url(/UserFiles/Servers/Server_6/Image/Theme/cot-bg-repeat6.jpg) repeat-x top #878c92;    
}   

#wrapper {    
    width:100%;    
    text-align:left;   
    background:url(/UserFiles/Servers/Server_6/Image/Theme/COT_Background.png) no-repeat top center;    
}   

#content-wrapper {    
    width: 90%;    
    max-width:950px;   
    margin: 0 auto;    
    z-index: 790;    
    position: relative;    
}   

#contents {   
}   

#theme {    
}   

#page {   

}   

/************************* COT Topbar ***********************/    

#cot-topbar {   
    width:100%;    
    height:55px;   
    background:#0a3b61;    
    /* z-index: 400;   
    position: relative; */   
}   

#cot-topbar-links-wrapper {   
    margin:auto;   
    width: 100%;   
    max-width:950px;   
    padding-top:18px;    
}   

#cot-topbar-links-wrapper ul {    
    margin-left:-25px;   
}   


#cot-topbar-links-wrapper li {    
    display: inline;   
    padding:0px 10px 0px 25px;   
    background:url(/UserFiles/Servers/Server_6/Image/Theme/cross2.png) no-repeat;    
}   

#cot-topbar-links-wrapper li a,   
#cot-topbar-links-wrapper li a:link,    
#cot-topbar-links-wrapper li a:visited,   
#cot-topbar-links-wrapper li a:active,    
#cot-topbar-links-wrapper li a:hover{   
    color:#fff;    
    font-size:11px;    
    text-decoration:none;    
    text-transform:uppercase;    
}   

#mouseprints, #social-media {   
    float: left;   
}   

#social-media {   
    position:relative;   
    width:205px;    

    left:-40px;    
}   

#fb-button {    
    width:80px !important;   
    float: left;   
}   

#twitter-button {   
    width:120px !important;    
    float: left;   
}   

/*#mouseprints {    
width:264px;    
    
}*/   

#mouseprints ul#mp {    
    width:270px;     
    *width:325px;   
}   

#cot-main-section {   
    margin:0px;    
    padding:0px;   
}   

#cot-home-banner {    
    margin:0px 0px 0px;    
    padding:0px;   
    float: left;   
    clear: both;   
}    

#cot-logo {   
    width:200px;     
    float:left;    
}   

#logo {   
    position:relative;    
    top:0px;  
    padding: 9px 0px 10px 10px; 
	position: relative;
    top: 0;
    padding: 15px;
    background: #595e62;
    margin: 0;
    clear: both;
    overflow: hidden;
}   

/******************************* Searchbar *************************************/   

#searchbar {    
    width:185px;   
    float: right;    
    margin-right:4px;   
}   

.divSearchBox {   
    width:185px;   
    height:28px;   
    background:url(/UserFiles/Servers/Server_6/Image/Theme/searchbar1.png) no-repeat top right;    
    margin-top:-5px;   
    padding:0px;   
}   

input.SearchTerm {    
    background:url(/UserFiles/Servers/Server_6/Image/Theme/search-icon.png) no-repeat right;   
    width:180px;   
    margin:5px 0px 0px 4px;    
    padding:2px 0px;   
    border:0px;    
    border-style:none;   
}   

input.SearchTerm:focus {    
    background:transparent !important;   
}   

.SearchButton {   
    display: none;   
}   

/*********************** Google Translate *************************/    

.goog-te-gadget-simple {    
    background:none !important;   
    /*width:20px;*/    
    height:20px;   
    border:0px !important;   
    border-style:none !important;    
}   

.goog-te-gadget-icon {    
    display: none !important;    
}   

.goog-te-menu-value span {    
    border: 0px !important;    
    color:#fff;    
    font-size:12px !important;   
    position:relative;     
    top:2px;   
    *top:0px;   
}   

a.goog-te-menu-value {    
    text-decoration:none !important;   
    position:relative;   
    width:75px;    
    bottom:0px;    
    *bottom:0px;    
    display: block;    
    text-align: right;   
    font-size:12px !important;   
}   

.goog-te-menu-value span:first-child {    
    display: none !important;    
}   
.googe-te-menu-value:after {
    content: 'ssLanguage ?';    
}
a.goog-te-menu2-item:link .text {   
color:#394c6c;   
}

div.skiptranslate {   
    border-style: none !important;   
    border:0px !important;   
}   

/**************************** Homepage Layout ****************************/   

.cot-home-row {   
    clear: both;   
    float: left;   
    min-height:90px;   
    margin: 0px 0px;   
    *padding-bottom: 0px;   
    *margin-bottom: 0px;    
    width: 100%;   
    max-width:950px; /*for ie7*/   
}   

.cot-home-row ul {    
    list-style-type:none !important;   
}   

.cot-home-layout-3col{    
    float: left;   
    width: 289px;    
}   

.cot-home-layout-3col-wide {    
    float: left;   
    width: 350px;    
    margin:0px 10px;   
}   

.cot-home-layout-5col {   
    width:228px;   
    float: left;   
}   

.header-182 {   
    background:url(/UserFiles/Servers/Server_6/Image/Theme/h182.png) no-repeat top;   
    height:36px;   
}   

.header-238 {   
    background:url(/UserFiles/Servers/Server_6/Image/Theme/h289.png) no-repeat top;   
    height:36px;   
}   

.header-looking {   
    background:url(/UserFiles/Servers/Server_6/Image/Theme/h289.png) no-repeat top;   
    height:36px;   
}   

.header-454 {   
    background:url(/UserFiles/Servers/Server_6/Image/Theme/h350.png) no-repeat top;   
    height:36px;   
}   

.header-looking h2,   
.header-238 h2,   
.header-454 h2 {    
    padding:6px 12px;    
    color:#fff;    
    font-weight:normal;    
    font-size:16px;    
}   

.header-182 h2{   
    padding:10px 12px;   
    color:#fff;    
    font-weight:normal;    
    text-transform:uppercase;    
    font-size:13px;    
}   

.gov-image {    
    border:1px solid #333;   
    margin:5px 10px 5px 0px;   
    float: left;   
}   

.gov-text {   
    padding:5px 10px;    
}   

.gov-text ul {    
    list-style-type:none;    
}   

.white {    
    background:#fff;   
    padding:10px;    
    height:150px;    
}   

.white-182 {    
    padding:10px 10px 0px 10px;    
    height:188px;    
    background:#fff;   
}   

.white-182 p {    
    padding:0px 0px 6px 10px;    
}   

.h182-bottom-curve {    
    background:url(/UserFiles/Servers/Server_6/Image/Theme/h182-bottom.png) no-repeat bottom transparent;   
    height:10px;    
}   

.h289-bottom-curve {    
    background:url(/UserFiles/Servers/Server_6/Image/Theme/h289-bottom-curve2.png) no-repeat bottom transparent;    
    height:10px;    
    clear: both;    
}   

.h350-bottom-curve {    
    background:url(/UserFiles/Servers/Server_6/Image/Theme/h350-bottom-curve2.png) no-repeat bottom transparent;    
    height:10px;    
    clear: both;    
}   

#city-seal {    
    text-align: center;    
    padding:10px 0px;    
}   


p#contact-tv-tacoma {   
    background:url(/UserFiles/Servers/Server_6/Image/Theme/ic-tv-tacoma.png) no-repeat left;   
    padding:0px 0px 6px 25px;    
}   


p#contact-newsroom {    
    background:url(/UserFiles/Servers/Server_6/Image/Theme/ic-newsroom.png) no-repeat left;    
    padding:0px 0px 6px 25px;    
}   


p#contact-facebook {    
    background:url(/UserFiles/Servers/Server_6/Image/Theme/ic-facebook.png) no-repeat left;    
    padding:0px 0px 6px 25px;    
}   

p#contact-twitter {   
    background:url(/UserFiles/Servers/Server_6/Image/Theme/ic-twitter.png) no-repeat left;   
    padding:0px 0px 6px 25px;    
}   

p#contact-youtube {   
    background:url(/UserFiles/Servers/Server_6/Image/Theme/ic-youtube.png) no-repeat left;   
    padding:0px 0px 6px 25px;    
}   


p#contact-rss {   
    background:url(/UserFiles/Servers/Server_6/Image/Theme/ic-rss.png) no-repeat left;   
    padding:0px 0px 6px 25px;    
}   

p#contact-contact-us {    
    background:url(/UserFiles/Servers/Server_6/Image/Theme/ic-contact.png) no-repeat left;   
    padding:0px 0px 6px 25px;    
}   

p#contact-GovDelivery {   
    background:url(/UserFiles/Servers/Server_6/Image/Theme/Govdelivery.png) no-repeat left;    
    padding:0px 0px 6px 25px;    
}   

/********************************** Footer *******************************/   

#footer-wrapper {   
    background: #0A3B61;   
    clear: both;   
    position: relative;    
    z-index:10000;   
    text-align: left;    
    height: auto !important;   
}   


#footer {   
    padding:20px 10px;    
    width: 100%;   
    max-width:950px;   
    margin: auto;    
    overflow: auto;    

}   

#crm-links {    
    /* width:760px; */   
    width: 100%;   
    max-width: 740px;    
    float: left;   
    text-align: left;    
    padding-top: 10px;   
}   

#crm-links ul {   
    margin-bottom:5px;   
}   

#crm-links ul li {    
    display: inline;   
    padding:0px 20px 0px 0px;    
}   

#crm-links a:link,    
#crm-links a:visited,   
#crm-links a:active,    
#crm-links a:hover {    
    color:#fff;    
    text-decoration:none;    
}   


#footer-address {   

    color:#fff;    
    text-align: left;    
}   

#weather {    
    width:150px;   
    float: right;    
    /* margin-top: 5px; */   
    *margin-top:0px;    
    /* margin-right:10px;    
    margin-right: 45px; */   
}   


/********************** Mega Menu *******************************/    

#menubar {    
    position:relative;   
    z-index:3000;    
    right:8px;   
    height:37px;   
    vertical-align:top;    
}   

#menu {   
    list-style:none;  
    padding:0px 0px 0px 5px;  
    float: right;   
}   

#menu ul {    
    margin:0px;     
    padding:0px;    
}   


#menu li {    
    float:left; 
    display:block;  
    position:relative;  
    padding: 4px 0px 2px; 
    *padding:4px 0px 4px;   
    margin:0px 2px 0px 0px; 
    border:none;  
    font-size:14px;   
    font-family:Arial, Helvetica, sans-serif; 
    text-align:center !important; 
    width:140px;    
    line-height:21px; 
    text-align:center !important; 
}   


#menu li:hover {    
    padding: 4px 0px 2px; 
    *padding:4px 0px 4px;   
    margin:0px 2px 0px 0px; 
    *margin-right:-12px;    
    /*text-align:center !important;*/ 
}     

#menu li#mm-residents {   
    background:url(/UserFiles/Servers/Server_6/Image/Theme/mm-blue.png) no-repeat left;    
}   

#menu li#mm-residents:hover {   
    background:url(/UserFiles/Servers/Server_6/Image/Theme/mm-white.png) no-repeat left;   
}   

#menu li#mm-visitors {    
    background:url(/UserFiles/Servers/Server_6/Image/Theme/mm-blue.png) no-repeat left;    
    margin-right:0px;    
    padding-right:0px;   
}   

#menu li#mm-visitors:hover {    
    background:url(/UserFiles/Servers/Server_6/Image/Theme/mm-white.png) no-repeat left;   
    margin-right:0px;    
    *margin-right:-14px;    
    padding-right:0px;   
}   


#menu li#mm-businesses {    
    background:url(/UserFiles/Servers/Server_6/Image/Theme/mm-blue.png) no-repeat left;    
}   

#menu li#mm-businesses:hover {    
    background:url(/UserFiles/Servers/Server_6/Image/Theme/mm-white.png) no-repeat left;   
}   


#menu li#mm-government {    
    background:url(/UserFiles/Servers/Server_6/Image/Theme/mm-blue.png) no-repeat left;    
}   

#menu li#mm-government:hover {    
    background:url(/UserFiles/Servers/Server_6/Image/Theme/mm-white.png) no-repeat left;   
}   

#menu li#mm-services {    
    background:url(/UserFiles/Servers/Server_6/Image/Theme/mm-blue.png) no-repeat left;    

}   

#menu li#mm-services:hover {    
    background:url(/UserFiles/Servers/Server_6/Image/Theme/mm-white.png) no-repeat left;   

}   


#menu li a {    
    font-family:Arial, Helvetica, sans-serif; 
    font-size:14px;   
    color: #EEEEEE; 
    display:block;  
    outline:0;  
    border:0;   
    width:140px !important; /*for ie7*/   
    text-decoration:none; 
    padding:0px;    
    margin:0px;   
    cursor: pointer;

}   

#menu li:hover a {    
    color:#161616;  
    padding:0px;    
    margin:0px;   
    width:140px !important; /*for ie7*/   
    outline:0;  
    border:0;   
}   

#menu li .drop {    
    text-transform:uppercase;   
    padding:5px 14px 5px 0px;    

}   
#menu li:hover .drop {    
    padding:5px 14px 5px 0px;   
}   

.dropdown_1column,    
.dropdown_2columns,     
.dropdown_3columns,     
.dropdown_4columns,   
.dropdown_5columns {    
    margin: 2px auto; 
    float:left; 
    position:absolute;  
    z-index:10000;    
    left:0;   
    background:#fff;    
    display: none;    
    text-align:left;  
    padding: 10px 5px;
    border:1px solid #ccc;  
    width:944px;    
}   

li#mm-residents div.dropdown_5columns {   
    left:-236px !important;    
    top:33px;    
    *top:34px;    
    /*box-shadow: 0 0 5px #333333;   
    behavior: url(/UserFiles/Servers/Server_6/File/Theme/PIE.htc); */    
}   

li#mm-visitors div.dropdown_4columns {    
    left:-804px !important;    
    top:33px;    
    *top:34px;    
    /*box-shadow: 0 0 5px #333333;   
    behavior: url(/UserFiles/Servers/Server_6/File/Theme/PIE.htc);*/   
}   

li#mm-government div.dropdown_3columns {    
    left:-520px !important;    
    top:33px;    
    *top:34px;    
    /*box-shadow: 0 0 5px #333333;   
    behavior: url(/UserFiles/Servers/Server_6/File/Theme/PIE.htc);*/   
}   

li#mm-businesses div.dropdown_3columns {    
    left:-662px !important;    
    top:33px;    
    *top:34px;    
    /*box-shadow: 0 0 5px #333333;   
    behavior: url(/UserFiles/Servers/Server_6/File/Theme/PIE.htc);*/   
}   

li#mm-services div.dropdown_5columns {    
    left:-378px !important;    
    top:33px;    
    *top:34px;    
    /*box-shadow: 0 0 5px #333333;   
    behavior: url(/UserFiles/Servers/Server_6/File/Theme/PIE.htc);*/   
}   


#menu li:hover .dropdown_1column,     
#menu li:hover .dropdown_2columns,    
#menu li:hover .dropdown_3columns,    
#menu li:hover .dropdown_4columns,    
#menu li:hover .dropdown_5columns {   
    display: block;   
}   

.col_1,   
.col_2,   
.col_3,   
.col_4,   
.col_5 {    
    display:inline; 
    float: left;  
    position: relative; 
    margin-left: 5px; 
    margin-right: 5px;  
}   
.col_1 {width: 32.2%;} /*was 145*/   
.col_2 {width:300px;}/*was 225*/    
.col_3 {width:300px;}   


#menu .menu_right {   
    float:right;  
    margin-right:0px; 
}   

#menu li:hover,   
#menu li:hover .align_left    
#menu li:hover .align_right {   
    left:auto;  
    right:0px;  
    top:auto; 
}   

#menu p, #menu h2, #menu h3, #menu ul li {     
    line-height:21px; 
    font-size:12px; 
    text-align:left !important; 

}   
#menu h2 {    
    font-size:21px; 
    font-weight:400;  
    letter-spacing:-1px;  
    margin:7px 0 14px 0;  
    padding-bottom:14px;  
    border-bottom:1px solid #666666;  
}   
#menu h3 {    
    font-size:14px; 
    margin:7px 0 14px 0;  
    padding-bottom:7px; 
    border-bottom:1px solid #888888;  
}   
#menu p {   
    line-height:18px; 
    margin:0 0 10px 0;  
}   

#menu li:hover div a {    
    font-size:13px; 
    font-weight: bold;    
    color:#394c6c;    
    width: 280px !important;    
	padding: 12px 10px;
}   

#menu li:hover div a:hover {    
    color:#015b86;  
    text-align: left;   
}   


#menu li ul li span.item-description {    
    color: #636363;    
    font-size: 11px;   
    text-align: left !important;   
    padding: 0 12px;  
    margin: 0px !important;    
	white-space: nowrap;
}     



.strong {   
    font-weight:bold; 
}   
.italic {   
    font-style:italic;  
}   

.imgshadow { /* Better style on light background */   
    background:#FFFFFF; 
    padding:4px;  
    border:1px solid #777777; 
    margin-top:5px; 

}   
.img_left { /* Image sticks to the left */    
    width:auto; 
    float:left; 
    margin:5px 15px 5px 5px;  
}   

#menu li .black_box {   
    background-color:#333333; 
    color: #eeeeee; 
    padding:4px 6px 4px 6px;  
}   

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

#menu li ul li {    
    background: url(/UserFiles/Servers/Server_6/Image/Theme/arrow-bullet.jpg) no-repeat scroll 0 20px transparent;   
    font-size:12px; 
    /* line-height:24px; */ 
    line-height:15px;   
    position:relative;  

    /* padding:0; */  
    padding:5px 0px 10px 10px;    
    margin:0; 
    float:none; 
    text-align:left;  
    width:280px;  
    border-bottom: 1px dotted #CCCCCC;    

}   

#menu li ul li:hover {    
    background: url(/UserFiles/Servers/Server_6/Image/Theme/arrow-bullet.jpg) no-repeat scroll 0 20px transparent; 
    border:none;  
    /* padding:0; */  
    padding:5px 0px 10px 10px;    
    margin:0; 
    border-bottom: 1px dotted #CCCCCC;    
}     

#menu li .greybox li {    
    background:#F4F4F4; 
    border:1px solid #bbbbbb; 
    margin:0px 0px 4px 0px; 
    padding:4px 6px 4px 6px;  
    width:116px;  
}   

#menu li .greybox li:hover {    
    background:#ffffff; 
    border:1px solid #aaaaaa; 
    padding:4px 6px 4px 6px;  
    margin:0px 0px 4px 0px; 
}   

/********************************* JQuery ***********************************/    
.slider-wrapper {   
    /*background:url(/UserFiles/Servers/Server_6/Image/Theme/screen01.png) no-repeat;*/    
    background: #fff;    
    border-radius: 5px;    
    padding: 5px;    
    height: auto;    
    width:100%;    
    max-width:940px;     
}   

#slider-inner {   
    position: relative;    
    padding: 0px !important;   
}   

.nivoSlider {   
    position:relative;  
    width:100%; 
    height:auto;  
    overflow: hidden; 
}   
.nivoSlider img {   
    position:absolute;  
    top:0px;  
    left:0px; 
    max-width: none;  
}   
.nivo-main-image {    
    display: block !important;  
    position: relative !important;  
    width: 100% !important; 
}   

/* If an image is wrapped in a link */    
.nivoSlider a.nivo-imageLink {    
    position:absolute;  
    top:0px;  
    left:0px; 
    width:100%; 
    height:100%;  
    border:0; 
    padding:0;  
    margin:0; 
    z-index:6;  
    display:none; 
}   
/* The slices and boxes in the Slider */    
.nivo-slice {   
    display:block;  
    position:absolute;  
    z-index:5;  
    height:100%;  
    top:0;  
}   
.nivo-box {   
    display:block;  
    position:absolute;  
    z-index:5;  
    overflow:hidden;  
}   
.nivo-box img { display:block; }    

/* Caption styles */    
.nivo-caption {   
    position:absolute;  
    left:0px; 
    bottom:0px; 
    background:#000;  
    color:#fff; 
    width:100%; 
    z-index:8;  
    padding: 5px 10px;  
    opacity: 0.8; 
    overflow: hidden; 
    display: none;  
    -moz-opacity: 0.8;  
    filter:alpha(opacity=8);  
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ 
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */  
    box-sizing: border-box;         /* Opera/IE 8+ */ 
}   
.nivo-caption p {   
    padding:5px;  
    margin:0; 
}   
.nivo-caption a {   
    display:inline !important;  
}   
.nivo-html-caption {    
    display:none;   
}   
/* Direction nav styles (e.g. Next & Prev) */   
.nivo-directionNav a {    
    position:absolute;  
    top:45%;  
    z-index:9;  
    cursor:pointer; 
}   
.nivo-prevNav {   
    left:0px; 
}   
.nivo-nextNav {   
    right:0px;  
}   
/* Control nav styles (e.g. 1,2,3...) */    

.theme-default .nivoSlider {    
    margin-bottom: 0px !important;   
}   

.theme-default .nivo-controlNav {   
    float: none;    
    top: auto;    
    left: auto;   
    height: auto;   
    width: auto;    
    margin-left: none;    
}   

.theme-default .nivo-controlNav {   
    text-align:center;  
    padding: 15px 0;  


    position: absolute;   
    bottom: -19px;    
    right: 10px;    
    z-index: 999;   
}   

.nivo-controlNav a {    
    cursor:pointer; 
}   
.nivo-controlNav a.active {   
    font-weight:bold; 
}   

.theme-default .nivoSlider {    
    position:relative;  
    background:#fff url(loading.gif) no-repeat 50% 50%; 
    -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;    
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;   
    box-shadow: 0px 1px 5px 0px #4a4a4a;    
}   
.theme-default .nivoSlider img {    
    position:absolute;  
    top:0px;  
    left:0px; 
    display:none; 
}   
.theme-default .nivoSlider a {    
    border:0; 
    display:block;  
}   

.theme-default .nivo-controlNav {   
    text-align: center; 
    padding: 20px 0;  
}   
.theme-default .nivo-controlNav a {   
    display:inline-block; 
    width:22px; 
    height:22px;  
    background:url(/UserFiles/Servers/Server_6/Image/Theme/bullets.png) no-repeat;  
    text-indent:-9999px;  
    border:0; 
    margin: 0 2px;  
}   
.theme-default .nivo-controlNav a.active {    
    background-position:0 -22px;  
}   

.theme-default .nivo-directionNav a {   
    display:block;  
    width:30px; 
    height:30px;  
    background:url(arrows.png) no-repeat; 
    text-indent:-9999px;  
    border:0; 
    opacity: 0; 
    -webkit-transition: all 200ms ease-in-out;  
    -moz-transition: all 200ms ease-in-out;   
    -o-transition: all 200ms ease-in-out;   
    transition: all 200ms ease-in-out;    
}   
.theme-default:hover .nivo-directionNav a { opacity: 1; }   
.theme-default a.nivo-nextNav {   
    background-position:-30px 0;  
    right:15px; 
}   
.theme-default a.nivo-prevNav {   
    left:15px;  
}   

.theme-default .nivo-caption {    
    font-family: Helvetica, Arial, sans-serif;    
}   
.theme-default .nivo-caption a {    
    color:#fff;   
    border-bottom:1px dotted #fff;    
}   
.theme-default .nivo-caption a:hover {    
    color:#fff;   
}   

.theme-default .nivo-controlNav.nivo-thumbs-enabled {   
    width: 100%;  
}   
.theme-default .nivo-controlNav.nivo-thumbs-enabled a {   
    width: auto;  
    height: auto; 
    background: none; 
    margin-bottom: 5px; 
}   
.theme-default .nivo-controlNav.nivo-thumbs-enabled img {   
    display: block; 
    width: 120px; 
    height: auto; 
}   

/******************************* Alert Styles **************************/   

#alert {    
    background:yellow;   
    padding:5px;   
    width:100%;    
    max-width:950px;   
    float: left;   
    margin-bottom:5px;   
    clear: right;    
}   

#alert-text {   
    margin-left:50px;   
}   

/******************************** Upcoming Events *************************/    

table.tbl_mini_upcomingevent {    
    background:#fff;   
    padding-top:10px;    
    /* padding-bottom: 37px;   
    *padding-bottom: 43px;   
    padding-bottom: 43px \0/;    
    padding-bottom: 43px/9; */   

}   

a.mini_upcomingevent_event:link,    
a.mini_upcomingevent_event:visited,   
a.mini_upcomingevent_event:active,    
a.mini_upcomingevent_event:hover    
{   
    color:#4d5fab;   
    text-decoration:none;    
    padding-top:8px;   
}   

span.mini_upcomingevent_event {   
    display: block;    
    padding-bottom:8px;    
}   

#upcoming-events-portlet {    
    height:310px;    
    background:#fff;   
    border-radius: 7px 7px 0px 0px;    
    behavior: url(/UserFiles/Servers/Server_6/File/Theme/PIE.htc);   
    position: relative;    
}   

a.mini_upcomingevent_event_bold {   
    display: none;   
}   

#rss-icon-events {    
    position: absolute;    
    bottom: 0px;   
    margin-left: 10px;     
    clear: both;   
    /* padding: 55px 10px 0;   
   *padding-top: 107px; */   
    background: #fff;    
}   

#rss-icon-events a:link, #rss-icon-events a:visited, #rss-icon-events a:active, #rss-icon-events a:hover {    
    color: #777777;   
    text-decoration: none;    
}   


#rss-icon-events img {    
    position: relative;   
    top: 3px;   
}   

/** CSS added by Chris    
.tbl_mini_upcomingevent {   
 padding-bottom: 10px\9;    
} **/   


/** CSS added bj VJ **/   
.no-uppercase a {   
    text-transform: none !important;    
}   

/***** SUBPAGE TEMPLATE CSS ******/   

/************************* Basic Wireframe ***********************/   

html, #aspnetForm {   
    height:100%;   
}   

html {    
    overflow-x: hidden;    
}   

body {    
    font-family:Source Sans Pro, tahoma, sans-serif;   
    text-align:left !important;    
    font-size: 14px;   
    height:100%;   
}   

#main-bg {    
    background:url(/UserFiles/Servers/Server_6/Image/Theme/cot-bg-repeat6.jpg) repeat-x top #878c92;    

}   

#main-wrapper {   
    background:url(/UserFiles/Servers/Server_6/Image/Theme/cot-bg6.jpg) no-repeat top center;    
}   

#wrapper {    
    clear:both;    
    min-height:100%;   
    width:100%;    
    z-index:900;     
    position:relative;   
    text-align:left;   
}   


.clear {    
    clear: both;   
}     

.no-bg {    
    background:none !important;    
}   


/************************ Basic Typographic Styles *****************/   

a,    
a:link,   
a:visited,    
a:active,     
a:hover {   
    font-family: Source Sans Pro, tahoma, sans-serif;    
    text-decoration:none;    
    color:#2D6D93;   
    font-size:14px;    
}   

a:hover {   
    text-decoration:underline;   
}   

a.no-line:hover {   
    text-decoration:none;    
}      

ul, ol {
margin: 0px;
padding: 0px;
}

#subpage ul,    
#subpage ol {   
    padding-left:25px;   
}   

h1 {    
    color:#000;    
    text-decoration:none !important;   
    margin:0px;    
    padding:0px;   
    font-family: georgia, serif;     
}   

h2 {    
    margin:0px;    
    padding:0px;   
    font-size:18px;    
    font-family: tahoma, sans-serif;     
}   

h3 {    
    margin:0px;    
    font-size:15px;    
    padding:0px;   
}   

h4 {    
    margin:0px;    
    padding:0px;   
}   


p {   
    font-size:inherit;   
    padding:0px;   
    margin:0px;    
}   

/************************* Basic Wireframe ***********************/   

#content-wrapper {    
    width:100%;    
    max-width:950px;   
    margin:auto;   
}   

#contents {   
    width:100%;    
    max-width:950px;   
    margin:0px auto;   
    padding:0px 0px 0px;    
    text-align: left;    
    min-height:100%;   
}   

#theme {    
    min-height:100%;   
}   

#page {   
    margin:0px;    
    padding:0px;   
}   


#cot-topbar {   
    width:100%;    
    height:55px;   
    background:#0a3b61;    
    *z-index: 3100; /*IE7*/   
    _z-index: 3100;   
    position: relative;    

}   

#cot-topbar-links-wrapper {   
    margin:auto;   
    width:100%;    
    max-width:950px;   
    padding-top:18px;    
}   

#cot-topbar-links-wrapper ul {    
    margin-left:-25px;   
}   


#cot-topbar-links-wrapper li {    
    display: inline;   
    padding:0px 10px 0px 25px;   
    background:url(/UserFiles/Servers/Server_6/Image/Theme/cross2.png) no-repeat;    
}   

#cot-topbar-links-wrapper li a,   
#cot-topbar-links-wrapper li a:link,    
#cot-topbar-links-wrapper li a:visited,   
#cot-topbar-links-wrapper li a:active,    
#cot-topbar-links-wrapper li a:hover{   
    color:#fff;    
    font-size:11px;    
    text-decoration:none;    
    text-transform:uppercase;    
    z-index:8000;    
}   


#fb-button {    
    width:80px !important;   
    float: left;   
}   

.fb_iframe_widget iframe {    
    z-index: 5000;   
}   

#twitter-button {   
    width:120px !important;    
    float: left;   
}   

#mouseprints {    
    margin-top:0px;    
    margin-left:6px;    

}   

#mouseprints ul#mp {    
    width:305px;   
    *width:325px;   
}   

#cot-main-section {   
    margin:0px;    
    padding:0px;   
}   

#cot-home-banner {    
    margin:0px;    
    padding:0px;   
    float: left;   
    clear: both;   
}    

#cot-logo {   
    width:200px;     
    float:left;    
}   

/******************************* Searchbar *************************************/   

#searchbar {    
    width:185px;   
    float: right;    
    margin-right:4px;   

}   

.divSearchBox {   
    width:185px;   
    height:28px;   
    background:url(/UserFiles/Servers/Server_6/Image/Theme/searchbar1.png) no-repeat top right;    
    margin-top:-5px;   
    padding:0px;   
}   

input.SearchTerm {    
    background:url(/UserFiles/Servers/Server_6/Image/Theme/search-icon.png) no-repeat right;   
    width:180px;   
    margin:5px 0px 0px 4px;    
    padding:2px 0px;   
    border:0px;    
    border-style:none;   
}   

input.SearchTerm:focus {    
    background:transparent !important;   
}   

.SearchButton {   
    display: none;   
}   

#cityqa{    
    position:relative;   
    bottom:0px;    
    left:-40px;     
    width:68px;    
    height:20px;    
    float:left;   
}   
/*********************** Google Translate *************************/

.goog-te-gadget-simple {
	background:none !important;
	width:20px;
	height:20px;
	border:0px !important;
	border-style:none !important;
}

.goog-te-gadget-icon {
	display: none !important;
}

.goog-te-menu-value span {
	border: 0px !important;
	color:#fff;
	font-size:12px !important;
	position:relative; 
	top:3px;
	*top:0px;
}

a.goog-te-menu-value {
	text-decoration:none !important;
	position:relative;
	width:75px !important;
	bottom:2px;
	*bottom:0px;
	display: block;
	text-align: right;
	font-size:12px !important;
}

.goog-te-menu-value span:first-child {
	display: none !important;
}

#translate {
	color:#fff;
	font-size:11px;
	text-decoration:none;
	background:url(/UserFiles/Servers/Server_6/Image/Theme/cross2.png) no-repeat; 
	float: left;
	width:3px;
	position:relative;
	top:0px;
	*top:2px;
	right:103px;
	text-transform:uppercase;
}


a.goog-te-menu2-item:link .text {
	color:#394c6c;
}

div.skiptranslate {
	border-style: none !important;
	border:0px !important;
}


a.goog-te-menu-value:link {
	text-decoration:none;
}


/************************ Layout *******************************/   

#layout {   

}   

#layout-left {    
    width:100%;    
    max-width:530px;   
    float: left;   
    margin-top:15px;   
    padding-right:20px;    
    border-right:1px solid #bbb;   
}   

#layout-right {   
    width:140px;     
    float: left;   
    margin-top:15px;   
    padding-left:20px;   
}
@media screen and (max-width: 950px) {
    #layout-right {
        margin-top: 10px !important;
    }
}   


/******************************* Searchbar *************************************/   

#searchbar {    
    width:185px;   
    float: right;    
    margin-right:4px;   
}   

.divSearchBox {   
    width:185px;   
    height:28px;   
    background:url(/UserFiles/Servers/Server_6/Image/Theme/searchbar1.png) no-repeat top right;    
    margin-top: 0px;   
    padding:0px;   
    vertical-align: top;   
}   

input.SearchTerm {    
    background:url(/UserFiles/Servers/Server_6/Image/Theme/search-icon.png) no-repeat top right;   
    width:180px;   
    margin:5px 0px 0px 4px;    
    padding:2px 0px;   
    border:0px;    
    border-style:none;   
    vertical-align: top;   
}   

input.SearchTerm:focus {    
    background:transparent !important;   
}   

.SearchButton {   
    display: none;   
}   

/********************************** Footer *******************************/   

#footer-wrapper {   
    background: #0A3B61;   
    clear: both;   
    position: relative;    
    z-index:10;    
    text-align: left;    
}   


#footer {   
    padding:20px 0px;    
    width:100%;    
    max-width:950px;   
    margin: auto;    
    overflow: auto;    
}   

#crm-links {    
    /* width:760px; */    
    width:100%;    
    max-width: 740px;    
    float: left;   
    text-align: left;    
    padding-top: 10px;   
}   

#crm-links ul {   
    margin:0px 0px 5px;    
}   

#crm-links ul li {    
    display: inline;   
    padding-right:20px;    
    margin:0px;    
}   

#crm-links a:link,    
#crm-links a:visited,   
#crm-links a:active,    
#crm-links a:hover {    
    color:#fff;    
    text-decoration:none;    
}   


#footer-address {   
    color:#fff;    
    text-align: left;   
}   

#weather {    
    /* width:160px; */   
    float: right;    
}   

/********************** Mega Menu *******************************/    
/*    
#menubar {    
 position:relative;   
 z-index:3000;    
 right:8px;   
 height:37px;   
 vertical-align:top;    
}   
    
 #menu {    
  list-style:none;  
  padding:0px 0px 0px 5px;  
    float: right;   
} */    

#menu ul {    
    margin:0px;     
    padding:0px;    
}   

/*    
#menu li {    
  float:left; 
  display:block;  
  position:relative;  
  padding: 4px 0px 2px; 
    *padding:4px 0px 4px;   
  margin:0px 2px 0px 0px; 
  border:none;  
  font-size:14px;   
  font-family:Arial, Helvetica, sans-serif; 
  text-align:center !important; 
    width:140px;    
  line-height:21px; 
  text-align:center !important; 
}   
*/    


/*    
#menu li:hover {    
  padding: 4px 0px 2px; 
    *padding:4px 0px 4px;   
  margin:0px 2px 0px 0px; 
    *margin-right:-12px;    
  /*text-align:center !important; 
} */    

#menu li#mm-residents {   
    background:url(/UserFiles/Servers/Server_6/Image/Theme/mm-blue.png) no-repeat left;    
}   

#menu li#mm-residents:hover {   
    background:url(/UserFiles/Servers/Server_6/Image/Theme/mm-white.png) no-repeat left;   
}   

#menu li#mm-visitors {    
    background:url(/UserFiles/Servers/Server_6/Image/Theme/mm-blue.png) no-repeat left;    
    margin-right:0px;    
    padding-right:0px;   
}   

#menu li#mm-visitors:hover {    
    background:url(/UserFiles/Servers/Server_6/Image/Theme/mm-white.png) no-repeat left;   
    margin-right:0px;    
    *margin-right:-14px;    
    padding-right:0px;   
}   

.strong {   
    font-weight:bold; 
}   
.italic {   
    font-style:italic;  
}   

.imgshadow { /* Better style on light background */   
    background:#FFFFFF; 
    padding:4px;  
    border:1px solid #777777; 
    margin-top:5px; 

}   
.img_left { /* Image sticks to the left */    
    width:auto; 
    float:left; 
    margin:5px 15px 5px 5px;  
}   

#menu li .black_box {   
    background-color:#333333; 
    color: #eeeeee; 
    padding:4px 6px 4px 6px;  
}   

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

#menu li ul li {    
    background: url(/UserFiles/Servers/Server_6/Image/Theme/arrow-bullet.jpg) no-repeat scroll 0 20px transparent;   
    font-size:12px; 
    /* line-height:24px; */ 
    line-height:15px;   
    position:relative;  

    /* padding:0; */  
    padding:5px 0px 10px 10px;    
    margin:0; 
    float:none; 
    text-align:left;  
    width: 100%;  
    border-bottom: 1px dashed #DADADA;

}   

#menu li ul li:hover {    
    background: url(/UserFiles/Servers/Server_6/Image/Theme/arrow-bullet.jpg) no-repeat scroll 0 20px transparent; 
    border:none;  
    /* padding:0; */  
    padding:5px 0px 10px 10px;    
    margin:0; 
    border-bottom: 1px dotted #CCCCCC;    
}     

#menu li .greybox li {    
    background:#F4F4F4; 
    border:1px solid #bbbbbb; 
    margin:0px 0px 4px 0px; 
    padding:4px 6px 4px 6px;  
    width:116px;  
}   

#menu li .greybox li:hover {    
    background:#ffffff; 
    border:1px solid #aaaaaa; 
    padding:4px 6px 4px 6px;  
    margin:0px 0px 4px 0px; 
}   


/*********************** Subpage  *************************/    


#print {    
    float: right;    
    position:relative;   
    top:20px;    
    right:20px;    
}   

#lefthand {   
    width:100%;    
    max-width:175px;   
    float: left;   
    margin-right:5px;    
    clear: left;   
    margin:0px 10px;   
    background:#374a69;    
    word-wrap:break-word;    
}   

#righthand {    
    width:100%;   
    max-width:740px;   
    float: left;   
    margin-left:6px;   
    padding-bottom:20px;   
}   

#subpage-theme {    
    min-height:100%;   
}   


#subpage-wrapper {    
    clear: both;   
    overflow: hidden;
    background:url(/UserFiles/Servers/Server_6/Image/Theme/blue-lefthand.jpg) repeat-y center top;     
    width:100%;    
    max-width:950px; /*required*/    
    padding-top:9px;   
    min-height:800px;    
    margin-bottom: 15px;
}   


#subpage {    
    color:#222;    
    margin-left:10px;
    line-height: 22px;
    font-size: 15px;   
}   
#subpage a {
    font-size: 15px;
}
#pagetitle {    
    padding:0px;   
    letter-spacing:0.04em;   
    color: #333;   
    height:200px;    
    /*background:url(/UserFiles/Servers/Server_6/Image/Theme/headerimages/tabbedmenus/business/business.jpg) no-repeat; */   
}   

#pagetitle h2 {   
    display: block;    
    background:url(/UserFiles/Servers/Server_6/Image/Theme/pagetitle-h2-bg.png) repeat-y left !important;    
    padding:5px 10px;   
    word-wrap:break-word;    
    font-size:24px;    
    position:relative;   
    font-weight:normal;    
    top:150px;   
}   

#pagetitle-no-header {    
    padding-top:20px;    
}   

#pagetitle-no-header h2 {   
    display: block;    
    word-wrap:break-word;    
}   

#pagetitle a:link,    
#pagetitle a:visited,   
#pagetitle a:active,    
#pagetitle a:hover,   
#pagetitle-no-header a:link,    
#pagetitle-no-header a:visited,   
#pagetitle-no-header a:active,    
#pagetitle-no-header a:hover {    
    text-decoration:none !important;   
}   

#breadcrumbs {    
    margin: 0px 0px 5px 10px;    
    padding-bottom:5px;    
    border-bottom:1px solid #666; 
    width: auto !important;   
    max-width: 92%;
}   


#breadcrumbs-no-header {    
    margin:15px 15px 0px 10px;   
    padding-bottom:5px;    
    border-bottom:1px solid #666;    
}   

#breadcrumbs,     
#breadcrumbs a:link,    
#breadcrumbs a:visited,   
#breadcrumbs a:active,    
#breadcrumbs a:hover,   
#breadcrumbs-no-header,     
#breadcrumbs-no-header a:link,    
#breadcrumbs-no-header a:visited,   
#breadcrumbs-no-header a:active,    
#breadcrumbs-no-header a:hover {    
    color:#2687bc;   
    color:#3279a3;   
}   

#breadcrumbs a:first-child {    
    display: none !important;    
}   


/******************************* Print Preview ****************************/    

.bread-print {    
    border-bottom:1px solid #666;   
}   

#breadcrumbs {    
    margin:10px 0px 5px 10px;   
    padding-bottom:5px;   
    border-bottom:none;   
    float: left;    
}   

@media screen and (min-width: 769px) {
    #breadcrumbs {max-width: 82%;}
}

#print-friendly {   
    float: right;   
    margin-top: 10px;   
}   


@media print {    

    .radmenu,   
    #bg,    
    #cot-topbar,    
    #Logo,    
    #fb-root,   
    #menubar,   
    #lefthand,    
    #breadcrumbs,   
    #breadcrumbs-no-header,   
    #footer-wrapper {   
        display: none;   
    }   

    body {    
        font-family:tahoma, sans-serif !important;   
    }   


    html, body,   
    #aspnetForm,    
    #main-wrapper,    
    #wrapper,   
    #contents,    
    #content-holder,    
    #subpage-theme,   
    #subpage-wrapper,   
    #righthand,   
    #pagetitle,   
    #subpage,   
    #layout,    
    #layout-left,   
    #layout-right,    
    .ptl_page,    
    .ptl_portlet_vertical  {    
        float: none !important;   
        margin:0px !important;   
        padding:0px !important;    
        font-size:14px !important;   
        background:#fff !important;    
        width:100% !important;   
        position:static !important;   
    }   

    h1,   
    h2,   
    h3,   
    h4 {    
        margin:0px !important;   
        padding:0px !important;    
    }   

    #pagetitle,    
    #pagetitle-no-header {    
        height:0px;    
        padding:0px;   
        margin:0px;    
        padding-bottom:30px !important;    
    }   

    #pagetitle h2 {   
        top:0px !important;    
    }   
div.ui-accordion-content {
    display: block !important;
}

}   

/** CSS added bj VJ **/   
.no-uppercase a {   
    text-transform: none!important;   
}   

#subpage-wrapper ol li {    
    list-style-type: decimal;   
}   

#subpage-wrapper ul li {    
    list-style-type: disc;    
}   

.RadTabStrip .rtsLevel1 ul {    
    padding-left: 0px !important;    
}   

.fixed_menu_page_control:hover,   
.fixed_menu_page_control:focus {    
    z-index: 3200 !important;    
}   

#tbl_news_summary #news {   
    clear: none !important;    
}   

#fb_edge_widget_with_comment {    
    z-index: 8000;   
    position: relative;    
}   


/**** TELERIK TABLE 4 *****/    

.telerik-reTable-4    
{   
    border-collapse: collapse;    
    border: solid 1px #4F81BD;    
    font-family: Source Sans Pro,tahoma,sans-serif; 
}   
.telerik-reTable-4 tr.telerik-reTableHeaderRow-4    
{   
    border-width: 1px;    
    margin-top: 0in;    
    margin-right: 0in;    
    margin-bottom: 10.0pt;    
    margin-left: 0in;   
    line-height: 115%;    
    font-size: 15px;    
    font-family: Source Sans Pro,tahoma,sans-serif; 
    /*    width: 119.7pt; */    
    /*    background: #4F81BD; */   
    background-color: #C4D1E3;    
    padding: 5px;   
    /*    color: #FFFFFF; */    
    color: #3a4663;   
}   
.telerik-reTable-4 td.telerik-reTableHeaderRow-4  
{   
    border-width: 1px;    
    margin-top: 0in;    
    margin-right: 0in;    
    margin-bottom: 10.0pt;    
    margin-left: 0in;   
    line-height: 115%;    
    font-size: 15px;    
    font-family: Source Sans Pro,tahoma,sans-serif; 
    width: 119.7pt;   
    background: #4F81BD;    
    padding: 0in 5.4pt 0in 5.4pt;   
    color: #3A4663;   
}   
.telerik-reTable-4 td.telerik-reTableHeaderFirstCol-4   
{   
    padding: 5px;   
    font-size: 15px;    
    font-family: Source Sans Pro,tahoma,sans-serif; 
    color: #3A4663;   
}   
.telerik-reTable-4 td.telerik-reTableHeaderLastCol-4    
{   
    padding: 5px; 
    font-size: 15px;    
    font-family: Source Sans Pro,tahoma,sans-serif; 
    color: #3A4663;   
}   
.telerik-reTable-4 td.telerik-reTableHeaderOddCol-4   
{   
    padding: 5px; 
    font-size: 15px;    
    font-family: Source Sans Pro,tahoma,sans-serif; 
    color: #3A4663;   
}   
.telerik-reTable-4 td.telerik-reTableHeaderEvenCol-4    
{   
    padding: 5px;   
    font-size: 15px;    
    font-family: Source Sans Pro,tahoma,sans-serif; 
    color: #3A4663;   
}   
.telerik-reTable-4 tr.telerik-reTableOddRow-4   
{   
    border-width: 1pt;    
    color: #666666;   
    font-size: 15px;    
    vertical-align: top;    
    border-bottom-style: solid;   
    border-bottom-color: #4F81BD;   
}   
.telerik-reTable-4 tr.telerik-reTableEvenRow-4    
{   
    color: #666666;   
    font-size: 15px;    
    vertical-align: top;    
}   
.telerik-reTable-4 td.telerik-reTableFirstCol-4   
{   
    border-width: 1pt;    
    border-color: #4F81BD;    
    padding: 5px;   
    border-bottom-style: solid;   
    border-left-style: solid;   
}   
.telerik-reTable-4 td.telerik-reTableLastCol-4    
{   
    border-width: 1pt;    
    border-color: #4F81BD;    
    border-bottom-style: solid;   
    border-right-style: solid;    
    padding: 5px;   
}   
.telerik-reTable-4 td.telerik-reTableOddCol-4   
{   
    border-width: 1pt;    
    border-color: #4F81BD;    
    padding: 5px;   
    border-bottom-style: solid;   
}   
.telerik-reTable-4 td.telerik-reTableEvenCol-4    
{   
    border-width: 1pt;    
    border-color: #4F81BD;    
    padding: 5px;   
    border-bottom-style: solid;   
}   
.telerik-reTable-4 tr.telerik-reTableFooterRow-4    
{   
    color: #355C8C;   
    background-color: #FFFFFF;    
    font-size: 14px;    
    vertical-align: top;    
    padding: 5px;   
}   
.telerik-reTable-4 td.telerik-reTableFooterFirstCol-4   
{   
    border-width: 1pt;    
    border-color: #4F81BD;    
    border-bottom-style: solid;   
    border-left-style: solid;   
    padding: 5px;   
}   
.telerik-reTable-4 td.telerik-reTableFooterLastCol-4    
{   
    border-width: 1pt;    
    border-color: #4F81BD;    
    border-bottom-style: solid;   
    border-right-style: solid;    
    padding: 5px;   
}   
.telerik-reTable-4 td.telerik-reTableFooterOddCol-4   
{   
    border-width: 1pt;    
    border-color: #4F81BD;    
    border-bottom-style: solid;   
    padding: 5px;   
}   
.telerik-reTable-4 td.telerik-reTableFooterEvenCol-4    
{   
    border-width: 1pt;    
    border-color: #4F81BD;    
    border-bottom-style: solid;   
    padding: 5px; 
}   


/**** BULLET-MARGIN FIX FOR IE 7*****/   

#subpage ol,    
#subpage ul {   
    *padding-left: 30px;    
}   

.cot-home-layout-3col-wide {    
    width: 370px;    
}   

.cot-home-layout-3col, .cot-home-layout-3col-wide {   
    margin-bottom: 10px;   
    margin-left: 0px;    
    margin-right: 0px;   
}   

#middle-box {   
    width: 350px;    
    padding: 0px 10px !important;   
}   

.cot-home-layout-5col {   
    width:228px;   
    float: left;   
    margin-bottom: 10px;   
}   



#res-nav {    
    display: none; 
} 

*+html .cot-home-row {margin-bottom: 10px;}     

.gov-image-two {    
    float: left;    
    padding-right: 5px;   
}   

#middle-box-left, #middle-box-right{    
    padding: 0px 6px;    
}   

#col-left {   
    padding-right: 7px;    
}   

#col-right {    
    padding-left: 7px;   
}   

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

    #menubar {
        display: none;
    }    

    .mega-sub {   
        /*display: none !important; */  
    }   

    .cot-home-row {   
        margin: 0px;   
    }   

    .cot-home-layout-3col-wide {    
        width: 309px;    
    }   

    #middle-box {   
        width: 289px;    
        padding: 0px 10px !important;   
    }   

    #cot-in-news {    
        width: 289px !important;   
        padding: 5px 0px 23px !important;    
    }   

    #upcoming-events-portlet {    
        height: 329px !important;   
    }   

    #news-home-summary-wrapper {    
        height: 283px !important;   
    }   

    .header-454 {   
        background-image: url(http://cityoftacoma.customdev.intrafinity.com/UserFiles/Servers/Server_6/Image/Theme/h289.png);    
    }   

    .h350-bottom-curve {    
        background-image: url(http://cityoftacoma.customdev.intrafinity.com/UserFiles/Servers/Server_6/Image/Theme/h289-bottom-curve2.png); 
    }   

    .gov-image {    
        width: 157px;    
        float: none;   
        margin: 5px auto;    
    }   

    .gov-image img {    
        width: 157px;    
    }   

    .gov-image-two img {    
        width: 268px;   
        margin-bottom: 27px;    
    }   

    .white {    
        height: 100%;    
    }   

    .mid-space h3 {   
        margin-top: 27px; 
    }   

    .mid-space p {    
        margin-top: 17px;    
        line-height: 21px;   
    }   

    .gov-info {   
        width: 160px;    
        margin: 0px auto;    
    }   

    #logo {   
        padding-left: 10px;    
    }   

    .slider-wrapper {   
        width: 99%;   
    }    

    #subpage-wrapper {    
        clear: both;    
        background: #fff;   
        width: 100%;    
        max-width: 950px;   
        /* min-height: 800px; */
        margin: 0px auto;   
        padding: 0px;   
    }   

    #lefthand {   
        max-width: 100% !important;   
        width: 100% !important;   
        float: none;    
        margin: 0px !important;   
        clear: left;    
        background: #374a69;    
        word-wrap: break-word;    
    }   

    #righthand {    
        width: 99%;   
        max-width: 100%;   
        margin: 0px;   
        padding-bottom: 20px;    
    }   

    #pagetitle {    
        width: 100%;   
    }   

    #subpage {    
        color: #222;    
        margin-left: 0px;   
        padding: 10px;    
    }   

    #COT-nav, #Level4 a.sub {   
        margin: 0px !important;    
    }   

    #Level2, #Level3, #Level4, #Level5, #Level6, #Level1 {    
        padding: 0px !important;   
    }   

    #Level1 {   
        display: none;   
    }   

    #Level1_sel, #Level2_sel, #Level3_sel, #Level4_sel, #Level5_sel, #Level6_sel {    
        padding: 0px !important;  
    }   

    a.header_sel, .sub, .sub_sel {    
        padding: 10px 0px 10px 20px !important; 
        border-top: solid 1px #41587c !important;   
        border-bottom: solid 1px #324460 !important;    
        width: 100% !important;   
    }   

    a.header_sel:hover, a.sub:hover, a.sub_sel:hover, #pull:hover {   
        width:auto; 
        background: #344662; 
        text-decoration: none !important;  
    }    

    #layout-left {    
        width: 100%;    
        max-width: 100%;    
        float: none;    
        margin-top: 15px;   
        padding: 0px 0px 20px 0px;    
        border-bottom: 1px solid #bbb;    
    }   

    #layout-right {   
        width: 100% !important;   
        float: none;    
        margin-top: 15px;   
        padding-left: 0px;    
    }   

    #layout {   
        text-align: left;    
    }   

    A.header_sel:link, A.header_sel:active, A.header_sel:visited {    
        display: inline-block;    
    }   


}   

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

    #middle-box-left, #middle-box-right{    
        padding: 0px 6px;    
    }   

    #col-left {   
        padding: 0px 6px;    
    }   

    #col-right {    
        padding: 0px 6px;    
    }   

}   

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

    #footer-wrapper {   
        background: #0A3B61;   
        clear: both;   
        height:auto;   
        position: relative;    
        z-index:10000;   
        text-align: left;    
    }   


    #footer {   
        padding:2px 0px;   
        width: 96%;    
        max-width:950px;   
        margin: auto;    
        overflow: auto;    

    }   

    #crm-links {    
        /* width:760px; */   
        width: 100%;   
        max-width: 740px;    
        float: none;   
        text-align: center;    
        padding-top: 7px;    
    }   

    #crm-links ul {   
        margin-botom:5px;    
    }   

    #crm-links ul li {    
        display: inline;   
        padding:11px;    
    }   

    #footer-address {   
        color:#fff;    
        text-align: left;    
        /*padding-top: 10px;*/   
    }   

    #usr-lnk {    
        width: 100%;   
        text-align: center;    
        margin-top: 10px;    
    }   


    

    #divMenuOffset {    
        display: none;   
    }   

    #menubar {    
        display: none;   
    }   

    #logo {   
        padding: 9px 0px 10px 10px;   
    }   

    #res-nav {    
        display: inline; 
        width: 100%; 
    } 
    #res-nav ul {    
        width: auto;  
        overflow: hidden;   
        background: #3a4f6f; 
    }    

    #res-nav ul li:hover {   
        width: 100%;  
        background: #344662; 
    }    

    #res-nav ul li {    
        display: none;    
    }   

    .drop {    
        padding: 10px 0px 10px 20px !important;  
        border-top: solid 1px #41587c !important;  
        border-bottom: solid 1px #324460 !important; 
        width:100%;  
        display: inline-block !important; 
    }    

    #res-nav ul li a {   
        color: white; 
        text-decoration: none;  
        width:100%; 
        height: 100%; 
    }    

    #pull {    
        padding: 10px 0px 10px 20px; 
        border-top: solid 1px #41587c; 
        border-bottom: solid 1px #324460;  
        width:auto;  
        height: 100%; 
        background: #3a4f6f;  
        color: #fff;  
    }    

    .divSearchBox {    
        margin: 0px!important;  
    }    

    .slider-wrapper {    
        width: 98%;   
    }    
    #tp-lnks {   
        width: 414px;    
        margin: 0px auto;   
    }   

    #tp-links:after {   
        content:'';    
        display: black;    
        clear: both;   
    }   

    #mouseprints {    
        margin-top: 4px;    
        margin-left:6px;    
    }   

    #mouseprints ul#mp {    
        width: 261px;   
    }   

    #cot-topbar-links-wrapper li {    
        display: inline;    
        padding: 0px 3px 0px 19px;    
    }   

    #social-media {   
        display: none;   
    }   


    #searchbar {    
        float: right; 
    } 

    #impairments {    
        color: #fff;   
        width: 100%;   
        text-align: center;    
    }   

    #copyright {    
        width: 100%;   
        text-align: center;    
    }   

}   

@media screen and (max-width: 400px) {    
    .slider-wrapper { 
        width: 97%;   
    }    

}   

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

    .cot-home-layout-5col {  
        width:289px;   
        float: left;   
    }   

    .header-182 {    
        background-image: url(http://cityoftacoma.customdev.intrafinity.com/UserFiles/Servers/Server_6/Image/Theme/h289.png);    
        height: 36px;   
    }   

    .h182-bottom-curve {    
        background: url(/UserFiles/Servers/Server_6/Image/Theme/h289-bottom-curve2.png) no-repeat bottom transparent; 
        height: 10px;   
        clear: both;    
    }   

}   

@media screen and (max-width: 900px) {    
    #weather {   
        display: none;  
    }    
}   


@media screen and (max-width: 780px) {    
    #social-media {   
        display: none;   
    }   

}   


@media screen and (min-width: 490px) {
    #logo h1 {
        display: inline;
        float: left;
    } 
}

  .footer-inner-box {
        float: left;
        clear: none;
        margin: 15px 10px;
        width: 21%;
    }
@media screen and (max-width: 950px) {
 .footer-inner-box {
        float: left;
        clear: none;
        margin: 15px 10px;
        width: 21%;
    }
}
@media screen and (max-width: 650px) {
    #logo {
        margin-bottom: -15px !important;
    }
    #logo img {
        max-width: 80%;
    } 
    #search-box {
        margin-top: -10px;
    }
	  .footer-inner-box {
        float: none;
        position: relative;
        display: block;
        margin: 15px auto;
        width: 90%;
        max-width: 90%;
    }
	#city-copyright {
    margin: 0 auto;
    position: relative;
    width: 90%;
}
}

@media screen and (max-width: 490px) {
    #logo {
        text-align: center;
        box-sizing: border-box;
        margin: 0;
        padding: 0 20px;
    }
    #logo img {
        max-width: 100% !important;
    }
    #responsiveTrigger {
        float: none !important;
        display: inline-block !important;
        left: 0px !important;
    }
}


@media screen and (max-width: 440px) {    
    #logo img { 
        /*width: 100%; */
    } 
    #searchbar {  
        width: 180px; 
        margin: 7px auto;   
    } 

    .divSearchBox { 
        margin: 0px auto !important; 
    } 

    #cot-topbar { 
        height: 88px !important;   
    }   

    #mouseprints ul#mp {    
        width: 305px;   
        text-align: center;   
    }   

    #tp-lnks {    
        width: 215px;   
        margin: 0px auto;   
    }   

    #cot-topbar-links-wrapper {   
        padding-top: 5px;   
    }   

    #cot-topbar {   
        height: 75px !important;    
    }   

    #search-wrap{   
        width: 180px;   
        margin: 0px auto;   
    }   

}   


/***FOOTER FIXES*****/    
#footer-address {   
    /* color: #C0C0C0; */   
    	font-size: 14px;
}     

#weather td {   
    font-size: 12px !important;    
}   


#weather a,   
#weather a:link,    
#weather a:visited,   
#weather a:active,    
#weather a:hover {    
    text-align: left;    
    font-size: 12px;   
}   

#crm-links {    
    padding-top: 0px !important;   
}   

img.weatherImg {    
    padding-bottom: 5px;   
}   

#footer-mp {    
    max-width: 600px;    
    margin-top: 0px;   
}   

#footer-mp ul li{   
    padding-right: 0px !important;   
}   

#footer-mp li {   
    display: inline;   
    padding: 0px 10px 0px 0px !important;    
}   

.footer-link {    
    font-family: Source Sans Pro,tahoma,sans-serif;    
    font-size: 11px !important;    
    color: #ffffff;    
    text-decoration: none;   
}   

#impairments{   
    padding-top:5px !important;   
    max-width: 785px;     
    font-size:11px !important;    
}   

#copyright {    
    padding-top:5px !important;   
    max-width: 500px;   
    color:#C0C0C0;    
    font-size:11px !important;    
    float: left;    
    height: 18px;   
}   

#weather td {   
    padding-top: 5px !important;    
}   



/************* CSS added by Andy for ADA *************/   


a:link { /* general link */   
    color:#0A49D1;   
}   
a:visited { /* general link - visited */    
    color:#660033;   
}   
a.mini_upcomingevent_event:link { /* general link */    
    color:#245776;   
}   
a.mini_upcomingevent_event:visited { /* general link - visited */   
    color:#660033;   
}   
.mini_upcomingevent_event { /* portlet link dates */    
    color:#4F4F4F;   
}   
#breadcrumbs, /* breadcrumb links */    
#breadcrumbs a:link,    
#breadcrumbs a:visited,   
#breadcrumbs a:active,    
#breadcrumbs a:hover,   
#breadcrumbs-no-header,   
#breadcrumbs-no-header a:link,    
#breadcrumbs-no-header a:visited,   
#breadcrumbs-no-header a:active,    
#breadcrumbs-no-header a:hover {    
    color:#0A49D1;    
}   
#copyright {    
    color:#FFFFFF;   
}   
#impairments {    
    color:#FFFFFF;   
}   
#menu li .drop { /* tabbed menu text - without hovering */    
    color:#FFFFFF;   
}   
#menu li:hover div a:hover { /* mega menu link - on hover */    
    color:#4889A8;   
}   
#menu li ul li span.item-description { /* mega menu link description */   
    color:#454545;   
}   
#rss-icon a:link, /* news portlet see all link */   
#rss-icon a:visited,    
#rss-icon a:active,   
#rss-icon a:hover {   
    color:#4F4F4F;   
}   
#rss-icon-events a:link, /* calendar portlet see all link */    
#rss-icon-events a:visited,   
#rss-icon-events a:active,    
#rss-icon-events a:hover {    
    color:#4F4F4F;   
}   

/** end CSS added by Andy for ADA **/   

input.gsc-input {   
    *background-image: none !important;    
}   

#print-friendly {   
    text-align:right !important;   
}   

#pagetitle h2 {
    margin-top: -200px;
}

h1 {
    font-family: tahoma;
}
h2 {
    font-size: 17px;
}
h3 {
    color: #222;
    font-weight: bold;
    font-size: 16px;
}
h4 {
    font-size: 15px;
}
h5 {
    margin: 0;
    font-size: 14px;
}

#subpage {
    padding-top: 10px;
}

#layout-left {
    margin-top: 0;
}

#layout-right {
    margin-top: 0;
    font-size: 14px;
}

#layout-right a {
    font-size: 14px;
}

#subpage li {
    margin-bottom: 3px;
}

#subpage ul, #subpage ol { 
    margin: 15px;
}

#pagetitle h1 {   
    display: block;  
    background: rgba(255, 255, 255, .85) !important;  
    /* background:url(/UserFiles/Servers/Server_6/Image/Theme/pagetitle-h2-bg.png) repeat-y left !important;  */  
    padding:5px 10px;   
    word-wrap:break-word;    
    font-size:24px;      
    font-weight:normal;    
    /* top: -55px; */   
    text-transform: none;
    position: absolute;
    bottom: 10%;
    left:  0;
    right:  0;
    height:  auto;
}


@media screen and (max-width: 769px) {
    #pagetitle h1 {
        /* top: -80px; */
    }
}

input.gsc-input {
    background: none !important;
    /* background: url('/UserFiles/Servers/Server_6/Image/Theme/search.png') no-repeat right 0px !important; */
    font-size: 12px !important;
    padding-top: 3px !important;
    color: #666;
}

input.gsc-input:active, input.gsc-input:focus {
    /* background: url('/UserFiles/Servers/Server_6/Image/Theme/search.png') no-repeat right 0px !important; */
}

.gsib_b {
    display: none;
}

#social-media img {
    width: 16px;
    margin-right: 10px;
    margin-top: 2px;
}

#social-media img:hover {
    opacity: .8;
}

h6 {
    font-size: 13px;
}

h1, h2, h3, h4, h5, td {
    font-family: Source Sans Pro, tahoma, sans-serif;
}


#ctl00_ContentPlaceHolder1_ctl09_divCalendarPicker, 
#ctl00_ContentPlaceHolder1_ctl10_pnlCalendarPicker,
#ctl00_ContentPlaceHolder1_ctl13_divCalendarPicker,
#ctl00_ContentPlaceHolder1_ctl13_pnlCalendarPicker {
    display: none;
}

/* new footer */

#new-footer {
    background: #0A3B61;
    padding: 20px 10px;
    font-size: 15px;
}

#new-footer, 
#new-footer a {
    font-size: 15px;
    color: #fff;
}

#new-footer .footer-nav-links a {
    font-size: 15px;
}

#new-footer ul {
    margin-bottom: 5px;
}

.footer-container {
    max-width: 950px;
    margin: 0 auto;
}

.footer-nav-links li {
    display: inline;
    margin-right: 20px;
}

.footer-meta-links li {
    display: inline;
    margin-right: 10px;
}

@media screen and (max-width: 769px) {
    .footer-nav-links li, 
    .footer-meta-links li {
        display: block;
        margin-bottom: 5px;
    }
    #new-footer {
        padding: 20px 10px;
    }
}

/* end new footer */

#pagetitle {
    height: auto;
    /* margin-bottom: -40px; */
    position: relative;
}

@media screen and (max-width: 769px) {
    #pagetitle {
        height: auto;
        background: none;
    }
    #pagetitle img {
        width: 100%;
        height: auto;
    }
    #pagetitle h1 {
        font-size: 20px;
    }
    #breadcrumbs {
        /*margin-top: -10px;*/
    }
    #print-friendly {
        display: none;
    }

}

@media screen and (max-width: 950px) {
    #lefthand {
        display: none;
    }
    #layout,#layout a,#layout-right,#layout-right a, #layout-left, #layout-left a {
        line-height: 1.5;
        font-size:16px;
    }
    #pagetitle img {
        width:98%;
    }
	
}

#responsive-menu {
    display: none;
}
.RadMenu ul.rmRootGroup {
    display: none !important;
}


/* new footer */

#new-footer {
    background: #0A3B61;
    padding: 20px 10px;
}

#new-footer, 
#new-footer a {
    font-size: 15px;
    color: #fff;
}

#new-footer .footer-nav-links a {
    font-size: 15px;
}

#new-footer ul {
    margin-bottom: 5px;
}

.footer-container {
    max-width: 950px;
    margin: 0 auto;
}

.footer-nav-links li {
    display: inline;
    margin-right: 20px;
}

.footer-meta-links li {
    display: inline;
    margin-right: 10px;
}

@media screen and (max-width: 769px) {
    .footer-nav-links li, 
    .footer-meta-links li {
        display: block;
        margin-bottom: 5px;
    }
    #new-footer {
        padding: 20px 10px;
    }
}

/* end new footer */

@media screen and (max-width: 769px) {
    .row .ptl_portlet_vertical:nth-child(2) {
        display: none;
        padding-bottom: 20px;
    }
    .row .col, .row .col .ptl_portlet_vertical {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }
    .row-2 {
        display: none;
    }
    .row .col {
        margin-bottom: -20px;
    }
    .row-3 .col:last-child {
        margin-bottom: 20px;
    }
    #rss-icon-events{
        display: none;
    }
    #cot-main-section {
        padding: 0 20px;
    }
    .col h2 {
        padding: 15px;
        background: #2d3a52;
        border-bottom: 1px solid #fff;
    }
    .col h2:hover {
        cursor: pointer;
    }
    #slider, .slider-wrapper {
        display: none;
    }
  
    #logo {
        margin-top: 10px;
        margin-bottom: -5px;
    }
    #logo img {
        max-width: 80%;
    }
    .footer-container {
        padding: 0 15px;
    }
}


#responsiveTrigger,#formTrigger {
    display: none;
    float: right;
    padding: 10px;
    background: #0a3b61;
    border-radius: 5px;
    color: #fff;
    position: relative;
    left: -20px;
    top: 5px;
}

@media screen and (min-width: 491px) {
    #responsiveTrigger {
        margin-top: 15px;
    }
}

.hide-desktop {
    display: none;
}

.footer-social {
    margin: 10px 0;
}

.footer-social img {
    width: 16px;
    margin-right: 5px;
}

@media screen and (max-width: 950px) {
    #responsiveTrigger {display: block;}
    .hide-desktop {
        display: block;
    }
    .hide-mobile {
        display: none;
    }
    .search-box {
        margin-bottom: -7px !important;
    }
}

@media screen and (min-width: 801px) and (max-width: 818px) {
    #search-box {
        width: 170px;
    }
}


/* subpage menu trigger float fix */

/*#responsiveTrigger {
  margin-top: -67px;
}*/

@media screen and (max-width: 769px) {
    #logo {
        margin-bottom: 10px;
    }
}
#news_content_body, #news_content_date {
    font-family: Source Sans Pro,tahoma,sans-serif !important;
}
#tbl_news_summary #date {
    font-size: 14px;
}
a.mini-upcoming_event, #cot-in-news-title a.news_link, #news-summary-content a.news_link {
    font-size: 15px;
}
a.admin_menu{
    text-decoration: none !important;
}















.clear {
    clear: both;
}

#cot-header {
    background: #0a3b61;
}

#cot-header a {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
}

#cot-header-container {
    max-width: 950px;
    margin: 0 auto;
    padding: 12px 0;
}

#cot-header ul {
    float: left;
}

#cot-header li {
    display: inline;
    margin-right: 15px;
}

#cot-header li:last-child {
    margin-right: 0;
}

.search-box {
    float: right;
    background: #eee;
    margin-bottom: -20px;
    padding: 2px 0 2px 7px;
    font-size: 10px;
    border-radius: 5px;
    behavior: url(/UserFiles/Servers/Server_6/File/Theme/PIE.htc);     
}

.social-link {
    margin-right: 10px;
}

.social-link img {
    width: 14px;
    margin-top: 2px;
}

#google_translate_element {
    float: none !important;
    right: 0 !important;
}

.goog-te-gadget {
    display: inline-block;
    width: 80px;
   
}

#city-qa-link {
    position: relative;
    top: 5px;
}

#footer .social-link {
    text-align: left;
    text-indent: 15px;
}

#footer .social-link img {
    margin-right: 10px;
}

@media all and (max-width: 810px) {
    #cot-header ul {
        float: none;
        text-align: center;
        padding: 5px;
    }
    .search-box {
        float: none;
        margin: 0 auto;
        position: relative;
        top: 17px;
        max-width: 200px;
    }
    #footer {
        padding: 0 20px;
        width: auto !important;
    }
    #impairments {
        width: auto !important;
    }
}

@media all and (max-width: 480px) {
    #cot-header .hide-mobile {
        display: none !important;
    }
}

@media all and (min-width: 810px) {
    #cot-header ul {
        position: relative;
        top: 7px;    
        margin-right: 10px;
    }
    #cot-header ul:last-child {
        margin-right: 0;
    }
    #footer .social-link {
        display: none;
    }
}


/** Custom Elements **/

#buttons {
    width: 100%;
    display: block;
    margin: 10px 0px 15px 0px;
}
a.buttonBox {
    border-radius: 4px;
    float: left;
    border: solid 1px #2d3744;
    position: relative;
    padding: 10px;
    color: #ffffff;
    clear: none;
    width: 144px;
    margin: 0px 5px 10px 5px;
    background: #3F4C56;
    transition: color .25s;
    transition: background .25s;
    overflow: hidden;
    display: table;
    height: 45px;
    text-align: center;
    vertical-align: middle;
}
a.buttonBox:visited {
    color: #ffffff;
}
a.buttonBox:hover, a.buttonBox:focus {
    background: rgb(161,169,179);
    color: #222222;
    border: solid 1px rgb(150,177,179);
    cursor: pointer;
    transition: color .25s;
    transition: background .25s;
    text-decoration: none;
}
a.buttonBox p {
    vertical-align: middle;
    display: table-cell;
    font-size: 14px;
}
.ui-tooltip {
    font-family: Source Sans Pro,tahoma,sans-serif !important;
    font-size: 14px !important;
}
.ui-widget-content a {
    color: #245776;
}
.ui-widget-content a:visited {
    color: #660033 !important;
}
.ui-accordion .ui-accordion-content {
    padding: 10px;
    font-family: Source Sans Pro,tahoma,sans-serif;
    font-size: 15px !important;
    border: 0 !important;
    border-top: 0;
    overflow: hidden;
    box-sizing:content-box;
    -moz-box-sizing:content-box;
    line-height: 22px;
}
.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin-top: 2px;
    padding: .5em .5em .5em .7em;
    min-height: 0; /* support: IE7 */
}
.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}
.ui-state-default  {
    font-size: 15px !important;
    background: #3F4C56 !important;
    color: #ffffff !important;
    font-weight: 100 !important;
    clear: both !important;
transition-property: all;
  transition-duration: .25s;
  transition-timing-function: ease-in-out;
}
.ui-widget-content .ui-state-active, .ui-widget-content .ui-state-hover, .ui-state-active,  .ui-state-hover, .ui-accordion-
header:focus, .ui-state-focus  {
    background: #206395 !important;
    color: #ffffff !important;
    border-radius: 4px !important;
}
.ui-corner-all {
    border-radius: 4px !important;
}
.accordion ol, .accordion ul {
    margin: 15px !important;
}
.accordion ol li, .accordion ul li {
    margin-bottom: 5px !important;
}
.ui-accordion .ui-accordion-icons {
    padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px;
}
.ui-icon {
    width: 16px;
    height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url('https://www.cityoftacoma.org/userfiles/servers/server_6/Image/Theme/ui-icons_ffffff_256x240.png');
}
.ui-widget-header .ui-icon {
    background-image: url('https://www.cityoftacoma.org/userfiles/servers/server_6/Image/Theme/ui-icons_ffffff_256x240.png');
}
.ui-state-default .ui-icon {
    background-image: url('https://www.cityoftacoma.org/userfiles/servers/server_6/Image/Theme/ui-icons_ffffff_256x240.png');
}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
    background-image: url('https://www.cityoftacoma.org/userfiles/servers/server_6/Image/Theme/ui-icons_ffffff_256x240.png');
}
.ui-state-active .ui-icon {
    background-image: url('https://www.cityoftacoma.org/userfiles/servers/server_6/Image/Theme/ui-icons_ffffff_256x240.png');
}
.ui-state-highlight .ui-icon {
    background-image: url('https://www.cityoftacoma.org/userfiles/servers/server_6/Image/Theme/ui-icons_ffffff_256x240.png');
}
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
    background-image: url('https://www.cityoftacoma.org/userfiles/servers/server_6/Image/Theme/ui-icons_ffffff_256x240.png');
}
.ui-spinner .ui-icon-triangle-1-s {
    /* need to fix icons sprite */
    background-position: -16px -192px;
}
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: 0px -192px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -16px -192px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
button.info {
    float: left;
    clear: none;
    margin: 10px;
    cursor: pointer;
    border: 0px;
    padding: 10px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    color: #ffffff; transition:
        background 0.5s ease;
    transition: color 0.1s ease;
    background: #206395;
}
button.info:hover, button.info:focus {
    transition: background 0.5s ease;
    transition: color 0.1s ease;
    background: #909B4C;
    color: #222222;
    outline: none;
}
.hidden-instructions {
    position:absolute;
    left:-10000px;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
}

a.pledge-button {
    padding:  15px 0px;
    text-align: center;
    float:  left;
    clear:  none;
    transition: color 1s;
    transition:  border 1.5s;
    transition:  background .4s;
    background: #f37f42;
    border: 2px solid #f1976a;
    color: #000000;
    font-size:  16px;
    position:  relative;
    border-radius:  4px;
}
.pledge-button a {
    font-size: 16px;
    width: 100%;
    max-width: 730px;
}
a.pledge-button, a.pledge-button:visited, a.pledge-button:active {
    transition: color .4s;
    color: #000000;
    text-decoration: none;
    width: 100%;
    max-width: 524px;
}
a.pledge-button:focus, a.pledge-button:hover {
    transition: color .4s;
    color: #ffffff;
}
.pledge-buttons {
    text-align:  center;
    display: inline-block;
    margin: 10px auto;
    padding:  0;
    position:  relative;
    clear:  both;
}
a.pledge-button:hover {
    background: #863594;
    border: 2px solid  #7E2F8C;
    color: #ffffff;
    transition: color 1s;
    transition:  border 1.5s;
    transition:  background .4s;
    cursor:  pointer;
}
a.pledge-button:focus {
    background: #863594;
    border: 2px solid  #7E2F8C;
    color: #ffffff;
    transition: color 1s;
    transition:  border .7s;
    transition:  background .4s;
    cursor:  pointer;
}
.granicus-video-iframe {
width: 100%;
height: 770px;
border: 0;
margin-top: 30px;
}
.granicus-archive-iframe {
width: 100%;
height: 600px;
border: 0;
}
iframe.three-fifty-px {
    width: 100%;
    height: 350px;
    margin-bottom: 20px;
    }
    .comp-plan {
    width: 38%;
    display:  inline-block;
    vertical-align:  top;
    margin: 10px;
    padding:  20px;
    background: #194666;
    color:  #ffffff;
    border-radius: 4px;
    min-height: 540px;
    }
    .comp-plan p {
    margin: 0px 0px 10px 0px;
    }
    .comp-plan h4 {
    font-size: 17px;
    margin-bottom: 10px;
    }
    td.option {
    width: 40%;
    font-size: 15px;
    }
    td.yes {
    color: rgb(12, 97, 12);
    text-align: center;
    }
    td.no {
    color: rgb(218, 50, 50);
    text-align: center;
    }
    span.note {
    font-size: 12px;
    color: #222222;
    }
    p.small-title {
    text-align: center;
    }
    p.amount {
    margin-bottom: 20px;
    text-align: center;
    }
    th.hide-heading p {
    visibility: hidden;
    }
    table.ira-table th {
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    }
    table.ira-table td {
    vertical-align:  top;
    padding: 20px;
    border-bottom: 1px solid #C3BEBE;
    }

/* Added by Dan */
a.event-button:visited {
    color: #ffffff !important;
}

#subpage ul.rtsUL {
  margin: 0px;
}


/* Paid Leave Page */
    a.large-button {
    width: 90%;
    margin: 0px auto;
    }
    a.large-button {
    border-radius: 4px;
    border: solid 1px #2d3744;
    position: relative;
    padding: 10px;
    color: #ffffff;
    background: #3F4C56;
    transition: color .25s;
    transition: background .25s;
    overflow: hidden;
    display: table;
    text-align: center;
    vertical-align: middle;
    }
    a.large-button:visited {
    color: #ffffff;
    }
    a.large-button:hover, a.large-button:focus {
    background: rgb(161,169,179);
    color: #222222;
    border: solid 1px rgb(150,177,179);
    cursor: pointer;
    transition: color .25s;
    transition: background .25s;
    text-decoration: none;
    }
    a.large-button p {
    vertical-align: middle;
    display: table-cell;
    color: #ffffff;
    }
    .facebook-event-icon {
    width: 20px;
    clear: both;
    margin: 5px 0px 20px 0px;
}
.pull-quote {
    margin:  0px 0px 0px 30px;
    background: #436360;
    padding: 10px 20px;
    color:  #ffffff;
    font-size:  16px;
}

.pull-quote-author {
    clear:  both;
    text-align:  right;
    margin: 15px 0px 10px 10px;
    font-size:  15px;
}

 .right-fact {
    float: right;
    clear: none;
    width: 35%;
    margin: 0px 0px 15px 15px;
    background: #436360;
    padding: 20px 30px;
    color: #ffffff;
    font-size: 16px;
    }
    .left-fact {
    float: left;
    clear: none;
    width: 35%;
    margin: 0px 15px 15px 0px;
    background: #436360;
    padding: 20px 30px;
    color: #ffffff;
    font-size: 16px;
    }
    .middle-fact {
    clear: both;
    max-width: 520px;
    margin: 15px auto;
    background: #436360;
    padding: 20px 30px;
    color: #ffffff;
    font-size: 16px;
    }
    .right-stat {
    float: right;
    clear: none;
    width: 30%;
    margin: 0px 0px 15px 15px;
    background: #436360;
    padding: 20px 30px;
    color: #ffffff;
    font-size: 16px;
    text-align: center !important;
    }
    .large-stat {
    clear: both;
    font-size: 30px;
    }
    .right-stat h3 {
    color: #ffffff;
    margin-bottom: 20px !important;
    font-size: 19px;
    }
    .left-fact h3, .right-fact h3, .middle-fact h3 {
    color: #ffffff;
    margin-bottom: 10px;
    }

/* Burn Alert Boxes */
.red-alert {
    display: block;
    padding: 20px;
    font-size: 19px;
    background: #ad0000;
    margin: 0px 0px 20px 0px;
    text-align: center;
    color: #ffffff;
    }
    .green-alert {
    display: block;
    padding: 20px;
    font-size: 19px;
    background: #277301;
    margin: 0px 0px 20px 0px;
    text-align: center;
    color: #ffffff;
    }
    .green-alert h3, .red-alert h3 {
    font-size: 24px;
    color: #ffffff;
    margin-bottom: 15px;
    }


    a.buttonBox.wide-two {
    width: 43%;
    }
a.buttonBox.wide-two.last {
    width: 94%;
    }
a.buttonBox.three {
    width: 28.95%;
}
    @media screen and (max-width: 800px) {
    a.buttonBox {
    width: 95% !important;
    margin: 5px auto !important;
    float: none !important;
    padding: 0px !important;
    }
    }

.program-block:hover > .program-title {
bottom: 0;
top: 0;
    transition: ease-in-out bottom 250ms;
    -webkit-transition: ease-in-out bottom 250ms;
    transition: ease-in-out top 250ms;
    -webkit-transition: ease-in-out top 250ms;
    }

.accordion-toggle {
  cursor: pointer;
  background-color:#3F4C56;
  padding: 6px;
  margin: 1px 0;
  color: #fff;
   border-radius: 4px;
}
.accordion-toggle:hover {
   background-color: #206395;
}
.accordion-content {
  display: none;
}
.accordion-content.default {
  display: block;
}
.mega-sub ul li a:hover {
    background: #3F4C56!important;
    color: #fff!important;
    transition: all 100ms;
}
#skip a {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
#menu li#mm-residents,
#menu li#mm-services,
#menu li#mm-government,
#menu li#mm-businesses,
#menu li#mm-visitors {
    background: #595e62;
	border-radius: 10px 10px 0px 0px
}
#menu li#mm-residents:hover,
#menu li#mm-services:hover,
#menu li#mm-government:hover,
#menu li#mm-businesses:hover,
#menu li#mm-visitors:hover,
#menu li#mm-residents:focus,
#menu li#mm-services:focus,
#menu li#mm-government:focus,
#menu li#mm-businesses:focus,
#menu li#mm-visitors:focus {
    background: #fff;
	border-radius: 10px 10px 0px 0px
}

.relay-service-name {
    clear: both;
    font-weight: 700;
}
.relay-service-number {
    clear: both;
    margin: 0 0 15px;
}

#footer-wrapper {
    background: #0A3B61;
    clear: both;
    padding: 30px 0;
    height: auto !important;
}
#footer-quick-links ul li {
	list-style:none;
}
#footer {
    width: 100%;
    max-width: 950px;
    margin: 0 auto;
    color: #fff;
    padding: 0 !important;
    overflow: hidden;
    font-size: 14px;
}

.footer-line-spacer {
    clear: both;
    height: 3px;
}
#footer a {
    color: #fff;
    font-size: 14px;
    line-height: 22px;
padding:2px;
}
#footer a:visited {
    color: #fff;
}
#footer h4 {
    font-size: 16px;
    padding-bottom: 5px;
    border-bottom: 1px solid #fff;
    width: 100%;
    margin-bottom: 10px;
}
#city-copyright {
     font-size: 12px;
}
@media all and (max-width: 811px) {
    .goog-te-gadget-simple span {
		 color: #cacaca !important;
		right: 20px !important;
}
}

.goog-te-gadget-simple span {
     color: #cacaca !important;
    right: -7px;
}
.goog-te-menu-value span {
    border: 0px !important;
    font-size: 12px !important;
    position: relative;
    top: 3px;
}

.goog-logo-link {
   display:none !important;
} 

.goog-te-gadget{
   color: transparent !important;
}