/* CSS Document */

/* white class added to address IE Hack. Because the breadcrumb trail is absent on the index page 
the cell that is reserved for it is empty so no dotted line is applied, so there is one character 
in the cell with the font color set to white to hide it, it's only used in the 3-column template
*/

#white { color: #ffffff; } 

/* START Side bar navigation style added by pjohnson */

#scm-sidebar-main-menu {
		width: 100%;
		padding: 0 0 1em 0;
		margin-bottom: 1em;
		font: 11px Verdana,Sans-serif;
		background-color: #BBC58C;
		}


#scm-sidebar-main-menu ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		border: 0px;
		} 
		
#scm-sidebar-main-menu ul ul {	
               text-indent: 15px;
               padding: 0;
               margin: 0;
		}

#scm-sidebar-main-menu ul ul ul {	
               text-indent: 30px;
               padding: 0;
               margin: 0;
		}
	
#scm-sidebar-main-menu li {
		border-bottom: 0px;
		margin: 0;
		}
		
#scm-sidebar-main-menu li li {
                border-bottom: 0px;
                }
				
#scm-sidebar-main-menu li li li {
                border-bottom: 0px;
                }				

#scm-sidebar-main-menu li a {
		display: block;
		padding: 5px 5px 5px 0.5em;
        border-bottom: 1px solid #fff;
		background-color: #BBC58C;
		color: #A30202;
		text-decoration: none;
		width: 100%;

		}
		
#scm-sidebar-main-menu li li a {
				background-color: #DFDFBC;
                color: #A30202;
                }
				
#scm-sidebar-main-menu li li li a {
				background-color: #F3F3EB;
                color: #A30202;
                }

	html>body #scm-sidebar-main-menu li a {
		width: auto;
		}

	#scm-sidebar-main-menu li a:hover {
		background-color: #DFDFBC;
		color: #000;
		
		}
		
		#scm-sidebar-main-menu li li a:hover {
		background-color: #BBC58C;
		color: #fff;
		
		}
		
#scm-sidebar-main-menu li li li a:hover {
		background-color: #BBC58C;
		color: #fff;
		}
/* Side bar navigation style added by pjohnson END*/


/* START Side bar contributors navigation style added by pjohnson */

#scm-sidebar-contributors {
		width: 100%;
		padding: 0 0 1em 0;
		margin-bottom: 1em;
		font: 11px Verdana,Sans-serif;
		background-color: #BBC58C;
		}


#scm-sidebar-contributors ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		border: 0px;
		} 
		
#scm-sidebar-contributors ul ul {	
               text-indent: 15px;
               padding: 0;
               margin: 0;
		}

#scm-sidebar-contributors ul ul ul {	
               text-indent: 30px;
               padding: 0;
               margin: 0;
		}
	
#scm-sidebar-contributors li {
		border-bottom: 0px;
		margin: 0;
		}
		
#scm-sidebar-contributors li li {
                border-bottom: 0px;
                }
				
#scm-sidebar-contributors li li li {
                border-bottom: 0px;
                }				

#scm-sidebar-contributors li a {
		display: block;
		padding: 5px 5px 5px 0.5em;
        border-bottom: 1px solid #fff;
		background-color: #BBC58C;
		color: #A30202;
		text-decoration: none;
		width: 100%;

		}
		
#scm-sidebar-contributors li li a {
				background-color: #DFDFBC;
                color: #A30202;
                }
				
#scm-sidebar-contributors li li li a {
				background-color: #F3F3EB;
                color: #A30202;
                }

	html>body #scm-sidebar-contributors li a {
		width: auto;
		}

	#scm-sidebar-contributors li a:hover {
		background-color: #DFDFBC;
		color: #000;
		
		}
		
		#scm-sidebar-contributors li li a:hover {
		background-color: #BBC58C;
		color: #fff;
		
		}
		
#scm-sidebar-contributors li li li a:hover {
		background-color: #BBC58C;
		color: #fff;
		}
/* Side bar contributors navigation style added by pjohnson END*/



	xt\:comment, xt\:note {
		display: none;
	}

	ch\:nbsp {
		padding: .5em;
	}

	body {
		margin: 0px;
		padding: 0px;
		font: 11px Verdana,Sans-serif;
		color: #333;
                margin-left: 0px;
	        margin-top: 0px;
	        margin-right: 0px;
	}

	strong {
		color: #4a7b94;
	}

	u {
		text-decoration: none;
		font-weight: bold;
		color: #89a;
	}

	table {
		margin: 0px;
		padding: 0px;
                width: 100%;
		
	}

	td {
		vertical-align: top;
		font: 11px Verdana,Sans-serif;
		color: #222;
	}

	th {
		font-size: 13px;
		background:		#a4b5c5;
		color: #fff;
		font-weight: normal;
	}

	#leftcontent {
		/* position:		absolute;
		top:			50px; */
		width:			200px;
		background:		#BBC58C; /* #fd0; */
		/* border-right:	1px dotted #000; */
		border:			0px none;
	}

	#centercontent {
		background:		#fff;
   		/* margin-left:	199px; */
   		margin-right:	199px;
		border-left:	1px dotted #aaa;
		border-right:	1px dotted #aaa;
		/*
		IE5x PC mis-implements the box model. Because of that we sometimes have
		to perform a little CSS trickery to get pixel-perfect display across browsers.
		The following bit of code was proposed by Tantek Celik, and it preys upon a CSS
		parsing bug in IE5x PC that will prematurly close a style rule when it runs
		into the string "\"}\"". After that string appears in a rule, then, we can override
		previously set attribute values and only browsers without the parse bug will
		recognize the new values. So any of the name-value pairs above this comment
		that we need to override for browsers with correct box-model implementations
		will be listed below.
		
		We use the voice-family property because it is likely to be used very infrequently,
		and where it is used it will be set on the body tag. So the second voice-family value 
		of "inherit" will override our bogus "\"}\"" value and allow the proper value to
		cascade down from the body tag.

		The style rule immediately following this rule offers another chance for CSS2
		aware browsers to pick up the values meant for correct box-model implementations.
		It uses a CSS2 selector that will be ignored by IE5x PC.
		
		Read more at http://www.glish.com/css/hacks.asp
		*/
		
		/* voice-family:	"\"}\"";
		voice-family:	inherit; */
   		margin-left:	201px;
   		margin-right:	201px;
   		padding: 15px;
   		padding-top: 0px;
	}

	html body #centercontent {
   		margin-left:	201px;
   		margin-right:	201px;
	}

	#rightcontent {
		/* position:		absolute;
		right:			0px;
		top:			50px; */
		width:			200px;
		background:		#fff;
		/* border-left:	1px solid #000; */
		border:			0px none;
	}

	blockquote {
		border-left: 2px solid #a4b5c5;
		padding: 0px;
		padding-left: 5px;
		margin-left: 5px;
		margin-top: 5px;
		margin-bottom: 0px;
	}

	#leftcontent blockquote {
		border: 0px none;
		font-weight: bold;
	}

	#leftcontent blockquote blockquote {
		border: 0px none;
		font-weight: normal;
	}

/* changes to banner by pjohnson*/
/* NWbanner_summer_spring.jpg */
/* NWbanner_winter.jpg */
	
          #banner {
		
                background-image: url(/pix/developer/NWbanner_summer_spring.jpg);
                background-repeat: repeat-x;
                background-color: #fff;
                height: 130px;
		voice-family:	"\"}\"";
		voice-family:	inherit;
		height:	130px;
                             
	}


	html body #banner {
		height:			130px;
	}

	html body #breadcrumb {
	    background-color: #fff;
		border-bottom: 1px dotted #aaa;
	}

	html body #breadcrumb p {
		margin: 5px;
	}

	#footer {
		border-top:		1px dotted #aaa;
		padding:		10px;
	}

	p,h1,h2,h3,h4,h5,h6,pre,#centercontent table {
		margin:			0px 10px 10px 10px;
	}

	#centercontent p,#centercontent h1,#centercontent h2,#centercontent h3,#centercontent h4,#centercontent h5,#centercontent h6,#centercontent pre,#centercontent table {
		margin-left: 0px;
		margin-right: 0px;
	}

	h1 {
		font-size:		14px;
		padding-top:	10px;
	}

	h2 {
		font-size:		14px;
		padding-top:	10px;
	}

	h3 {
		font-size:		14px;
		font-weight:	normal;
		padding-top:	10px;
	}

	h4,h5,h6 {
		font-size:		12px;
		padding-top:	10px;
	}


/* changed background-color for rightcontent headers p.johnson */

	#leftcontent h1,#leftcontent h2,#leftcontent h3 {
		margin: 0px;
		margin-bottom: 10px;
		margin-top: 5px;
		padding: 3px;
		padding-top: 3px;
		padding-bottom: 2px;
		padding-left: 5px;
		background-color: #BBC58C;
		color:			#fff;
		font-weight: bold;
		border: 0px none;
	}




/* changed background-color for rightcontent headers by p.johnson */

	#rightcontent h1,#rightcontent h2,#rightcontent h3 {
		margin: 0px;
		margin-bottom: 10px;
		margin-top: 5px;
		padding: 3px;
		padding-top: 3px;
		padding-bottom: 2px;
		padding-left: 5px;
		background-color: #BBC58C;
		color:			#fff;
		font-weight: bold;
		border: 1px solid #4a7b94;
	}

	/*#leftcontent h2,#rightcontent h2 {
		background-color: #eee;
		border: 0px none;
	}

	#leftcontent h3,#rightcontent h3 {
		background-color: #eee;
		border: 0px none;
		font-size: 12px;
	}*/

	#leftcontent textarea {
		width: 150px;
	}

/* Banner header changed by p.johnson, hides header (h1) for banner, so only the banner image show on screen while
   text will only show for print, as detailed in the print style  
*/
	#banner h1 {
		visibility: hidden;
	}

	#banner h1 strong {
		color: #4a7b94;
	}

       
	#centercontent h1 {
		font-size:		18px;
		color:			#4a7b94;
	}
	
	#rightcontent p {
		font-size:		10px
	}

	a {
		color:			#666;
	}

	a:hover {
		color:			#4a7b94;
	}

	#centercontent li {
		margin-bottom: 10px;
		line-height: 14px;
	}

	.elevated {
		border-top: #aaa 1px solid;
		border-left: #aaa 1px solid;
		border-bottom: #000 1px solid;
		border-right: #000 1px solid;
	}

	.topheader {
		color: #fff;
		background-color: #369;
		font-weight: bold;
	}

	.subheader {
		background-color: #fff;
		color: #369;
	}

	/* Invalid Form Fields */

	p.invalid {
		color: #900;
		font-weight: bold;
	}

	label.invalid,legend.invalid {
		color: #900;
		font-weight: bold;
	}

	#toc {
		background-color: #eee;
		margin: 10px;
		margin-left: 5px;
		margin-right: 5px;
		padding: 0px;
		padding-bottom: 5px;
	}

	#toc h2 {
		background-color: #a4b5c5;
		color: #fff;
		font-weight: normal;
		margin: 0px;
		margin-bottom: 5px;
		padding: 5px;
		padding-bottom: 3px;
	}

	/* OverLIB Classes */

	.overlib-foreground {
		background-color: #fff;
		color: #000;
	}

	.overlib-background {
		background-color: #369;
		border-top: #9cf 1px solid;
		border-left: #9cf 1px solid;
		border-bottom: #369 1px solid;
		border-right: #369 1px solid;
	}

	.overlib-caption {
		color: #fd0;
		font-weight: bold;
	}

	hr {
		border: 0px none;
		border-bottom: 1px solid #aaa;
	}

	/* Printer-Friendly Version 
	   Changes added by p.johnson:
	   breadcrumb set to not display
	   Banner height changed and html body #banner added
	   banner h1 added to have a text banner, rather than image, for printability
	   
	*/

	@media print {
		#banner {
			background-color: #fff;
			color: #000;
			border-bottom: #000 1px dotted;
			height: 35px;
		    voice-family:	"\"}\"";
		    voice-family:	inherit;
		    height:	35px;
                    
		}

		#banner h1 {
			color: #000;
			font-size: 16px;
			visibility: visible;
			}
          			
	html body #banner {
		height:	35px;
	}
		
		#breadcrumb {
            display:none;
		}		

		#leftcontent {
			display: none;
		}

		#rightcontent {
			display: none;
		}

		#centercontent {
			width: 100%;
			border: 0px none;
		}
	}

/* SiteSearch result styles */

.sitesearch-result .sitesearch-score-title {
	color: #666;
}

span.highlighted {
	background-color: #ff0;
	padding: 2px;
	padding-bottom: 0px;
}

p.news-page-nav {
	background-color: #eee;
	padding: 3px;
	color: #000;
}

span.news-page-nav-inactive {
	color: #888;
}

p.news-page-nav a {
	color: #4a7b94;
}

p.news-page-nav a:hover {
	color: #4a7b94;

}

/* Files listing styles */

.files-app {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	padding-right: 0px;
	margin-left: 2px;
}

/* Books XML Example */

headline {
	display: block;
	font-weight: bold;
	font-size: 18px;
	padding: 5px;
}

category {
	display: block;
	font-weight: bold;
	font-size: 14px;
	padding: 5px;
}

catalog {
	display: table;
	padding: 5px;
}

book {
	display: table-row;
}

book * {
	display: table-cell;
	padding: 5px;
	border: 1px solid #ccc;
}

/* SiteLinks */

div.sitelinks-item-summary {
	margin-top: 10px;
	padding-bottom: 0px;
	border: 1px solid #a4b5c5;
}

div.sitelinks-item-summary h2 {
	margin-top: 0px;
	padding: 2px;
	font-size: 12px;
	background-color: #a4b5c5;
}

div.sitelinks-item-summary p, div.sitelinks-item-summary ul {
	margin: 0px;
	padding: 5px;
}

div.sitelinks-item-summary p {
	color: #888;
}

div.sitelinks-item-summary p.sitelinks-summary {
	color: #000;
}



/* MiniCal calendar style */

table.minical {
	background-color: #47a;
}

table.minical a {
	font-weight: bold;
	color: #fff !important;
}

table.minical a:hover {
	text-decoration: none;
}

table.minical td.previous-month {
	font-size: 14px;
	border: 1px solid #47a;
}

table.minical td.previous-month:hover {
	border: 1px solid #ccc;
}

table.minical td.next-month {
	font-size: 14px;
	border: 1px solid #47a;
}

table.minical td.next-month:hover {
	border: 1px solid #ccc;
}

table.minical td.current-month {
	font-weight: bold;
	color: #fff;
}

table.minical tr.day-headings td {
	color: #fff;
	background-color: #69c;
	font-weight: bold;
	width: 20px;
	padding-bottom: 0px;
}

table.minical td.day {
	text-align: center;
	color: #eee;
	border: 1px solid #ccc;
	padding-bottom: 0px;
}

table.minical td.weekend-day {
	text-align: center;
	color: #eee;
	border: 1px solid #ccc;
	background-color: #58b;
	padding-bottom: 0px;
}

table.minical td.weekend-day:hover {
	border: 1px solid #eee;
	background-color: #69c;

}

table.minical td.inactive {
	text-align: center;
	border: 1px solid #ccc;
	padding-bottom: 0px;
}

table.minical td.day:hover {
	border: 1px solid #eee;
	background-color: #69c;
}

table.minical td.current-day {
	text-align: center;
	color: #fff;
	border: 1px solid #69c;
	background-color: #69c;
	padding-bottom: 0px;
}

table.minical td.current-day:hover {
	border: 1px solid #eee;
}

/* SimpleCal calendar style */

table.simplecal {
	background-color: #47a;
}

table.simplecal a {
	font-weight: bold;
	color: #fff !important;
}

table.simplecal a:hover {
	text-decoration: underline;
}

table.simplecal td.previous-month {
	border: 1px solid #47a;
	text-align: left;
	padding-left: 3px;
}

table.simplecal td.previous-month:hover {
	/*border: 1px solid #ccc;*/
}

table.simplecal td.next-month {
	border: 1px solid #47a;
	text-align: right;
	padding-right: 3px;
}

table.simplecal td.next-month:hover {
	/*border: 1px solid #ccc;*/
}

table.simplecal td.current-month {
	font-weight: bold;
	color: #fff;
	font-size: 16px;
	height: 40px;
	vertical-align: middle;
}

table.simplecal tr.day-headings td {
	color: #fff;
	background-color: #69c;
	font-weight: bold;
	width: 20px;
	padding-bottom: 0px;
}

table.simplecal td.day {
	background-color: #69c;
	border: 1px solid #69c;
	color: #eee;
	padding-bottom: 0px;
	height: 75px;
	width: 14%;
}

table.simplecal td.weekend-day {
	background-color: #58b;
	border: 1px solid #69c;
	color: #eee;
	padding-bottom: 0px;
	height: 75px;
	width: 14%;
}

table.simplecal td.inactive {
	border: 1px solid #69c;
	padding-bottom: 0px;
	width: 14%;
	height: 75px;
}

table.simplecal td.current-day {
	color: #fff;
	border: 1px solid #7ad;
	background-color: #7ad;
	padding-bottom: 0px;
	width: 14%;
	height: 75px;
}

table.simplecal span.day-date {
	height: 100%;
	width: 20px;
	vertical-align: top;

	display: block;
	float: left;
	font-weight: bold;
}

table.simplecal a.link {
	font-weight: normal;
}

table.simplecal a.link:hover {
	text-decoration: underline;
}

table.simplecal a.link-important {
	color: #fd0 !important;
	font-weight: bold;
}

table.simplecal a.link-important:hover {
	text-decoration: underline;
}









