/* left-hand side menus (e.g., ritzville heritage collections -- these no longer exist) */
a
{
	color: #003366;
	text-decoration: none;	
}

a:hover
{
	color: #74B392;
}

body
{
    background-color:#dadada;
    margin:0px;
    font-family:arial, helvetica, verdana, sans-serif;
    font-size: 11pt;
}

/* short, introductory paragraph on main page */
div.Intro
{
	background-color:#ffffff;
	text-align:left;
	margin:0.3em 0.3em 0em 0.3em;
	font-family:arial;
	font-size:10pt;
	line-height:1.3em;
	color:#505052;
}
div.Intro a
{
	font-family: arial;
	font-size:10pt;
	text-decoration:none;
	color:#003366;
	margin:0px;
}
div.Intro a:hover
{
	color:#74B392
}


/* right-hand side menus (e.g., rural heritage sites, additional resources) */
div.OfficeInfo
{
	background-color:#ffffff;
	text-align:left;
	margin-top:10px;
	font-family: arial;
	font-size: 9pt;
}
div.OfficeInfo a
{
	font-family: arial;
	font-size: 9pt;
	text-decoration:none;
	line-height:2.1em;
	color: #505052;
	margin: 5px;
}
div.OfficeInfo a:hover
{
	color: #74B392;
}


/*prevents IE from adding extra vertical space between forms*/
form
{
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	margin-top:6px;
	padding:0;
}

.HomePageTable 
{
	margin: 0px; 
	padding: 0px; 
	border: 3px; 
	width: 100%; 
	vertical-align: top;
}
/* main include headings (e.g., Ritzville Heritage Collections, Ritzville Heritage, Search Ritzville Heritage, Rural Heritage Sites */
.TopicHeading 
{
	background-color:#FFFFBA;
	color:#505052;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	padding-left:5px;
	padding-top:1px;
	/*border-color:#FFFFBA;
	border-style: solid;
	border-width: 0px;*/
	font-weight: bold;
}
.TopicHeading a 
{
	color:#505052;
	text-decoration:none;
}
.TopicHeading a:hover 
{
	color:#74B392;
}

.tr {padding:5px 10px 5px 10px}

/* rounded corners using images */
.roundedcornr_box {background: #CCCC99;}
.roundedcornr_bottom div {background: url(/images/roundedcornr_bl.png) no-repeat bottom left;}
.roundedcornr_bottom {background: url(/images/roundedcornr_br.png) no-repeat bottom right;}
.roundedcornr_top div {background: url(/images/roundedcornr_tl.png) no-repeat top left;}
.roundedcornr_top {background: url(/images/roundedcornr_tr.png) no-repeat top right;}
.roundedcornr_top div, .roundedcornr_top, .roundedcornr_bottom div, .roundedcornr_bottom {width: 100%; height: 5px;
font-size: 1px;}

/* for yellow menu rounded corners */
.roundedcornr_orcas_top div {background: url(../orcas_images/roundedcornr_orcas_tl.png) no-repeat top left;}
.roundedcornr_orcas_top {background: url(../orcas_images/roundedcornr_orcas_tr.png) no-repeat top right;}
.roundedcornr_orcas_top div, .roundedcornr_orcas_top {width: 100%; height: 3px; font-size: 1px;}

.roundedcornr_orcas_bottom div {background: url(../orcas_images/roundedcornr_orcas_bl.png) no-repeat bottom left;}
.roundedcornr_orcas_bottom {background: url(../orcas_images/roundedcornr_orcas_br.png) no-repeat bottom right;}
.roundedcornr_orcas_bottom div, .roundedcornr_orcas_bottom {width: 100%; height: 3px; font-size: 1px;}
.roundedcornr_content { margin: 0px 0px 0px 0px; }

/* Subject Cloud */
#htmltagcloud{ font-family:'lucida grande',trebuchet,'trebuchet ms',verdana,arial,helvetica,sans-serif; line-height:1.3em; word-spacing:normal; letter-spacing:normal; text-decoration:none; text-transform:none; text-align:justify; text-indent:0ex; background-color:#ffffff; margin: 0em 0.3em 0em 0.3em; border:none; padding:0.5em}
#htmltagcloud a:link{text-decoration:none}
#htmltagcloud a:visited{text-decoration:none}
#htmltagcloud a:hover{text-decoration:none;color:white;background-color:#4C6D9B/*#766D50*/}
#htmltagcloud a:active{text-decoration:none;color:white;background-color:#4C6D9B}
span.tagcloud0{font-size:1.0em;padding:0em;color:#86A0DC/*#766D50*/;z-index:10;position:relative}
span.tagcloud0 a{text-decoration:none; color:#86A0DC/*#766D50*/}
span.tagcloud1{font-size:1.1em;padding:0em;color:#607EC5/*#766D50*/;z-index:9;position:relative}
span.tagcloud1 a{text-decoration:none;color:#607EC5/*#766D50*/}
span.tagcloud2{font-size:1.2em;padding:0em;color:#607EC5/*#766D50*/;z-index:8;position:relative}
span.tagcloud2 a{text-decoration:none;color:#607EC5/*#766D50*/}
span.tagcloud3{font-size:1.3em;padding:0em;color:#607EC5/*#817353*/;z-index:7;position:relative}
span.tagcloud3 a{text-decoration:none;color:#607EC5/*#817353*/}
span.tagcloud4{font-size:1.4em;padding:0em;color:#4C6DB9/*#817353*/;z-index:6;position:relative}
span.tagcloud4 a{text-decoration:none;color:#4C6DB9/*#817353*/}
span.tagcloud5{font-size:1.6em;padding:0em;color:#395CAE/*#6A664D*/;z-index:5;position:relative}
span.tagcloud5 a{text-decoration:none;color:#395CAE/*#6A664D*/}
span.tagcloud6{font-size:1.8em;padding:0em;color:#264CA2/*#6A664D*/;z-index:4;position:relative}
span.tagcloud6 a{text-decoration:none;color:#264CA2/*#6A664D*/}
span.tagcloud7{font-size:2.0em;padding:0em;color:#133B97/*#625f49*/;z-index:3;position:relative}
span.tagcloud7 a{text-decoration:none;color:#133B97/*#625f49*/}
span.tagcloud8{font-size:2.2em;padding:0em;color:#002A8B/*#625f49*/;z-index:2;position:relative}
span.tagcloud8 a{text-decoration:none;color:#002A8B/*#625f49*/}
span.tagcloud9{font-size:2.4em;padding:0em;color:#002A8B/*#4d4b3c*/;z-index:1;position:relative}
span.tagcloud9 a{text-decoration:none;color:#002A8B/*#4d4b3c*/}
span.tagcloud10{font-size:2.6em;padding:0em;color:#002A8B/*#4d4b3c*/;z-index:0;position:relative}
span.tagcloud10 a{text-decoration:none;color:#002A8B/*#4d4b3c*/}
span.freq{font-size:10pt !important;color:#bbb}
#credit{text-align:center; font-size:0.7em; color:#333; margin-bottom:0.6em; font-family:'lucida grande',trebuchet,'trebuchet ms',verdana,arial,helvetica,sans-serif;}
#credit a:link{color:#777; text-decoration:none;}
#credit a:visited{color:#777; text-decoration:none;}
#credit a:hover{text-decoration:none; color:white; background-color:#05f;}
#credit a:active{text-decoration:underline;}

/* dynamic/drop-down menu */
#nav
{
                width: 760px;
                height: 26px;
                position: relative;
                z-index: 100;
                background-color: #FFFFBA;
                text-align: left;
}

/* style the links for the top level */
#nav a, #nav a:visited
{
                display: block;
                text-decoration: none;
                background-color: #FFFFBA;
                color: #505052;
                font-weight: bold;
                font-size: 10pt;
                padding: 5px 10px;
                text-align: center;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#nav li
{
                float: left;
                position: relative;
                width: 125px;
}

/* remove all the bullets, borders and padding from the default list styling */
#nav ul
{
                padding: 0;
                margin: 0 auto;
                list-style-type: none;
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
#nav ul ul
{
                visibility: hidden;
                position: absolute;
                height: 0;
                top: 26px;
                left: 0;
}

/* style the second level links */
#nav ul ul a, #nav ul ul a:visited
{
                background: #FFFFBA;
                color: #505052;
                height: auto;
                padding: 5px 10px 5px 10px;
                width: 165px;
                border-top: none;/*1px solid #DADADA;*/
                text-align: left;
}

/* style the top level hover */
#nav a:hover, #nav ul ul a:hover
{
                background: #ffffe9/*#78AB91*/;
}

#nav :hover > a, #nav ul ul :hover > a
{
                background: #ffffe9/*#78AB91*/;
                color:#505052;
}

/* make the second level visible when hover on first level list OR link */
#nav ul li:hover ul, #nav ul a:hover ul
{
                visibility:visible;
}

/* make the third level visible when you hover over second level list OR link */
#nav ul :hover ul :hover ul
{
                visibility:visible;
}

.navBorder
{
                border-right: 1px solid #505052;
}

/*rounded corners on dropdowns - uses CSS only */
.b1, .b2, .b3, .b4
{
                display: block;
                overflow: hidden;
                background: #FFFFBA;
                border-right: 1px solid #FFFFBA;
                border-left: 1px solid #FFFFBA;
}

.b4 {width: 173px; height: 1px; margin: 0 5px;}
.b3 {width: 177px; height: 1px; margin: 0 3px;}
.b2 {width: 179px; height: 1px; margin: 0 2px;}
.b1 {width: 181px; height: 2px; margin: 0 1px;}