/* This is the NPPLF style TEMPLATE -- make copies to mess around with. */
body {
  list-style-type: none;
  background-color: white;
  margin: 0;
  padding: 0;
  background-image: none;
  background-repeat: repeat-x;
  font-family: Verdana, Lucida, Helvetica, Arial, sans-serif;
  color: gray; /* gray text to show up on all colors to indicate body text*/
}
#wrapper {
	border-style: solid;
	border-color: #000066;
	border-width: 40px;
	padding: 20px;
	width: 840px; 
	background-color: #ccccff; /*light blue*/
	margin: 30px;
}
#wrapperorange {
	border-color: #000099;
	border-width: 20px;
	border-style: solid;
	padding: 20px;
	width: 840px; 
	background-color: #ff6600; /*light orange*/
	margin: 30px;
}
#wrapperpink {
	border-style: solid;
	border-color: #330000;
	border-width: 40px;
	padding: 20px;
	width: 840px; 
	background-color: #ff99cc; /*light pink*/
	margin: 30px;
}
#wrapperbrown {
	padding: 20px;
	width: 840px; 
	background-color: #cccc99; /*brown*/
	margin: 30px;
}
#wrappergray {
	padding: 20px;
	width: 840px; 
	background-color: #666666; /*gray*/
	margin: 30px;
}
#wrapperwhite {
	padding: 20px;
	width: 840px; 
	background-color: #ffffff; /*white*/
	margin: 30px;
}
#wrapperyellow {
	padding: 20px;
	width: 840px; 
	background-color: #ffff66; /*light yellow*/
	margin: 30px;
}
                                  
#wrappercream {
	padding: 20px;
	width: 840px; 
	background-color: #ffffcc; /*cream*/
	margin: 30px;
}
                                  
#wrappertaupe {
	padding: 20px;
	width: 840px; 
	background-color: #663300; /*med taupe*/
	margin: 30px;
}
#wrapperpurple {
	border-style: solid;
	border-color: #8b008b;
	border-width: 20px;
	padding: 20px;
	width: 840px; 
	background-color: #dda0dd; /*plum*/
	margin: 30px;
}
/* GALLERIES from CSS Anthology */
#albumlist {
	list-style-type: none;
}
#albumlist li {
	float: left;
    width:240px;
	margin-right: 6px;
	margin-bottom: 10px;
	font: bold 0.8em Arial, Helvetica, sans-serif;
	color: #333333;
}
#albumlist img {
	display: block;
	border: 1px solid #333300;
}

/* HEADER SECTIONS:  those numbered 1abc are the main page header; followed by 2abc, etc. for second level pages*/
#header1 { /*keeping the same on all pages*/
	padding-top: 20px;                                  
	padding-left: 40px;                                  
	padding-bottom: 10px;                                  
	padding-right: 40px;                                  
	width: 750px;
	background-color: white;
	border: 4px solid #333333;
}  /*Line 1 of header, main page*/

#header1b {
		background-color: white;
		height: 40px;
		border-color: #000066;
		border-style: solid;
		width: 820px;
	}
.headertext1a {  
	margin-left: 0px;  
	margin-bottom: 0px;  
	margin-right: 0px;  
	margin-top: 20px;  
	width: 320px;  
	text-align: right;  
	border-style: none;
	color: black;
	font: 1.6em Georgia, "Times New Roman", Times, serif;
}
.headertext1b {
		margin: 0px;
		width: 340px;
		border-style: none;
		text-align: left;
		color: #000066;
		font-size: 4em;
		font-style: italic;
		font-family: Georgia, "Times New Roman", Times, serif;
	}

#headerbox1 {
	border-style: none;
	float: left;
	width: 350px;
	height: auto;
}
#headerbox1a { /* ? consider whether same box can be used for all pages */
	clear: none;                                                            
	border-style: none;                                                            
	float: right;                                                            
	height: auto;
	width: 350px;
}
#headerbox2 {
		margin-left: 5px;
		margin-bottom: 10px;
		margin-right: 5px;
		margin-top: 5px;
		padding: 5px;
		height: 35px;
		width: 750px;
		border-style: none;
	}
.librphoto { /* small photo of library on main page*/                                         
	clear: both;                                         
	float: left;                                         
	border: 4px solid navy;
	height: auto;
	width: 300px;
}
.headertext1c { /* 3rd line of text in header, below gray bottom border of Headerbox. */                                                                                       
	font-size: 1em; 
	padding: 2px;                                                                                                   
	float: none;
	border-style: none;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 0px;
	clear: both;                                                                         
	font-style: italic;
	text-align: left;
	color: black;
	font: Georgia, "Times New Roman", Times, serif;
}
/* EVENT BOX, HOME PAGE, contains 4 images and 4 text blurbs, styled as a Definition List.  Images link to each Event Page.  NOTE: different border colors are temporary to help positioning. */
.headertext2 {
		padding: 1px;
		color: black;
		font-size: 1.3em;
		font-style: italic;
		font-family: Georgia, "Times New Roman", Times, serif;
	}
#eventbox {
	float: left;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	/*padding: 15px;*/
	background-color: white;
	text-align: left;
	width: 800px;
}
#eventbox dl { /* This is the image 200x200 which links to it's own page.*/
	float: left;
	margin: 10px 20px;
	padding: 0px;
}

#eventbox dt {
	font-style: normal;
	font-weight: normal;
	margin-left: 0px;
	margin-bottom: 10px;
	margin-right: 0px;
	margin-top: 0px;
	width: 480px;
	float: right;
	color: black;
	letter-spacing: 1px;
	font-size: 130%;
	padding: 0px;
}

#eventbox dt.text {
	font-style: normal;
	font-weight: normal;
	margin-left: 0px;
	margin-bottom: 10px;
	margin-right: 0px;
	margin-top: 0px;
	width: 480px;
	float: right;
	color: black;
	letter-spacing: 1px;
	font-size: 100%;
	padding: 0px;
}

/* This is the Event Teaser, home page.*/
#eventbox dd.txt { 
	padding-left: 0px;                                          
	padding-bottom: 0px;                                          
	padding-right: 0px;                                          
	padding-top: 0px;                                          
	margin-left: 0px;                                          
	margin-bottom: 0px;                                          
	margin-right: 0px;                                          
	margin-top: 0px;                                          
	color: #333333;
	line-height: 1.5em;
	font-size: 85%;
}

#eventbox hr {
	align: center;
	color: blue;
/*	width: auto; */
	height: 3px;

}

#eventbox dd.img img {
	margin-left: 0;
	margin-bottom: 0;
	margin-right: 18px;
	margin-top: 0;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #cccccc;
	border-top-color: #cccccc;
	border-left-style: solid;
	border-bottom-style: solid;
	border-right-style: solid;
	border-top-style: solid;
	border-width: 4px;
	float: left;
	padding: 4px;
}
d/* temporary home page, "coming soon" paragraph */
#coming { 
	float: right;
	list-style-type: none;
	background-color: #333366;
	width: 500px; 
	margin-left: auto; 
	margin-right: 10px; 
	padding: 10px;
	text-align: center;
	font-size: 1em;
	color: #ffffff;
	border: 5px solid #9999ff;
}
#fundraisers {  /* list of events on temporary page */
	clear: both;
	background-color: #ffffff;
	color: #333366;
	width: 500px; 
	margin-left: auto; 
	margin-right: auto; 
	padding: 4px;
	border: 5px solid #9999ff;
	list-style-type: none;
}

/* phone box on  temporary home page */
#phone {
	border-style: none;
	width:  400px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	margin: 10px;
	padding: 20px;
}
/* official logo */
.npplflogoimg { 
	border: 4px solid #ffcc00;
	margin: 10px 10px 30px 10px; 
	padding: 5px;
} 
.npplflogoimgfoot { 
	clear: both; 
	margin-bottom: 20px; 
	border: none; 
	width: 50%;
	height: 75px;
	margin-left: 20px;
	float: left;
} 

.jigelemimg { 
	float: right; 
	border: 4px solid #ffcc00;
	margin: 10px 50px 10px 10px; 
	padding: 5px;
} 
#h1 { font-family: Verdana, Helvetica, Arial, sans-serif;
	margin: 0px;
	padding: 0;
	font-size: 1.5em;
	color: #000000;
}
#h2 { font-family: Verdana, Helvetica, Arial, sans-serif;
	margin: 0px;
	padding: 0;
	font-size: 1em;
	color: #000000;
}
#h3 {font-family: Verdana, Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	color: #000000;
	font-size: 0.8em;
	}
#h4 {font-family: Verdana, Helvetica, Arial, sans-serif;
	margin: 0px;
	padding: 0;
	color: #000000;
	font-size: 0.6em;

}
/* adding navbar2 from techrepublic.com */
div#navbar {
 border-top-width: 1px;
 margin: 1px;
 border-bottom-style: none;
 border-top-style: solid;
 border-top-color: #000;
 height: 30px;
 width: 100%;
 text-align: left;
}
div#navbar ul {
 margin: 0px;
 padding: 0px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: small;
 color: black;
 line-height: 30px;
 white-space: nowrap;
}
div#navbar li {
 list-style-type: none;
 display: inline;
}
div#navbar li a {
 text-decoration: none;
 padding: 7px 10px;
 color: black;
}
div#navbar2 li a:link {
 color: #FFF:
}
div#navbar li a:hover {
 color: white;
 font-weight: bold;
}
/* end of navbar2 from techrepublic.com */


#navhome {
		font-size: 100%
		margin-bottom: 6px;
		padding: 2px;
		color: #666666;
		font-family: Helvetica, Verdana, Arial, sans-serif;
		background-color: white;
	}
.click { /* IN EVENTBOX, paragraph that says "click image for information" */
	margin-bottom: 16px;                                                                     
	font-style: italic;                                                                     
	color: #666666;                                                                     
	font-size: 0.8em;
	text-align: center;
}

#clearone { /* tiny line at bottom which allows for spacing at bottom of page and no sections should extend below the wrapper.*/
	width: 780px;
	color: transparent;	
	background-color: transparent;
	clear: both;
	height: 2px;
}
/* reverse float, "alt" */

#eventbox .alt dt {
	float: left;
	}
	
#eventbox .alt dd.img img {
	margin-left: 8px;
	margin-bottom: 0;
	margin-right: 20px;
	margin-top: 0;
	float: right;
	}
	
	div#eventbox .alt dt a:hover {
 background-color: #000099;
 font-style: normal;
 color: white;
 font-weight: normal;
}
	div#eventbox   a:hover {
 font-style: normal;
 background-color: #000099;
 color: white;
 font-weight: normal;
}

	
	
	
	
	
#pagetitle1 {
		padding: 0px;
		margin: 0px;
		text-align: center;
		font-size: 2em;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		height: 50px;
		width: 720px;
	}
#pagecontent {
		padding-left: 20px;
		padding-bottom: 20px;
		padding-right: 20px;
		padding-top: 0px;
		margin-left: 20px;
		margin-bottom: 0px;
		margin-right: 20px;
		margin-top: 0px;
		border-color: #000066;
		border-style: solid;
		border-width: 4px;
		color: black;
		background-color: white;
		height: auto;
		width: 780px;
	}
#pagecontentJP {
		font-family: Helvetica, Verdana, Arial, sans-serif;
		position: static;
		clear: none;
		list-style-type: none;
		padding-left: 20px;
		padding-bottom: 20px;
		padding-right: 20px;
		padding-top: 20px;
		margin-left: auto;
		margin-bottom: 0px;
		margin-right: auto;
		margin-top: 10px;
		border-color: #000099;
		border-style: solid;
		border-width: 4px;
		color: black;
		background-color: white;
		height: auto;
		width: 780px;
	}

#pagecontentCH {
		padding-left: 20px;
		padding-bottom: 20px;
		padding-right: 20px;
		padding-top: 20px;
		margin-left: auto;
		margin-bottom: 0px;
		margin-right: auto;
		margin-top: 10px;
		border-color: #330000;
		border-style: solid;
		border-width: 4px;
		color: black;
		background-color: white;
		height: auto;
		width: 780px;

	}
#pagecontentGG {
		padding-left: 20px;
		padding-bottom: 20px;
		padding-right: 20px;
		padding-top: 20px;
		margin-left: auto;
		margin-bottom: 0px;
		margin-right: auto;
		margin-top: 0px;
		border-color: #003300;
		border-style: solid;
		border-width: 4px;
		color: black;
		background-color: white;
		height: auto;
		width: 780px;

	}
#pagecontentCT {
		padding-left: 20px;
		padding-bottom: 20px;
		padding-right: 20px;
		padding-top: 20px;
		margin-left: auto;
		margin-bottom: 0px;
		margin-right: auto;
		margin-top: 0px;
		border-color: #800080;
		border-style: solid;
		border-width: 4px;
		color: black;
		background-color: white;
		height: auto;
		width: 780px;

	}
	/* .pagetitle condensed to 1, removed shadow text and individual colors */
.pagetitle {
		font-style: normal;
		border-style: none;
		letter-spacing: 1px;
		font-size: 130%;
		text-decoration: none;
		color: black;
		font-weight: normal;
	}
.pagetitlecenter {
		text-align: center;
		font-style: normal;
		border-style: none;
		letter-spacing: 1px;
		font-size: 100%;
		text-decoration: none;
		color: black;
		font-weight: normal;
	}
a:link, a:visited, a:hover, a:active {
	color: #000000;
	text-decoration: underline;
	background-color: transparent;
	}
#entryboxJP {
		margin-bottom: 20px;
		margin-top: 40px;
		margin-left: 150px;
		margin-right: 150px;
		width: 450px;
		border-color: #ff9900;
		border-width: 4px;
		border-style: solid;
		font-weight: bold;
		text-align: center;
	}
.emaildir {
		font-size: 0.9em;
		font-family: Verdana, Helvetica, Arial, sans-serif;
	}
.fillin {
		list-style-type: none;
		line-height: 2em;
	}
.cent-sml {
		padding: 0px;
		margin: 0px;
		font-size: 0.8em;
		text-align: center;
	}
#titleimage {
		border-style: none;
		margin-left: auto;
		margin-bottom: 30px;
		margin-right: auto;
		margin-top: 20px;
		height: auto;
		width: 600px;
	}
                                                                                                                                                                                                                             
#titleimageCH {
		border-style: none;
		margin-left: auto;
		margin-bottom: 30px;
		margin-right: auto;
		margin-top: 20px;
		height: auto;
		width: 700px;
	}

.borderJP {
		margin: 2px;
		border-color: #000099;
		border-width: 4px;
		border-style: solid;
	}
.borderCH {
		border-style: solid;
		border-color: #ff99cc;
		border-width: 4px;
		margin: 2px;
	}
.borderGG {
		border-color: #003300;
		border-width: 4px;
		border-style: solid;
		margin: 2px;
	}
.borderCT {
		margin: 2px;
		border-width: 4px;
		border-color: #660000;
	}
#Link-JP {
		font-size: 1em;
		padding: 2px;
		margin-right: 80px;
		margin-left: 80px;
		color: black;
		background-color: #ff6633;
		text-align: center;
	}
#Link-CH {
		font-size: 1em;
		padding: 2px;
		margin-right: 80px;
		margin-left: 80px;
		color: black;
		background-color: #ff99cc;
		text-align: center;
		
	}
#Link-GG {
		margin-right: 80px;
		margin-left: 80px;
		padding: 2px;
		color: black;
		background-color: #ffcc00;
		text-align: center;
		font-size: 1em;
	}
#Link-CT {
		padding: 2px;
		margin-right: 80px;
		margin-left: 80px;
		color: black;
		background-color: #cccccc;
		text-align: center;
		font-size: 1em;
	}	
#Link-XX {
		margin-right: 80px;
		margin-left: 80px;
		padding: 2px;
		color: white;
		background-color: #ccccff;
		text-align: center;
		font-size: 1em;
	}
#header4 {
	}
.textRomItal {
		color: black;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 1.2em;
	}
.navhome {
		margin-bottom: 2px;
		margin-top: 2px;
		border-color: #cccccc;
		border-width: 2px;
		border-style: solid;
		width: 44px;
		text-align: left;
		padding-left: 3px;
		padding-bottom: 2px;
		padding-right: 3px;
		padding-top: 2px;
		color: black;
		background-color: white;
		font-family: Helvetica, Verdana, Arial, sans-serif;
	}
.footertext {
		font-size: 0.9em;
		color: black;
		text-align: center;
		font-family: Georgia, "Times New Roman", Times, serif;
	}
#footer {
		clear: both;
		margin-top: 6px;
		border-top-color: #666666;
		border-top-width: 1px;
		border-top-style: solid;
		margin-right: auto;
		margin-left: auto;
	}
#box1C {
		list-style-type: none;
		margin-left: 10px;
		margin-bottom: 10px;
		margin-right: 10px;
		margin-top: 30px;
		text-decoration: none;
		color: black;
		padding: 10px;
		text-align: center;
		font-family: Helvetica, Verdana, Arial, sans-serif;
	}
#box1L {
		border-color: #999999;
		border-width: 1px;
		list-style-type: none;
		padding-left: 10px;
		padding-bottom: 20px;
		padding-right: 10px;
		padding-top: 20px;
		margin-left: 10px;
		margin-bottom: 20px;
		margin-right: 10px;
		margin-top: 30px;
		color: black;
		font-family: Helvetica, Verdana, Arial, sans-serif;
		border-style: dashed;
	}
ul {		list-style-type: none;
	}
li {		list-style-type: none;
	}
.pagetitle2 {
		margin-top: 8px;
		text-align: center;
		color: #000000;
		font-size: 1.5em;
		font-family: Helvetica, Verdana, Arial, sans-serif;
	}
.pagetitle2CH {
		background-color: #ff99cc;
		margin-top: 8px;
		text-align: center;
		color: black;
		font-size: 1.5em;
		font-family: Helvetica, Verdana, Arial, sans-serif;
	}
.pagetopblue {
		margin-top: 8px;
		text-align: center;
		color: #000099;
		font-size: 1.5em;
		font-family: Helvetica, Verdana, Arial, sans-serif;
	}
#col-left {
		width: 350px;
		border-width: 1px;
		border-style: dotted;
		border-color: #666666;
		float: none;
	}
#col-right {
		float: none;
		width: 350px;
	}
element {
	}