body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 85%;
	text-align: center;
	background-color: #fff;
	background: url('../images/pageGradientGrey2.jpg') repeat-x left top;
}

#wrapper {
	margin: 5px auto;
	width: 755px;
	text-align: left;
	background-color: #fff;
	background: #fff url('../images/pagetopcurve2.gif') no-repeat center top;	
}

/************ This begins the header area *************/
#header {
	margin: 0;
	padding: 0;
	height: 130px;
	/*border: 1px solid red;*/
}

.logo {
	float: left;
	width: 109px;
	margin: 21px 10px 20px 20px;
	/*border: 1px solid red;*/
}

#header h1 {
	font-family: Georgia, Times New Roman, serif;
	font-size: 2.5em;
	font-weight: normal;
	color: #000;
	margin: 10px 0 0 20px;
	padding: 0 0 5px 0;
	float: left;
	width: 570px;
	border-bottom: 1px solid #9e0039;
	/*border: 1px solid black;*/
}

#header h2 {
	font-size: .9em;
	font-style: italic;
	font-weight: normal;
	line-height: 1.4em;
	color: #666;
	margin: 0 0 0 20px;
	padding: 0 0 5px 0;
	float:left;
	width: 300px;
	border-bottom: 1px solid #9e0039;
	/*border: 1px solid black;*/
}

#header h2 a {
	text-decoration:none;
	margin: 0 0 0 15px;
	color: #666;
}
 
#header h2 a:hover {
	text-decoration:underline;
	background-color:#FFFFCC;
	margin: 0 0 0 15px;
	color: #666;
} 

.nfg {
	float: left;
	width: 167px;
	margin: 5px 0 0 105px;
	border: 0;
	/*border: 1px solid red;*/
}

#header h4 {
	font-size: 1.3em;
	font-style: italic;
	font-weight: bold;
	text-align: center;
	color: #909;
	margin: 15px 0 0 10px;
	float: left;
	height: 83px;
	/*border: 1px solid red;*/
}

/************ This ends the header area *************/

/************ This begins the sidebar area *************/

#sidebar {
	margin: 10px 0 0 0;
	padding: 0;	
	float: left;
	width: 210px;
	font-size: 95%;
	/*border: 1px solid #0f0;*/
	clear: both;
}

#nav {

}

#nav ul { 
	margin: 0;
	padding: 0 0 0 12px;
	line-height: 200%;
}

#nav ul li { 
	list-style-type: none;
	background:transparent url('../images/bookbullet2.gif') no-repeat left center;
	padding: 0 0 0 25px;
	/*border: 1px solid #f00;*/
}

#nav ul li a { 
	padding: 0 0 0 5px;
	color: #9e0039; 
	/*border: 1px solid #00f;*/
}

#links { 
	margin: 10px 0;
	float: left;
	width: 175px;
	font-size: 1.3em;
	/*border: 1px dashed #bbb;*/
}

#links ul { 
	list-style-type: none;
	/*border: 1px dashed #bbb;*/
}
#links a { 
	color: #9e0039; /*blue links*/
}

/************ This ends the sidebar area *************/

/************ This begins the left column links (library item artinthepagesleftcolumn.lbi) for the 
Art in the Pages section *************/
#artleftcolumnlinks ul { 
	margin: 20px 0 0 0;
	padding: 0;
	/*border: 1px solid red;*/
}

#artleftcolumnlinks ul li { 
	margin-bottom: 5px;
	font-family: geneva, verdana, sans-serif;
	line-height: 140%;
	list-style-type: none;
	text-decoration:none;
	text-align: center;
}

/************ This ends the left column link (library item) area *************/

/************ This begins the content area *************/

a {
	color: #284c86;
}

#content {
	float: left;
	width: 515px;
	margin: 10px 0 0 0;
	padding: 0;
	/*border: 1px solid blue;*/
}

#content p {
	margin: 0 0 20px 0;
	font-size: 1em;
	/*border: 1px solid blue;*/
}

#content em {
	font-style: italic;
}

.first {
	text-indent: 25px;
}

.hugered {	
	color: #f00;
	font-weight: bold;
	font-size: 3.0em;
	line-height:1em;
	margin: 0;
	padding: 0;
}

h1 {
	color: #9e0039;
	font-weight: normal;
	font-size: 1.4em;
	margin: 0;
	padding: 0;
}

h2 {
	color: #9e0039;
	font-weight: normal;
	font-size: 1.2em;
	margin: 0 0 10px 0;
	padding: 0;
	/*border:	1px	solid red;*/
}

.news {
	clear: both;
	margin: 0 0 10px 0;	
	/*border:	1px	solid blue;*/
}

#content h2 {
	color: #9e0039;
	font-weight: normal;
	font-size: 1.2em;
	margin: 0 0 10px 0;
	padding: 0;
	clear: both;
	/*border:	1px	solid red;*/
}

#content h4 {
	color: #9e0039;
	font-weight: normal;
	font-size: 1.0em;
	margin: 0 0 10px 0;
	padding: 0;
	clear: both;
	/*border:	1px	solid red;*/
}

#content h5 {
	font-size: 1em;
	font-weight: normal;
	float: left;
	margin: 0 10px 20px 0;
	/*border: 1px solid red;*/
}

ul.scissors {
	margin: 0 0 25px 0;
	padding: 0 0 0 20px;
	line-height: 110%
}

ul.scissors li { 
	font-family: geneva, verdana, sans-serif;
	margin: 0 0 15px -10px;
	padding: 0 0 0 35px;
	line-height: 140%;
	list-style-type: none;
	background:transparent url('../images/scissors.gif') no-repeat left top;
}

ul.bookbullet { 
	margin: 0 0 25px 0;
	padding: 0 0 0 20px;
	line-height: 110%
}

ul.bookbullet li { 
	font-family: geneva, verdana, sans-serif;
	margin: 0 0 15px -10px;
	padding: 0 0 0 55px;
	line-height: 140%;
	list-style-type: none;
	background:transparent url('../images/bookbullet2.gif') no-repeat left top;
}

#content ul { 
	margin: 0 0 25px 25px;
	padding: 0;
}

#content ul li { 
	margin-bottom: 10px;
	font-family: geneva, verdana, sans-serif;
	line-height: 140%;
	list-style-type: none;
}

#content ul li ul { 
	margin: 5px 0 5px 30px;
	padding: 0;
}

#content ul li ul li { 
	font-family: geneva, verdana, sans-serif;
	margin:0 0 7px 0;
}

#content ul li ol { 
	margin: 10px 0 25px 50px;
	padding: 0;
}

#content ul li ol li { 
	font-family: geneva, verdana, sans-serif;
	list-style-type: decimal;
	margin:0 0 20px 0;
}

#content img.acro { 
	margin: 0 0 25px;
	padding: 0;
}

#loveletters ul {
	margin: -15px 0 25px 25px;
	padding: 0;
}

#loveletters ul li {
	font-family: geneva, verdana, sans-serif;
	line-height: 140%;
	list-style-type: none;
}

/* the following imageleft and imageright styles are used on the friendsscholarships.htm page*/
div.imageleft {
 margin: 0;
 padding:20px 0;
 clear: both;
 /*border: 1px dotted red;*/
}
 
div.imageleft img {
 margin: 5px 10px 10px 0;
 padding: 0;
 float: left;
 border: 1px solid black;
}
 
div.imageright {
 margin: 0;
 padding: 20px 0;
 clear: both;
 /*border: 1px dashed gray;*/
}
 
div.imageright img {
 margin: 5px 0 10px 10px;
 padding: 0;
 float: right;
 border: 1px solid black;
}

/* the following right and left styles are used for all graphics other than those on friendsscholarships.htm */
.right {
	float: right;
	margin: 10px 0 10px 10px;
	border: none;
}

.left {
	border: none;
	float:left;
	margin: 10px 10px 10px 0;
}

#amazon {
	padding: 5px;
	float: right;
	width: 165px;
	border: 1px solid #999;
	font-weight: 400;
	font-size: 1.3em;
	line-height: 130%;
	text-align: center;
	margin: 0 0 0 10px;
	color: green;
}

#annualreport {
	margin: 25px 5px 0 15px;
	padding: 5px;
	float: right;
	border: 1px solid #999;
	text-align: center;
	color: green;
}

#annualreport p {
	margin: 10px 0;
}

.greenlink {
	color: green;
	font-size: 1.3em;
	font-weight: normal;
}

.smallergreenlink {
	color: green;
	font-size: 1.2em;
}

.biggergreenlink {
	color: green;
	font-size: 1.5em;
}

.hugegreen {
	color: green;
	font-size: 2.2em;
}

.redlink {
	color: #9e0039;
	font-size: 1.3em;
}

.why {
	font-size: .5em;
	text-decoration: underline;
	text-align: center;
	color: #999;
}

.newsreleases {
	margin: 0 0 15px 0;
}

.acrobat {
	clear: both;
}

.updated {
	font-size: .80em;
	font-style: italic;
}


/************ This ends the content area *************/


/************ Other styles ***************************/

.bold {
	font-weight: bold;
}

#boardmembers ul {
	margin-left: 0;
}

#boardmembers ul li {
	line-height: 200%;
}

#boardmembers ul li em {
	font-size: 1em;
	font-weight: bold;
	font-style:normal;
}

/************ End of other styles ***************************/

/************ This begins the bottom link (library item) area *************/
#bottomlinks ul li { 
	margin-bottom: 5px;
	font-family: geneva, verdana, sans-serif;
	line-height: 140%;
	list-style-type: none;
}

/************ This ends the bottom link (library item) area *************/

/************ This begins the footer area *************/

#footer {
	clear: both;
	margin: 0 auto 20px;
	padding: 0 0 50px 0;
	text-align: center;
	font-size: .9em;
	/*font-size: xx-small; a test for firefox sizes in sirsi */
	font-style: italic;
	font-weight: normal;
	line-height: 1.4em;
	color: #666;
}

#footer hr {
	width: 280px;
	height: 1px;
}

#footer a {
	text-decoration:none;
	margin: 0 0 0 20px;
	color: #666;
}

#footer a:hover {
	text-decoration:underline;
	background-color:#FFFFCC;
	margin: 0 0 0 20px;
	color: #666;
}

/************ This ends the footer area *************/

/*************pictures ***************************/

.pictureframes {
	margin: 20px 0 0 0; /*20px;*/
	padding: 0;
	clear:both;
	border: 1px solid hidden;
	/*border: 1px solid red;*/
	/*overflow:auto;*/
}

div.leftimage {
 margin: 0;
 padding: 0;
 float: left;
 width: 44%;/*230px;*/
 clear: both;
 border: 1px solid #666666;
}
  
div.rightimage {
 margin: 0 0 0 10px;
 padding: 0;
 float: left;
 width: 44%;/*230px;*/
 border: 1px solid #666666;
}

.caption {
	margin: 0px 47px 20px 40px;
	padding:0;
	font-size: .9em;
	clear: both;
	border-bottom: 1px dashed gray;
	/*border-right: 1px solid gray;*/
	/*border: 1px solid red;*/
}

div.paintinleftimage {
 margin: 0;
 padding: 0;
 float: left;
 width: 240px;/*230px;*/
 clear: both;
 /*border: 1px solid #666666;*/
}
  
div.paintinrightimage {
 margin: 0;
 padding: 0;
 float: left;
 width: 240px;
 /*border: 1px solid #666666;*/
}

.photoandcaption {
	margin: 0;
	padding: 0;
	float: left;
	width: 240px;
}

.rightphotoandcaption {
	margin: 0 0 0 10px;
	padding: 0;
	float: left;
	width: 240px;
}

.paintincaption {
	margin: 0;
	width: 240px;
	padding:0;
	font-size: .9em;
	clear: both;
	border-bottom: 1px dashed gray;
	/*border-right: 1px solid gray;*/
	/*border: 1px solid red;*/
}

.box {
	margin: 15px auto;
	width: 390px;
	padding:10px;
	/*clear: both;*/
	border: 1px dashed gray;
}

.finalreception { /* this style, and the following 5 styles, are found on the finalreception.htm page */
	margin: 20px 0 0 0; /*20px;*/
	padding: 0;
	clear:both;
	border: 1px solid hidden;
	/*border: 1px solid red;*/
	/*overflow:auto;*/
}

div.finalleftimage {
 margin: 0;
 padding: 0;
 float: left;
 width: 240px;/*230px;*/
 clear: both;
 /*border: 1px solid #666666;*/
}
  
div.finalrightimage {
 margin: 0;
 padding: 0;
 float: right;
 width: 240px;
 /*border: 1px solid #666666;*/
}

.finalleftphotoandcaption {
	margin: 0;
	padding: 0;
	float: left;
	width: 240px;
}

.finalrightphotoandcaption {
	margin: 0 0 0 20px;
	padding: 0;
	float: left;
	width: 240px;
}

.finalleftcaption {
	margin: 0;
	width: 240px;
	padding:3px 0 3px 0;
	text-align:center;
	font-size: .9em;
	clear: both;
	/*border-bottom: 1px dashed gray;*/
	/*border-right: 1px solid gray;*/
}

.finalrightcaption {
	margin: 0 0 13px 0;
	width: 240px;
	padding:3px 0 3px 0;
	text-align:center;
	font-size: .9em;
	clear: both;
	/*border-bottom: 1px dashed gray;*/
	/*border-right: 1px solid gray;*/
	/*border: 1px solid red;*/
}

.pjleftimage {
	margin: 0;
 	padding: 0;
	float: left;
	width: 225px;/*230px;*/
	border: 1px solid #666666;
}

.pjleftcaption {
 	padding: 5px;
}


.pjrightimage {
	margin: 0 0 0 40px;
 	padding: 0;
	float: left;
	width: 225px;/*230px;*/
	border: 1px solid #666666;
}

.pjrightcaption {
 	padding: 5px;
}

.pjoneimage {
	margin: 0;
 	padding: 0;
	width: 450px /*87%;*/
	border: 1px solid #666666;
}

.pjonecaption {
 	padding: 5px;
}
/************* the end of the pictures ***************************/


/************* the beginning of the Google Maps Info Window contents ***************************/

#infowindow {
	margin: 0;
	padding: 0;
	float: left;
	width: 200px;
	/*border: solid 1px black;*/
	font-size: .8em;
	clear:both;
}

.infowindowclass {
	margin: 0;
	padding: 0;
	float: left;
	width: 200px;
	/*border: solid 1px black;*/
	font-size: .8em;
	clear:both;
}

.image {
	margin: 15px 0 0 0;
	float: left;
}

.image2 {
	margin: 20px 0 0 0;
	float: left;
}

#map {
	float: left;
	border: solid 1px black;
	margin: 5px 5px 0 10px;
}

#side_bar {
	float:left;
	font-size: .9em;
	/*border: solid 1px green;*/
}

#side_bar li {
	list-style-type: none;
	margin: 0 0 5px -2px;
}

#mapheader {
	color: #9e0039;
	font-weight: normal;
	font-size: 1.4em;
	margin: 5px 0 15px 170px;
}


/************* the end of the Google Maps Info Window contents ***************************/

#access {
	position: absolute;
	top: -9999px;
	font-size: 1px;
}