/***********************************/
/*City of Tacoma*/
/***********************************/
table, td, div, span, p {
    font-family: arial;
    font-size: 12px;
    line-height: 15px;
    color: black;
}
body {
    background-color: #022b59;
}
img.normal {
    vertical-align: bottom;
}
form, body {
    padding: 0px;
    margin: 0px;
}
.top_table, .main_table {
    background-color: #fdf9ee;
    width: 726px;
    margin: 0px auto 0px auto;
    padding: 0px;
    border-collapse: collapse;
}
.main_table {
    _width: 726px;
}
.top_table td, .main_table td {
    margin: 0px;
    padding: 0px;
    border-collapse: collapse;
}
.left_shadow {
    background-image: url(../_img/left_shadow_repeater.gif);
    background-repeat: repeat-y;    
    width: 6px;
}
.right_shadow {
    background-image: url(../_img/left_shadow_repeater.gif);
    background-repeat: repeat-y;    
    width: 6px;
}
.inner_shadow {
    background-image: url(../_img/shadow_nav_left.gif);
    background-repeat: repeat-y;    
    width: 26px;
}
td.nav {
    vertical-align: top;
    width: 157px;
    background-image: url(../_img/navigation/nav_repeater.jpg);
}
.orange_border {
    background-color: #be540d;
    height: 3px;
}
.logo {
    display: block;
    margin: 15px 0px 15px 25px;
    width: 146px;
}
.logo img {
    border: none;
}
td.content_cell {
    padding: 0px 0px 0px 1px;
    vertical-align: top;
    background-image: url(../_img/shadow_nav_left.gif);
    background-repeat: repeat-y;
    background-position: right;
}
div.content {
    padding: 0px 20px 20px 25px;
    
}
td.globals_cell {
    width: 315px;
    text-align: right;
}
.search_icon img, .sitemap_icon img {
    border: none;
}
.search_icon img {
    position: relative;
    top: 1px;
    _top: 0px;
}
.sitemap_icon img {
    position: relative;
    top: 3px;
}
.sitemap_icon_global img {
    position: relative;
    top: -1px;
    border: none;
}
.search_box {
    width: 80px;
}
.sitmap_search_table {
    margin: 0px 15px 5px auto;
}
.search_cell input {
    margin: 0px 0px 0px 25px;
}
.header_image_cell {
    text-align: right;
    height: 182px;
    vertical-align: top;
}
.header_image_cell_interior {
    text-align: right;
    height: 100px;
    vertical-align: top;
}
.global_table_holder {
    margin: 5px 10px 0px auto;
}
table.global_table {
    height: 25px;
    border-collapse: collapse;
}
td.global_link {
    text-align: right;
    padding-left: 15px;
    height: 8px;
    line-height: 8px;
    font-size: 8px;
    border-collapse: collapse;
}
td.global_link img {
    position: relative;
    top: -4px;
    _top: -3px;
    margin-left: 7px;
}
.global_arrow {
    position: relative;
    top: 1px;
    margin-left: 10px;
}
td.copyright {
    padding: 0px 0px 5px 25px;
    font-size: 10px;
    vertical-align: bottom;
    background-image: url(../_img/shadow_nav_left.gif);
    background-repeat: repeat-y;
    background-position: right;
}
a.home_link {
    margin: 0px 0px 0px 10px;
}
img.home_link {
    position: relative;
    top: -4px;
    _top: -3px;
    margin-left: 7px;
    border: none;
}
.hr_fader {
    padding: 5px 0px 22px 0px;
    vertical-align: top;
}

.content_cream_bg {
    background-color: #fdf9ee;
}
/*GLOBALS - sitemap, etc., info at top, copyright at btm*/
.globals {
    font-size: 10px;
    color: #5b6063;
}
.globals img {
    margin: 0px 0px 5px 10px;
    border: none;
}
a.globals {
    color: #6886a5;
    text-decoration: none;
}
a.globals:hover {
    text-decoration: underline;
}
.breadcrumbing {
    color: #be540d;
    font-size: 11px;
}
/*secondary\third nav*/

a.nav1 {
    height: 34px;
    background-image: url(../_img/navigation/nav1.gif);
}
a.nav1:hover {
    background-image: url(../_img/navigation/nav1_on.gif);
}
a.nav1_on {
    height: 34px;
    background-image: url(../_img/navigation/nav1_on.gif);
}
a.nav2 {
    height: 31px;
    background-image: url(../_img/navigation/nav2.gif);
}
a.nav2:hover {
    background-image: url(../_img/navigation/nav2_on.gif);
}
a.nav2_on {
    height: 31px;
    background-image: url(../_img/navigation/nav2_on.gif);
}
a.nav3 {
    height: 31px;
    background-image: url(../_img/navigation/nav3.gif);
}
a.nav3:hover {
    background-image: url(../_img/navigation/nav3_on.gif);
}
a.nav3_on {
    height: 31px;
    background-image: url(../_img/navigation/nav3_on.gif);
}
a.nav4 {
    height: 31px;
    background-image: url(../_img/navigation/nav4.gif);
}
a.nav4:hover {
    background-image: url(../_img/navigation/nav4_on.gif);
}
a.nav4_on {
    height: 31px;
    background-image: url(../_img/navigation/nav4_on.gif);
}
a.nav5 {
    height: 31px;
    background-image: url(../_img/navigation/nav5.gif);
}
a.nav5:hover {
    background-image: url(../_img/navigation/nav5_on.gif);
}
a.nav5_on {
    height: 31px;
    background-image: url(../_img/navigation/nav5_on.gif);
}
a.nav6 {
    height: 31px;
    background-image: url(../_img/navigation/nav6.gif);
}
a.nav6:hover {
    background-image: url(../_img/navigation/nav6_on.gif);
}
a.nav6_on {
    height: 31px;
    background-image: url(../_img/navigation/nav6_on.gif);
}
a.topNavLink {
    display: block;
    font-size: 11px;
    color: #32625e;
    text-decoration: none;
    font-weight: bold;
    width: 156px;
    background-repeat: no-repeat;
}
a.topNavLinkOn {
    display: block;
    font-size: 11px;
    color: #32625e;
    background-color: #cae6e2;
    font-weight: bold;
    width: 156px;
    background-repeat: no-repeat;
}
a.topNavLinkOn:hover {
    text-decoration: underline;
}
a.second_nav_link {
    display: block;
}
a.second_nav_link_on {
    display: block;
}
a.second_nav_link_on .second_nav_table .second_nav_text, 
a.second_nav_link_on .second_nav_table .second_nav_lines,
a.second_nav_link_on .second_nav_table .second_nav_lines_last {
    background-color: #cae6e2;
}
a.second_nav_link:hover .second_nav_table .second_nav_text, 
a.second_nav_link:hover .second_nav_table .second_nav_lines,
a.second_nav_link:hover .second_nav_table .second_nav_lines_last {
    background-color: #cae6e2;
}
a.second_nav_link:hover {
    text-decoration: underline;
}
td.second_nav_spacer {
    width: 18px;
    _width: 19px;
}
td.second_nav_lines {
    border-left: solid 1px #497A75;
    height: 1%;
    width: 3px;
    vertical-align: top;
}
td.second_nav_lines_last {
    padding: 0px 0px 0px 1px;
    height: 1%;
    width: 3px;
    vertical-align: top;
}
td.second_nav_lines div, td.second_nav_lines_last div {
    border-left: solid 1px #497A75;
    line-height: 0px;
    font-size: 0px;
    height: 11px;
    position: relative;
    left: -1px;
}
.second_nav_arrow {
    border: none;
    vertical-align: top;
    position: relative;
    top: 8px;
}
.second_nav_holder {
    margin: 0px 0px 5px 0px;
}
.second_nav_table, .second_nav_table td {    
    font-size: 11px;
    text-decoration: none;
    font-weight: bold;
    color: #32625e;
    border-collapse: collapse;
    cursor: pointer;
}
.second_nav_table .second_nav_text {
    line-height: 11px;
    padding: 4px 0px 4px 3px;
    _padding: 5px 0px 4px 3px;
    vertical-align: top;
    width: 123px;
}

.nav_top_line {
    background-color: #497A75;
    width: 1px;
    height: 13px;
    float: right;
    position: relative;
    left: -138px;
    _left: -137px;
    top: -13px;
}
.nav_top_shadow {
    font-size: 10px;
    height: 13px;
    line-height: 13px;
}

a.third_nav_link {
    display: block;
}
a.third_nav_link_on {
    display: block;
}


a.third_nav_link_on .third_nav_table .third_nav_text, 
a.third_nav_link_on .third_nav_table .third_nav_lines, 
a.third_nav_link_on .third_nav_table .third_nav_lines_last {
    background-color: #cae6e2;
}
a.third_nav_link:hover .third_nav_table .third_nav_text, 
a.third_nav_link:hover .third_nav_table .third_nav_lines, 
a.third_nav_link:hover .third_nav_table .third_nav_lines_last {
    background-color: #cae6e2;
}
a.third_nav_link:hover {
    text-decoration: underline;
}
td.third_nav_spacer {
    width: 10px;
}
td.third_nav_lines {
    border-left: solid 1px #2272b7;
    height: 1%;
    width: 3px;
    vertical-align: top;
}
td.third_nav_lines_last {
    padding: 0px 0px 0px 1px;
    height: 1%;
    width: 3px;
    vertical-align: top;
}
td.third_nav_lines div, td.third_nav_lines_last div {
    border-left: solid 1px #2272b7;
    line-height: 0px;
    font-size: 0px;
    height: 11px;
    position: relative;
    left: -1px;
}
.third_nav_arrow {
    border: none;
    vertical-align: top;
    position: relative;
    top: 8px;
}
.third_nav_holder {
    margin: 0px 0px 0px 18px;
    _margin: 0px 0px 0px 19px;
    padding: 0px 0px 0px 0px;
    border-left: solid 1px #497A75;
}
.third_nav_holder_no_border {
    margin: 0px 0px 0px 18px;
    padding: 0px 0px 5px 0px;
}
.third_nav_table, .third_nav_table td {
    font-size: 11px;
    text-decoration: none;
    color: #0159b2;
    border-collapse: collapse;
    cursor: pointer;
    background-color: #A5D4CE;
}
.third_nav_table .third_nav_text {
    line-height: 11px;
    padding: 4px 0px 4px 3px;
    _padding: 5px 0px 4px 3px;
    vertical-align: top;
    width: 113px;
    _width: 112px;
}


a.fourth_nav_link {
    display: block;
    font-size: 10px;
}
a.fourth_nav_link_on {
    display: block;
    font-size: 10px;
}


a.fourth_nav_link_on .fourth_nav_table .fourth_nav_text, 
a.fourth_nav_link_on .fourth_nav_table .fourth_nav_lines, 
a.fourth_nav_link_on .fourth_nav_table .fourth_nav_lines_last {
    background-color: #cae6e2;
}
a.fourth_nav_link:hover .fourth_nav_table .fourth_nav_text, 
a.fourth_nav_link:hover .fourth_nav_table .fourth_nav_lines, 
a.fourth_nav_link:hover .fourth_nav_table .fourth_nav_lines_last {
    background-color: #cae6e2;
}
a.fourth_nav_link:hover {
    text-decoration: underline;
}
td.fourth_nav_spacer {
    width: 10px;
}
td.fourth_nav_lines {
    border-left: solid 1px #497A75;
    height: 1%;
    width: 3px;
    vertical-align: top;
}
td.fourth_nav_lines_last {
    padding: 0px 0px 0px 1px;
    height: 1%;
    width: 3px;
    vertical-align: top;
}
td.fourth_nav_lines div, td.fourth_nav_lines_last div {
    border-left: solid 1px #497A75;
    line-height: 0px;
    font-size: 0px;
    height: 10px;
    position: relative;
    left: -1px;
}
.fourth_nav_arrow {
    border: none;
    vertical-align: top;
    position: relative;
    top: 7px;
}
.fourth_nav_holder {
    margin: 0px 0px 0px 10px;
    _margin: 0px 0px 0px 10px;
    padding: 0px 0px 0px 0px;
    border-left: solid 1px #2272b7;
}
.fourth_nav_holder_no_border {
    margin: 0px 0px 0px 16px;
    padding: 0px 0px 5px 0px;
}
.fourth_nav_table, .fourth_nav_table td {
    font-size: 10px;
    text-decoration: none;
    color: #1f3274;
    border-collapse: collapse;
    cursor: pointer;
}
.fourth_nav_table .fourth_nav_text {
    line-height: 10px;
    padding: 4px 0px 4px 3px;
    _padding: 5px 0px 4px 3px;
    vertical-align: top;
    width: 102px;
    _width: 101px;
}



/*Interior TEXT*/
.header {
    font-weight: bold;
    color: #be540d;
}
a {
    color: #025781;
    text-decoration: underline;
}
a:hover {
    text-decoration: none;
}
.Small_text {
    font-size: 10px;
}
ul {
    list-style: none url(../_img/bullet.gif) outside;
}
/*Other Stuff*/
/*for ALL input boxes in text area*/
.input_box {
    border: 1px solid #777570;
    background-color:  #ffffff;
    font-size: 11px;
    color: #000000;
}
.orange_outline {
    border: 1px solid #be540d;
}
.grey_outline {
    border: 1px solid #6e7379;
}
.line_grey {
    border-bottom: 1px solid #6e7379;
}
.border_blue {
    border: 1px solid #025781;
}
.hidden {
    display: none;
}
.sitemap_icon {
    position: relative;
    top: -2px;
}
.callout_holder {
    border: solid 1px #be540d;
    width: 125px;
    margin: 50px 0px 50px 13px;
}
.padding {
    padding: 10px;
}
td.padding {
    padding: 10px;
}
ul.arrow {
    list-style: none url(../_img/arrow.gif) outside;
}
ul.callout {
    list-style: none url(../_img/arrow.gif) outside;
    padding: 3px 8px 8px 18px;
    _padding: 3px 0px 5px 24px;
    margin: 0px;
}
ul.callout li {
    margin: 2px 0px 0px 0px;
    padding: 0px;
}
.news_callout_holder
{
    margin: 0px 0px 25px 0px;
}
ul.news_callout {
    list-style: none url(../_img/arrow.gif) outside;
    padding: 3px 0px 5px 27px;
    margin: 0px;
}
ul.news_callout li {
    margin: 2px 0px 0px 0px;
}
a.callout {
    font-size: 11px;
    line-height: 12px;
    text-decoration: none;
}
a.callout:hover {
    text-decoration: underline;
}
.calendar {
    background-image: url(../_img/calendar/calendar_bg.gif);
    background-color: Transparent;
    width: 214px;
    height: 174px;
}
.calendar td {
    background-color: Transparent;
    color: Black;
}
.calendar td.dayHeaderStyle b {
    color: Black;
}
.calendar .selected {
    background-color: white;
}
td.dayStyle {
    padding: 3px 0px 3px 0px;
}
.dayStyle a {
}
.dayHeaderStyle {
    color: Black;
}
.calendar a {
}
.monthText {
    background-image: url(../_img/calendar/calendar_bg.gif);
    font-weight: bold;
    text-transform: uppercase;
    background-color: Transparent;
    
}
.calendar .monthText td {
    color: black;
}
.calendar .monthText td a {
    text-decoration: none;
}
.calendar .monthText td a:hover .header_control {
    text-decoration: underline;
}
.header_control {
    color: Teal;
    text-decoration: none;
}
.monthText td {
    padding: 6px;
}
.calendar_control {
    height: 164px;
    width: 221px;
    _width: 222px;
    margin: 0px 10px 0px 0px;
    position: relative;
    top: -1px;
    _top: 0px;
    padding: 5px;
}
.calendar_control_input  {
    margin-bottom: 10px;
}
.calendar_control_label {
    font-weight: bold;
    color: Black;
}
.cal_input_boxes {
    border: 1px solid #777570;
    font-family: trebuchet ms;
    font-size: 11px;
    width: 127px;
    color: Black;
}
.cal_input_boxes option {
    color: Black;
}
.cal_button {
    font-weight: bold;
    text-decoration: none;
}
a.cal_button:hover {
    text-decoration: underline;
}
.cal_button img {
    border: none;
    position: relative;
    top: -1px;
}
ul.calendar_list {
    list-style: none url(../_img/arrow_grey_box.gif) outside;
    padding: 10px 0px 5px 27px;
    margin: 0px;
}
.text_11px {
    font-size: 11px;
    line-height: 12px;
}

.background_gradient {
    padding: 10px;
    background-image: url(../_img/gradient_background.gif);
    background-repeat: repeat-y;
    border: 1px solid #6e7379;
}
.text_10px {
    font-size: 10px;
}
.text_13px {
    font-size: 13px;
}
.no_underline {
    text-decoration: none;
}
.dark_grey {
    background-color: #BBBEC0;
    border-bottom: solid 1px #BE540D;
}
.light_grey {
    background-color: #D1D1CF;
}
.small_header {
    font-weight: bold;
    color: #be540d;
    font-size: 11px;
}