/*
* Snohomish County Stylesheet
* 
* Snohomish County
* Department of Information Services
* Web Services Team 
* -mjv
*
* version 1.00
* created 2003-03-01
* 
* note:
*   This stylesheet is based on 
*   the Snohomish County
*   Web Style Guide, 2003   
*
*/
/** GENERAL */

.page-background {
    background-color : #FFFFFF /** white */;
    text-align : left;
}

/** HEADERS and TITLES */
.headline {
    font-family : Arial;
    font-size : 18pt;
    color : #000000;
    text-align : left;
}

.headline-linked {
    font-family : Arial;
    font-size : 12pt;
    color : #0000FF /** blue */;
    text-align : left;
    text-decoration : underline;
}

.log-line {
    font-family : "Arial Black";
    font-size : 12pt;
    color : #000000 /** black */;
}

.subheader {
    font-family : Verdana;
    font-size : 10pt;
    font-weight : bold;
    text-decoration : none;
    text-align : left;
}

.subheader-linked {
    font-family : Verdana;
    font-size : 10pt;
    font-weight : bold;
    text-decoration : underline;
}

/** CONTENT */
.general-text {
    font-family : verdana;
    font-size : 10pt;
    color : #000000 /** black */;
    text-align : left;
}

.general-text-linked {
    font-family : Arial;
    font-size : 10pt;
    color : #0000FF /** blue */;
    text-align : left;
    text-decoration : underline;
}

.content-segue {
    font-family : Arial;
    font-size : 18pt;
    color : #000000 /** black */ ;
}

.content-header {
    font-family : Arial;
    font-size : 18pt;
    color : #000000 /** black */ ;
    text-align : left;  
}

.content-subheader {
    font-family : Arial;
    font-size : 10pt;
    font-weight : bold;
    color : #000000 /** black */ ;
    text-align : left;  
}

/** SUBPAGE */
.title-subpage {
    font-family : Arial;
    font-size : 20pt;
    color : #000000 /** black */;
}

.subtitle-subpage {
    font-family : Arial;
    font-size : 12pt;
    color : #000000 /** black */;   
}

/** NAVIGATION */
.navigation-background {
    background-color : #DCDCDC;
}

.navigation-menu {
    padding : 5px;
}

.navigation-heading18 {
    font-family : Arial;
    font-size : 18pt;
    color : #000000 /** black */;
    padding : 5px;
}

.navigation-heading16 {
    font-family : Arial;
    font-size : 16pt;
    color : #000000 /** black */;
    padding : 5px;
}

.navigation-subheader {
    font-family : Arial;
    font-size : 10pt;
    font-weight : bold;
    color : #000000 /** black */ ;
    text-align : left;  
    text-decoration : none;
    padding-left : 3px;
}

.navigation-subheader-active {
    font-family : Arial;
    font-size : 10pt;
    font-weight : bold;
    color : #CCCCCC; /** grey */
    text-align : left;
    text-decoration : none;
    padding-left : 3px;
}

.navigation-subheader-over {
    font-family : Arial;
    font-size : 10pt;
    font-weight : bold;
    color : #000000; /** grey */
    text-align : left;
    text-decoration : none;
    border-bottom : 1px solid #000000;
    border-left : 1px solid #000000;
    margin-bottom:2px;
    padding-left : 2px;
}

.navigation-link {
    font-family : Arial;
    font-size : 10pt;
    color : #000000 /** black */;
    text-decoration : none;
    padding-left : 2px;
    border-bottom : 1px solid #FFFFFF;
    border-left : 1px solid #FFFFFF;
}

.navigation-link-active {
    font-family : Arial;
    font-size : 10pt;
    color : #CCCCCC /** grey */;
    text-decoration : none;
    padding-left : 2px;
}

.navigation-link-over {
    font-family : Arial;
    font-size : 10pt;
    color : #000000 /** black */;
    text-decoration : none;
    border-bottom : 1px solid #000000;
    border-left : 1px solid #000000;
    padding-left : 2px;
}

.sub-navigation-link {
    font-family : Arial;
    font-size : 10pt;
}

.sub-navigation-link-active {
    font-family : Arial;
    font-size : 10pt;
    color : #CCCCCC /** grey */;
    text-decoration : none;
}

.breadcrumb-link-active {
    font-family : verdana;
    font-size : 9pt;    
    text-decoration : underline;
}

.breadcrumb-link-nonactive {
    font-family : verdana;
    font-size : 9pt;
    color : #000000 /** black */;
    text-decoration : none;
}

/**
* Misc styles
*/
.instructions {
    font-family : verdana;
    font-size : 10pt;
    color : #000000 /** black */;
}

.mini-instructions {
    font-family : verdana;
    font-size : 7pt;
    color : #000000 /** black */;
}

.special-entry {
    font-family : verdana;
    font-size : 8pt;
    color : #000000 /** black */;
    margin-left : 5px;  
}
.caption {
    font-family : verdana;
    font-size : 9pt;
    color : #000000 /** black */;
    text-align : left;
}

.row-shade-on{
    background-color : #FDF5E6 /** off white/tan */;
}
.row-shade-light{
	background-color : #F1F1F1; /** off-white */
}
.row-shade-dark{
    background-color : #F0DDB6 /** tan */;
}
.row-shade-off{
    background-color : #FFFFFF /** white */;    
}

.search-box {
    border : 1px solid #000000 /** black */;
}
/** 
* Color reference for Tree logo
*/
.tree-red {
     color : #FE0308;
}
.tree-blue {
    color : #0003FE;
}
.tree-green {
    color : #0C8A00;
}