/*   WIRE Master Style, filename masterstyle_wire.css  */ 
/*  Simple stylesheet for fonts only. */
/*  Updated May 6, 2003 */

body {
	background-color:#ebf5ff;
	font-family:Arial,Helvetica,sans-serif;
	margin: 0px;
}

#outerWrapper {
	width: 100%;
}

#upperContent {
	
}

#bannerTable {
	
}

#logoHolder {
	width: 65px;
	background-color: #003399;

}
#bannerTop {
	background-color: #003399;
	float: right;
	width: 100%;
	height: 88px;
}

#countyLogo {
	width: 65px;
	float: left;
	margin-top: 0px;
	background-color: #003399;
	padding: 8px 20px 7px 6px;
}

#countyLogo img {
	border: none; 
	padding: 0 10px 0 10px;
	float: left;
}

#countyLinks1 {
	width: 400px;
	color: #ffffff;
	margin-left: 20px;
}

#darkBlueBanner {
	background-color: #003399;
	float: left;
	width: 100%;
}

#auditorText {
 	font-size: 1.6em;
 	font-weight:bolder;
 	color: #ffffff;
	padding-left: 15px;
	padding-top: 5px;
	float:left; 
	height: 15px;	
}

#bannerPhoto {
	background-image: url(../images/nlkwhatcom10.jpg);
	background-repeat: no-repeat;
	width: 170px;
	height: 60px;
	float: right;
}

#countyLinks2 {
	margin-left: -88px;
	float:left;
	margin-top: 40px;
	color: #ffffff;
}


#lowerContent {
	
}

#crumbsAndToggle {
	visibility: visible;
	width: 75%;
	height: 10px;
	float: left;
	padding: 0 15px 0 15px;
}

#crumbs {
	float: left;
	width: 50%;
	visibility:hidden;
}

#toggle {
	float: right;
	width: 50%;
	text-align:right;
}

#centerContent {
	width: 75%;
	float: left;
	padding: 15px 15px 0 15px;
}

.clearBoth {
	clear: both;
	height: 1px;
}


/******************Styles for alternating calendar tables*************************/

#calendarMonth1 {
	background-color: #cad8ff;
	border-left: 1px #658dff solid;
	width: 800px;
}

#calendarMonth1 tr.headerRow {
	background-color: #658dff;
	color: #ffffff;
	font-weight: bold;
	font-size: .9em;
	text-align: center;
}


#calendarMonth1 td {
	padding: 5px;
	font-size: .8em;
	border-right: 1px #658dff solid;
	border-bottom: 1px #658dff solid;
	width: 114px;
	vertical-align:top;
}

#calendarMonth2 {
	background-color: #cccccc;
	border-left: 1px #9c9c9c solid;
	width: 800px;
}

#calendarMonth2 tr.headerRow {
	background-color: #9c9c9c;
	color: #ffffff;
	font-weight: bold;
	font-size: .9em;
	text-align: center;

}

#calendarMonth2 td {
	padding: 5px;
	font-size: .8em;
	border-right: 1px #9c9c9c solid;
	border-bottom: 1px #9c9c9c solid;
	width: 114px;
	vertical-align:top;
}


/*************Additional Custom Table Styles************************/

.ms-rteTableOddRow-4 {
	border-bottom:1pt solid #4F81BD;
	border-right:1pt solid #4F81BD;
	color:#666666;
	font-size:10pt;
	vertical-align:top;	
}

.ms-rteTableFirstCol-4 {
	border-bottom:1pt solid #4F81BD;
	border-right:1pt solid #4F81BD;
	border-left:1pt solid #4F81BD;
	padding:0 5.4pt;
}

.ms-rteTableFooterFirstCol-4 {
	border-bottom:1pt solid #4F81BD;
	border-left:1pt solid #4F81BD;
	border-right:1pt solid #4F81BD;
	padding:0 5.4pt;
}

.ms-rteTableOddCol-4 {
	border-bottom:1pt solid #4F81BD;
	border-right:1pt solid #4F81BD;
	padding:0 5.4pt;
}


/******************"County Styles Below******************************/

/*     WIRE global navigation, classname wglobal    */
/*     Whatcom County global navigation, classname wglobal    */   
A.wglobal {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9pt;
	font-weight : bold;
}

A:LINK.wglobal {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9pt;
	font-weight : bold;
	text-decoration : none;
}

A:VISITED.wglobal {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9pt;
	font-weight : bold;
	text-decoration : none;
}

A:HOVER.wglobal {
	text-decoration : underline;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9pt;
	font-weight : bold;
	color: #FFFFCC;
}

A:ACTIVE.wglobal {
	text-decoration : underline;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9pt;
	font-weight : bold;
	color: #CCFFFF;
}


/*   Department Global Navigation, classname dglobal  */
A.dglobal {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10pt;
	font-weight : bold;
}

A:LINK.dglobal {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10pt;
	font-weight : bold;
	text-decoration : none;
	color: White;
}

A:VISITED.dglobal {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10pt;
	font-weight : bold;
	text-decoration : none;
	color: White;
}

A:HOVER.dglobal {
	text-decoration : underline;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10pt;
	font-weight : bold;
	color: #FFFFCC;
}

A:ACTIVE.dglobal {
	text-decoration : underline;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10pt;
	font-weight : bold;
	color: #CCFFFF;
}

/*   Left Navigation, classname leftnav  */
A.leftnav {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10pt;
}

A:LINK.leftnav {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10pt;
	color: Blue;
}

A:VISITED.leftnav {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10pt;
	color: Purple;
}

A:HOVER.leftnav {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10pt;
	color: Navy;
}

A:ACTIVE.leftnav {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10pt;
	color: Red;
}

P.leftnav, TABLE.leftnav, TR.leftnav, TD.leftnav {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10pt;
}


/*  General font controls in main content  */
TABLE, TR, TD {
	font-family : Arial, Helvetica, sans-serif;
	/*font-size :12pt;*/
}

H1, H2, H3, H4, H5, H6 {
	font-family : Arial, Helvetica, sans-serif;
	color: #000066;
}

P, DIV, SPAN, PRE,  TEXTAREA, BLOCKQUOTE, FORM, INPUT  {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12pt;
}

TH {
	font-weight : bold;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12pt;
}

A:LINK, A:VISITED, A:HOVER, A:ACTIVE {
	font-family : Arial, Helvetica, sans-serif;
	/*font-size : 12pt;*/
}

UL, LI {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12pt;
}

OL {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12pt;
}
HR {
	color: #006699;
	height: 1pt;
}

/*   Classes to highlight important information with yellow background  */
P.important, BLOCKQUOTE.important {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12pt;
	background-color : #FFFFCC;
}

EM.important, STRONG.important {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12pt;
	background-color : #FFFF99;
	font-weight : bold;
}

/*  Class for large body of simple text desired to be size 10 font  */
P.font10 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10pt;
}

/* Footer specifications*/
.footer {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10pt;
}

A.footer, A:LINK.footer, A:VISITED.footer, A:HOVER.footer, A:ACTIVE.footer {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10pt;
}
	
HR.footer {
	color: #006699;
	height: 2pt;
}

/************************************Left Nav Menu Items *********************************/


#navWrapper {
	width: 200px; 
	float: left;
	margin-top:25px; 
}
#navMenuTop {
	background-image: url(../images/wm_menu_back_top.gif);
	background-repeat: no-repeat;
	width: 200px;
	height: 20px;
	float: left;

}

#navMenuDynamicItems {
	width: 199px;
	float: left;
	background-image: url(../images/wm_menu_back.gif);
	background-repeat:repeat-y;
	font-size: 1em;
	padding-bottom: 25px;
}
 

#navMenuDynamicItems a {
	margin-left: 0px;
	padding-left:15px;
	font-size: .75em;

}

#navMenuDynamicItems a:visited {
	margin-left: 0px;
	padding-left:15px;

}

#navMenuDynamicItems a:hover {
	color: #ffffff;
	margin-left: 0px;
	padding-left:15px;

}


#navMenuBottom {
	background-image: url(../images/wm_menu_back_bottom.gif);
	background-repeat: no-repeat;
	width: 200px;
	float: left;
	height:20px;
	margin: top: 25px;
}


.menuitem2
{
	text-align: left;
	vertical-align: middle;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: .7em;
	margin-left: 0px;
	color: #006699;
}

.menuitem3 
{
	background-image: url('../images/wm_menu_button_up.gif');
	background-repeat:no-repeat;
	width: 176px;
	height: 28px;
	text-align: left;
	font-family: Arial, Helvetica, Sans-Serif;
	font-weight:bold;
	font-size: .75em;
	color: #1f3a57;
	margin-top: 0px;
	padding-top: 3px;
	float: left;
	
}

/*
.menuitem3 a
{
	padding-top: 5px;
	
}
*/


.menuitem3 a:hover {
	background-image: url('../images/wm_menu_button_down.gif');
	background-repeat:no-repeat;
	height: 28px;
	width: 176px;
	margin-left: 2px;
	float: left;
	margin-top: -3px;
	padding-top: 5px;
	}


#bc
{
	font-size: 1.2em;
}

div.pageContent
{
width: 700px;
}