body {
	font-family: Georgia, "New Century Schoolbook", "Bitstream Vera Serif", Utopia, "Times New Roman", times, serif; 
	background: #DBDBFF;	/* light-blue background for margins of wider-than-1280px browsers */
	max-width: 1280px;
	margin: 0 auto;
	border: 0;
	padding: 0;
}

STRONG, B {font-weight: bold;}
H1, H2, H3, H4 {font-weight: bold; margin-top: 1em; margin-bottom: 0; color: #36C;}
H5 {
	margin-bottom: 0
}
H1 {font-size: 200%; margin-top: 0;}
H2 {font-size: 150%;}
H3 {font-size: 125%;}
H4, H5 {font-size: 100%;}
LABEL {cursor: pointer;}
SMALL {font-size: 85%}

/* Keep these in order from most to least popular, so they'll appear first in FrontPage's dropdown style box */
.big {font-size: 125%}
.gray {color:#999}
.gray a {color:#999}
.bkgray, tr.bkgray td {background:#EEE}  /* Use for odd-shaded table rows */

.hot {font-weight:bold; color:red}
.hotbox {border:1px solid red; background:#FFC; padding:.5em} /* hi-lite red-border box */

.loose li { padding-top: .25em; padding-bottom: .25em }

.imgleft {float: left; padding-right:1em; padding-bottom:1em}
.imgright {float: right; padding-left: 1em; padding-bottom:1em; }
.padtop { padding-top:1em }	/* for images that appear close to the opening div.content tag, adds a little top space */
.small {font-size: 85%}
.credit, .tag { font-size: 75%; color: #666; } /* File tags and dates */
.credit a, .tag a {color:#666}
.credit {text-align:right;padding-right:1em}
table.thin, table.thintight { border-collapse: collapse; border: 1px solid #CCC; }
table.tight {margin-bottom:0}
.thin td, .thin th, .thintight td, .thintight th {border:1px solid #CCC;}
.thin td, .thin th {padding:6px}
.thintight td, .thintight th {padding:3px}

.thin p, .thintight p {margin:0}
.thin td ul {margin-bottom:0; padding-bottom:0; margin-top:.5em;}

.bodytext {line-height:1.8em}
.search {font-size: 8pt; font-family: arial, helvetica, sans-serif; padding:0; margin-left:4px; vertical-align:top;}  /* Search button in headers */
#mtgs p { font-size:90%; padding:0; margin:0; line-height: 1.2em; }

#minutes {border:2px solid red; padding:6px}

/* Add space between tables and header elements if no text in between */
H3+TABLE {margin-top:.75em}

/* MAJOR PAGE ELEMENTS */

#container { 
	background: white;
	width: 100%;
}

#center {padding: .5em 1em 0 1.5em;}	/* center-column content on top-level pages (in tables) */

/* place images as headers in top-level pages; the image URL is set in each page individually */
div#head {
	background-repeat: no-repeat;
	background-position: right;
	height:130px;
}

/* Top menu bar; .on and .off for hovering over buttons to change background colors */
.on {background:#eee; cursor: pointer; }
.off {cursor: default;}
.menutext {font-family: "trebuchet ms", arial, helvetica, sans-serif; font-weight: 600; line-height:1.2em; margin-top:2px; margin-bottom:2px }
.menutext img {vertical-align: middle; margin-bottom: .25em}	/* replaces "absmiddle" on logo (CSS/HTML compliant approach) */
.on .menutext a {color:#000}
.menutext a {color: #CCC; text-decoration: none; display: block;}
.smallpunc {font: 85% verdana; font-weight: 600}	/* for punctuation in menu bar, a little smaller */
#active {cursor: default;}  /* use normal cursor for selected menu button */
.menutext#active a {color:#000}
#hide {color:#36C}  /* hide "Home" button on home page to preserve menu spacing */

/* Google search box formatting */
#cse-search-box {margin: 0 .5em;}
.search {margin-top: 2px;}

/* Sidebar boxes - usage: id="sidebar" class="blue" */
#sidebar {
	float:right; 
	width:300px; 
	border:1px solid gray; border-top:none; 
	padding: 0 1em 1em 1em; margin-top:0; margin-left:1em;
}

#sidebar h4 {color:black}
.blue {background-color: #CBE6FF}
.orange {background-color: #FFEBD7}
.yellow {background-color: #FFD}

#sidebar_r {
	padding: 0 1em .5em 1em; 
	border-left:1px dotted #CCC; 
	border-bottom:1px dotted #CCC;
	background-color: #FFD;
}

#sidebar_l {
	padding: 0 1em .5em 1em;
	border-right: 1px dotted #CCC;
	border-bottom: 1px dotted #CCC;
	background: #EEE;
}

/* prevent white space above sidebars by zeroing margin for first h3 element */
#sidebar_r > h3:first-child, #sidebar_l > h3:first-child { margin-top:0; padding-top:1em }

/* Homepage and sub-home page "entry" class, used for center-column items, provides spacing */
/* around div and floats images to the left */
.entry {margin: 1em 0 1.5em 0; clear:both}
.entry img {float:left; margin-right:1em; margin-bottom:1.5em}
.entry p {margin: .25em 0}
.entry span {font-weight:normal}
.entry h4 {margin-bottom:0; font-size:110%;}
.entry h4 a {text-decoration:none}
.entry h4 a:hover {text-decoration:underline;}


/* Breadcrumb */
#crumb {background-color:#666; padding-top:4px; padding-bottom:4px; color:white; margin:0; font-size: 85%}
#crumb a, #rtfcrumb a {color:white; text-decoration: underline}
#crumb a:hover, #rtfcrumb a:hover {text-decoration: none}

/* Display or hide elements for print; use class=hidePrint or =hideScreen in tags */
@media print {
  .hidePrint, .crumb, .crumb2, #menu { display: none }
  .hideScreen { display: inline }
}

@media screen {
  html { overflow: scroll; }	/* always display right-hand scroll bar, so page does not expand or shrink horizontally */
  .hideScreen { display: none }
  #container { overflow: auto; }	/* overflow to force div clear; need to revisit */
  #content { margin: .5em 5em; padding-bottom: .5em; line-height:1.3em; overflow: auto; }
  #sidebar + #content, #sidebar_r + #content {margin-right: 1em}	/* reduce content margin when sidebar present */
  #rtfmenu + #content, #sidebar_l + #content {margin-left: 1em}		/* reduce content margin when sidebar present */
}


/* RTF styles */
#rtfhead {border-bottom: 2px solid #F63; margin: 0; padding-top:.5em; height:65px}
#rtfhead img {border:none}
#rtfhead p {font: 70%/1.4em "trebuchet ms", arial, "sans serif"; color: gray; display:inline; margin:0; padding:0}

#rtfhead a {color: gray}

#rtfcrumb {background-color:#F63; padding-top:4px; padding-bottom:4px; color:white; margin:0; font-size: 85%}

#rtflogo_l {float:left; margin: 0 1em}
#rtflogo_r {float:right; margin:  10px 1em 0 0}

/* Give body the following ID tag for pages that have left-hand menu */
#rtf_2_column #content {margin-left:15em}

#rtfmenu {
  background-color:#FFEBD7; 
  padding: 1em 1em .5em 1em;
  border-right: 1px dotted #CCC;
  border-bottom: 1px dotted #CCC;
  margin-right:1em; 
  float:left;}

#rtfmenu a, #sidebar_r a, #sidebar_l a {text-decoration:none}
#rtfmenu a:hover, #sidebar_r a:hover, #sidebar_l a:hover {text-decoration:underline;}

@media print {		/* Don't print sidebars/header, and for 2-column layout, make content full-width */
  #rtf_2_column #content { margin: 1em }
  #rtfhead, #rtfmenu, .rtfsidebarfloat { display: none }
}

.rtfsidebarfloat {margin:1em; background:#FFEBD7; float:right; padding:1em; border:1px solid #F63}

/* Small square UL bullet */
ul{
    list-style: none;
    margin: 0 0 1em 0px;
    padding: 0;
}
ul li{
    margin: .25em 0;
    background:url('http://www.nwcouncil.org/images/squarebullet.gif') no-repeat 0 .6em; padding: .2em 0 .2em 10px;
}
li ul{
    margin:0 0 0 30px;
    list-style:circle;
}
li ul li{
    padding-left:0;
    background:none;
}

/* Holly Hack to fix ie6 li bg */
/*  Hides from IE-mac \*/
* html li{height: 1%;}
/* End hide from IE-mac */


.custom-gen a {text-decoration:none}
.custom-gen a:hover {text-decoration:underline}