/*common styles for all pages*/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #FFFFFF;
	font-size:100%;
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-left: 0px; 
}
.secondPageBody  { /*this is new and styles the second pages to have a background image*/ 
	margin-bottom: -20px;
	background-color: #FFFFFF;
}
p {
	font-size:80%;
	margin-top: 0px;
	color: #404073;
	margin-bottom: 8px;
}
li  {
	font-size:80%;
	margin-top: 0px;
	margin-bottom: 5px;
	color: #404073;
}
li.secondlist {
	font-size: 100%;
	margin-bottom: 0px;
	padding-bottom: 0px;
	list-style-type: square;
	margin-left: -1em;
	padding-left: 0px;
	margin-top: .5em;
}
ul.acknowledge {
	margin-top: 0px;
}
li.acknowledgelist {
	margin-top: 0px;
	margin-left: -3em;
	padding-left: 0px;
	margin-bottom: 0px;
	list-style-type: none; 
}
h1  { /*for page titles, just use an H1 and capitalize the letters*/
	font-size:90%;
	font-weight:bold;
	color:#017B89;
	margin-top: 0px;
	margin-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
}

h1.pagename {
	color:#39889E;
	font-weight:bold;
	margin-bottom:25px;
	padding-bottom:0px;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}
h1.pagenameIndividual {
	color:#39889E;
	font-weight:bold;
	margin-bottom:25px;
	padding-bottom:0px;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}
h2 {
	font-size:90%;
	font-weight:bold;
	margin-top: 0px;
	margin-bottom: 5px;
	color: #39889E;
	clear:left;
	font-family: Arial, Helvetica, sans-serif;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: bold;
	color: #404073;
	margin-bottom: 5px;
	padding-bottom: 0px;
}
form  {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.gobutton { 
	margin-bottom: -8px;
}


label {
	font-size: 80%;
	margin-top: 0px;
}
dt {
	font-size: 80%;
	padding-top: 10px;
	font-weight: bold;
}
dd {
	font-size: 80%;
	margin-left: 5px;
}
a:link  {
	color:#017B89;
	text-decoration:underline;
}

a:visited  {
	color:#5E5E92;
	text-decoration:underline;
}

a:hover  {
	color:#5E5E92;
	text-decoration:underline;
}
.imageBorder {
	border: 1px solid #000000;
	margin-top: 5px;
}
.imageFloatRight {
	float: right;
	border: 1px solid #000000;
	margin-left: 15px;
	margin-bottom: 10px;
	padding: 0px;
}
.imageFloatRightNoBorder {
	float: right;
	border: 0px solid #000000;
	margin-left: 15px;
	margin-bottom: 10px;
	padding: 0px;
}
.captionImageFloatRight {
	font-size: 75%;
	color: #39889E;
	float: right;
	margin-bottom: 15px;
	margin-left: 15px;
	margin-right: 0px;
	font-weight: bold;
	border: 0px solid #000000;
	text-align: center;
	line-height: 150%;
}
.imageFloatLeft {
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
	border: 1px solid #000000;
	padding: 0px;
}
.imageFloatLeftNoBorder {
	float: left;
	margin-right: 15px;
	margin-bottom: 10px; 
	padding: 0px;
}
.imageFloatLeftBlueBorder {
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
	border: 1px solid #39889E;
	padding: 0px;
}
.imageFloatRightBlueBorder {
	float: right;
	margin-left: 15px;
	margin-bottom: 10px;
	border: 1px solid #39889E;
	padding: 0px;
}
.captionImageFloatLeft {
	font-size: 75%;
	color: #39889E;
	float: left;
	margin-bottom: 15px;
	margin-left: 0px;
	margin-right: 15px;
	font-weight: bold;
	border: 0px solid #000000;
	text-align: center;
	line-height: 150%;
}

/*divs that are used for positioning*/
#wrapper  {
	width:850px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	background-image: none;
	background-repeat: repeat-y;
}
#topLineHome  {  
	background-color: #F8B9CC;
	position: absolute;
	height: 8px;
	width: 850px;
	left: 0px;
	top: 0px;	
}
#topLine { /*just creates the pink line across the top*/
	background-color: #F8B9CC; 
	height: 8px;
	width: 850px; 
}
 
#topArea  { /* holds the logo, byline, donate button and top nav items */
	height: 130px;
	width: 850px;
} 
#logoHome  { /*holds the logo*/
	height: 138px;
	width: 299px;
	position: absolute;
	left: 0px;
	top: 0px;	
}
#logo  { /*holds the logo*/
	height: 130px;
	width: 299px;
	float: left;
}
#bylineDonate  { /*holds byline and donate button*/
	position: absolute;
	left: 299px;
	top: 0px;	
}

#topNavHome { /*holds the top nav items*/
	position: absolute;
	height: 25px;
	width: 240px;
	left: 610px;
	top: 0px;
	text-align: right;
}
#topNav  { /*holds the top nav items*/
	height: 25px;
	width: 240px;
	text-align: right;
	float: right;
}
#navbarHome  { /*holds navigation with dropdowns*/
	width: 850px;
	position: absolute;
	left: 0px;
	top: 138px;
	height: 25px;
	z-index: 200;
}
#navbar  { /*holds navigation with dropdowns*/
	width: 850px;
	position: relative;
	height: 25px;
	z-index: 200;
}

#contentSecond  { /*used for the secondary page content only. Holds the sidebar, textarea and bottominfo*/
	width: 850px;
	z-index: 100;
}

 

 
.survey {
 font-size: 13px;
 font-weight: bold;
 color: #39889E;
 text-align: left;
 margin-top: 10px;
 margin-left: 8px;
 margin-right: 5px;
}
 
.surveyButton{
	margin-top: 10px;
	
}
.journaltitle {
	font-style: italic;
}
/* third order navigation that goes at the top of each text area */
.thirdnav { 
	margin-bottom: 15px;
	padding: 0px; 
}
.thirdnav ul {
	padding-left: 0px;
	margin-left: 0px;
	margin-top: 5px;
	padding-top: 0px;
}

.thirdnav li.inline {
	display: inline; 
	font-weight: normal;
	color: #327689;
}
.thirdnav ul li a:link { 
	color: #327689;
}
.thirdnav ul li a:visited { 
	color: #327689;
}
/* end */



#textareaSecond  {/*used for secondary pages where you do want padding in the textarea to indent the text*/
	width: 850px;
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	padding-top: 0px;
	padding-left: 0px;
	background-color: #FFFFFF;
}

#sectionTitle  {/*used for section titles for each page, the pink bar with reversed text that appears at 
the top of the page*/
	width: 850px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	background-color: #E390BA;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	height: 23px;
	text-transform: uppercase;
	text-align: center;
	padding-top: 8px;
}
h1.breadcrumbs { /*used for section titles for each page, the pink bar with reversed text that appears at 
the top of the page -- some pages use this code and some use sectionTitle above */
	width: 834px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFFFFF; 
	background-color: #E390BA;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	height: 25px;
	padding-left: 16px;
	padding-top: 8px;
	text-transform: uppercase; 
}
 
#sectionTitle   a:link {
	color: #FFFFFF;
	text-decoration: none;
}
#sectionTitle  a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#sectionTitle  a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
#sectionTitle   a:active {
	color: #FFFFFF;
	text-decoration: none; 
}
h1.breadcrumbs  a:link {
	color: #FFFFFF;
	text-decoration: none;
}
h1.breadcrumbs  a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
h1.breadcrumbs  a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
h1.breadcrumbs  a:active {
	color: #FFFFFF;
	text-decoration: none;
}
#tertiaryNav  {/*used for the navigation that appears at the top of the pages where you need
tertiary navigation*/
	color: #017B89;
	width: 834px;
	font-size: 80%;
	margin-bottom: 15px;
}

#backToTop  {/*floats a small div to the right of the page where you want a "Back to Top" link*/
	width:auto;
	font-size: 75%;
	text-align: center;
	padding: 2px;
	float:right;
	font-weight: bold;
}
	
/* back to top style */

.totop {
	float: right;
	margin-top: .1em;
}
.rightcol {
	float: right;
	width: 170px;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-right: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #88b8c5; 
}
.rightcol p {
	padding-bottom: 10px;
	margin-bottom: 0px;
	visibility: visible;
}
.rightcolNewsletter {
	float: right;
	width: 170px;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-right: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #88b8c5;
	background-color: #CCE0E6;
	border-top-width: 1px;
	border-top-style: solid; 
	border-top-color: #88b8c5;
	border-bottom-width: 1px;
	border-bottom-style: solid; 
	border-bottom-color: #88b8c5;
}
.rightcolNewsletter h2 {
	padding-bottom: 10px;
	margin-bottom: 0px;
	visibility: visible;
	color: #FFFFFF;
}
.rightcolNewsletter p {
	padding-bottom: 10px;
	margin-bottom: 0px;
	visibility: visible;
}
.rightcolNewsletter ul {
	padding-bottom: 10px;
	margin-bottom: 0px;
	visibility: visible;
	margin-left: 0px;
	padding-left: 1em;
	padding-top: 0px;
	margin-top: 0px;
}
.rightcolnoleftborder {
	float: right; 
	width: 230px;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-right: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.rightcolnoleftborder p {
	padding-bottom: 10px;
	margin-bottom: 0px;
}
.brca {
	font-weight: normal;
}
.tribute {
	font-size: 105%; 
	color: #666699;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.tributequote {
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.tributefrom {
	font-style: normal;
	font-size: 70%;
}
.pressrelease {
	text-indent: -20px;
	margin-left: 20px;
	margin-bottom: 10px;
	padding-bottom: 0px;
}
.glossaryterm {
	font-weight: normal;
}
.sameboat {
	float: right;
	border: none;
	display: inline;
	margin-top: -30px;
	padding-right: 230px;
}
.disclaimerform {
	width: 300px;
	font-size: 75%;
}
.more {
	font-style: italic;
}

iframe {
	clear: both;
}

 

#bottominfoSecond  { /*holds the bottom info on the secondary pages*/
	width: 850px;
	margin-top: 35px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E390BA;
	padding-top: 10px;
	clear: both;
}
 
#bottominfoSecond p  {
	font-size: 65%; 
	padding-top: 10px;	
}
 
#bottominfoSecond p.disclaimer  { /*styles the text of the disclaimer at the bottom of the pages*/
	color:#017B89;
	font-size: 75%; 
}
 

.clearit  { /*is used in a couple of places to clear divs that sit side by side and make the equal in length*/
	clear:both;
}
 
div.plainrow {
	clear: both;
	padding-top: 0px;
	width: 98%;
	margin-top: 25px;
	display: block;
}
div.plainrow span.left { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: left;
	width: 48%;
	text-align: left;
	padding-right:  5px; 
}
div.plainrow span.right {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: right;
	width: 48%;
	text-align: left;
}
div.rrrow { /* Styles for the reading room */
	clear: both;
	padding-top: 0px;
	width: 98%;
	margin-top: -20px;
	display: block; 
	margin-bottom: 25px;
	
}
div.rrrow span.left { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: left;
	width: 48%;
	text-align: left;
	padding-right:  5px; 
}
div.rrrow span.right {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: right;
	width: 48%;
	text-align: left;
}
div.rrrow span.left p { 
	margin-bottom: 3px;
}
div.rrrow span.left h2 { 
	margin-bottom: 3px;
	margin-top: 15px;
}
div.rrrow span.right p { 
	margin-bottom: 3px;
}
div.rrrow span.right h2 { 
	margin-bottom: 3px;
	margin-top: 15px;
}
/* end Styles for the reading room */

div.sponsorrow {
	clear: both;
	padding-top: 0px;
	width: 98%;
	margin-top: 25px;
	display: block;
	height:140px;
}
div.sponsorrow span.left {  
	float: left;
	width: 150px;
	text-align: left;
	padding-right:  5px; 
}

div.sponsorrow span.right {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: right;
	width: 73%;
	text-align: left;
}
td.featured {
	padding: 5px; 
	margin-bottom: 10px; 
	border: 1px solid #39889E;
	background-color: #E0EFF2; 
	}
.booktitle {
	font-style: italic;
	font-weight: bold;
	clear: both;
}
 
.collaboration {
	font-size: 80%;
	margin-top: 0px;
	font-weight: normal;
}
.italic {
	font-style: italic;
}

.StoreCellLeft  {
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #39889E;
	border-right-color: #39889E;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}

.StoreCellRight  {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #39889E;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
			
}

/*tribute styles*/

#tributeTopnav  {
	width:850px;
	background-image: url(../images/background_tribute_topnav.gif);
	background-repeat: repeat-x;
	text-align: center;
	margin-bottom: 25px;
	padding-top: 6px;
	padding-bottom: 6px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E390BA;		
}

#tributeTopnav p {
	color:#39889E;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size:13px;	
}

#tributeTopnav a:link  {
	color:#39889E;
	text-decoration:none;
}

#tributeTopnav a:visited  {
	color:#39889E;
	text-decoration:none;
}

#tributeTopnav a:hover  {
	color:#5E5E92;
	text-decoration:none;
}




#topMemoryTableDiv  {
	width:370px;
	float:right;
}

#topHonorTableDiv  {
	width:370px;
	float:left;
}

.centeredPara  {
	text-align: center;
	margin-top: 0px;
	margin-bottom: 25px;
}

.personsName  {
	font-size: 11px;
	color: #5E5E92;		
}

.clearit  {
	clear:both;
}

.bottomButton  {
	text-align: center;
	margin-top: 25px;
	margin-bottom: 25px;		
}

#leftColumnIndividual  {
	width: 175px;
	float:left;
	margin-left:0px;
	margin-right:15px;
	margin-top:0px;
	margin-bottom: 25px;
}
#rightColumnIndividual  {
	width: 625px;
	float:right;
	margin-left:0px;
	margin-top:0px;
	padding-right: 25px;
	margin-bottom: 25px;
}

#donatorNamesDiv  {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E390BA;
	margin-top: 25px;
	padding-top: 10px;
}

.donatorsName  {
	color:#39889E;
	font-weight: bold;
	margin-top: 0px; 
	font-size: 85%;
}

.imageIndividualBorder {
	border: 1px solid #5E5E92;
	margin-bottom: 15px;
}

.pictureCell  { 
	border: 3px solid #F7B5C6;
}

#sendToFriend  {
	width:150px;
	height:10px;
	float:right;
}
.tribSm {
	border: 3px solid #F7B5C6;
}
.tribLg {
	border: 5px solid #F7B5C6;
	margin-top: 5px;
	margin-bottom: 5px;
}
textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}


 
@media print { 
#topArea  { /* holds the logo, byline, donate button and top nav items */
	height: 130px;
	width: 7in;
}
#contentSecond  { /*used for the secondary page content only. Holds the sidebar, textarea and bottominfo*/
	width: 7in;
	z-index: 100;
} 
#logo  { /*holds the logo*/
	height: 130px;
	width: 299px; 
	margin-left: -18px;
}
#navbarHome  {  
	display: none;
}
#navbar, #topNav , #bylineDonate {  
	display: none;
}

#tributeTopnav  {
	display: none;	
}

#bottomButton  {
	display: none;	
}
 
#tertiaryNav  {
	display: none;
}

#textareaSecond  {
	width: 7in;
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	padding-top: 25px;
	padding-left: 0px;
	background-color: #FFFFFF;
	float: left;
}

#sectionTitle  {/*used for section titles for each page, the pink bar with reversed text that appears at 
the top of the page*/
	width: 7in;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFFFFF; 
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	height: 25px;
	padding-left: 0px;
	margin-left: 0px;
	padding-top: 8px;
	text-transform: uppercase;
	float: left;
}
h1.breadcrumbs { /*used for section titles for each page, the pink bar with reversed text that appears at 
the top of the page -- some pages use this code and some use sectionTitle above */
	width: 7in;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFFFFF; 
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	height: 25px;
	padding-left: 0px;
	margin-left: -7px;
	padding-top: 8px;
	text-transform: uppercase;
	float: left;
}
 
#sectionTitle   a  {
	color: #000000;
	text-decoration: none; 
}
h1.breadcrumbs  a  {
	color: #000000;
	text-decoration: none;
}
h1.pagename {
	color:#000000;
	font-weight:bold;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	margin-bottom: 25px;
}

h1.pagenameIndividual {
	color:#000000;
	font-weight:bold;
	margin-bottom:25px;
	padding-bottom:0px;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}
h2 {
	font-size:90%;
	font-weight:bold;
	margin-top: 0px;
	margin-bottom: 5px;
	color: #000000;
	clear:left;
	font-family: Arial, Helvetica, sans-serif;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: bold;
	color: #000000;
	margin-bottom: 5px;
	padding-bottom: 0px;
} 
p {
	font-size:80%;
	margin-top: 0px; 
	color: #000000;
}
li  {
	font-size:80%;
	margin-top: 0px;
	margin-bottom: 5px;
	color: #000000;
}
#bottominfoSecond  {  
	width: 7in;
	margin-top: 35px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	padding-top: 10px;
	clear: both;
}
#bottominfoSecond p.disclaimer  { /*styles the text of the disclaimer at the bottom of the pages*/
	color:#000000;
	font-size: 75%; 
}
 
a:link, a:visited, a:hover, a:active, p a:link, p a:visited, p a:hover, p a:active {
	color: #000000;
	text-decoration: none;
	margin-right: 6px;
	margin-left: 6px;
} 
}