html, body {
	height: 100%;
	background-color: #f5e3be;
	padding: 0px;
	margin: 0px;
	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		}

/*This id is allocated to the main surrounding div in the body section*/
#main {
		height: 100%;
		padding-left: 0px;
		margin-left: 0px;
		}

/*This id controls the appearance of the div holding the CLIP Home Page Banner*/
#bannerHome {
		height: 180px;
		width: 100%;
		background-image: url(images/bannerHome.jpg);
		background-repeat: no-repeat;
		background-color: #bbac80;
		}

/*This id controls the div holding the Banner on all the pages but the Home Page*/
#bannerSmall {
		height: 90px;
		width: 100%;
		background-image: url(images/bannerSmall.jpg);
		background-repeat: no-repeat;
		background-color: #bbac80;
		}






p.small {
font-size: 11px;
}


/* * * * * * * * * * * * * * * * * * * *  The following CSS controls the main Navigation Tabs* * * * * * * * * * * * * * * */
/*This id controls the div that holds the main tab navigation for the all the pages except for the Home Page*/
#tabs {
		position: absolute;
		margin-top: 66px;
		margin-bottom: 0px;
		margin-left: 155px;
		font-size: 12px;
		line-height: normal;
		}

/*Controls the unordered list the tabs are arranged in*/
#tabs ul {
		margin: 0px;
		padding: 0px;
		list-style: none;
		width: 450px;
		}

/*Controls the individual list items w/i the unordered list for the tabs*/
#tabs li {
    	float: left;
		background:  url(images/tab_deselected.gif) no-repeat left top;
		margin-right: 3px;
		width: 87px;
		text-align: center;
		height: 25px;
		}

/*This CSS sets the appearance of the links w/i the list unordered list*/
#tabs a {
    	display: block;
    	padding: 5px 0px 4px 0px;
    	text-decoration: none;
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		color: #3c2000;
		font-size: 12px;
    }
	
/*This CSS controls the rollover state of the deselected main navigation tabs*/
#tabs a:hover {
		color: #000000; 
		}

/*This sets the appearance of the selected tab that signifies the area the user is in*/
#tabs #selected {
		background-image: url(images/tab_selected.gif);
    }

/*This sets the appearance of the links w/i the selected tab*/
#tabs #selected a {
		text-align: center;
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		color: #785a00;
		font-size: 12px;
    }

/*This CSS controls the rollover appearance of the selected main(top) navigation tab*/
#tabs #selected a:hover {
		color: #785a00;
		}







/* * * * * * * * * * * * * * *  This CSS Controls the GREEN TOP TITLE BAR NAVIGATION SYSTEM  * * * * * * * * * * * */
/*This id controls the div that contains all the green Title Bar nav elements*/
#contentTop_Holder {
		margin-bottom: 0px;
		padding: 0px;
		}
		
/*This id controls the div that contains the ul for the green Navigigation bar*/
#topTitBar_navHolder {
		margin-bottom: 0px;
		padding: 0px;
		}

/*This id controls the ul that sets the green Navigation Bar*/		
#topTitBar_nav {
		list-style: none;
		margin-bottom: 0px;
		padding: 0px;
		border: 0px;
		height: 22px;
		margin-top: 10px;
		margin-left: 0px;
		margin-right: 0px;
		border-bottom: 0px;
		}

/*This id controls the appearance/positioning of the list items making up the green Navigation Bar*/
#topTitBar_nav li {
		float: left;
		margin: 0px;
		padding: 0px;
		display: inline;
		}

/*This class controls the anchor within the collection button list item in the green Nav*/
.topTitBar_collectionBtn a {
		background-image: url(images/contentTop_leftBtn_light.jpg);
		background-repeat: no-repeat;
		background-position: left top;
		height: 15px;
		width: 320px;
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		font-size: 10px;
		color: #284B37;
		text-decoration: none;
		padding-right: 10px;
		padding-left: 10px;
		padding-top: 7px;
		display: block;
		}

/*This class controls the rollover state of the hyperlinks inside the collection button li in the green Nav*/
.topTitBar_collectionBtn a:hover {
		background-image: url(images/contentTop_leftBtn_dark.jpg);
		background-repeat: no-repeat;
		background-position: left top;
		color: #000000;
		}


/*This class controls the anchor within the previous button list item in the green Nav*/
.topTitBar_previousBtn a {
		background-image: url(images/contentTop_previousBtn_light.jpg);
		background-repeat: repeat-x;
		background-position: left top;
		height: 15px;
		width: 121px;
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		font-size: 10px;
		color: #284B37;
		text-decoration: none;
		padding-right: 10px;
		padding-left: 10px;
		padding-top: 7px;
		display: block;
		}
		
/*This class controls the rollover state of the hyperlinks inside the previous button li in the green Nav*/
.topTitBar_previousBtn a:hover {
		background-image: url(images/contentTop_previousBtn_dark.jpg);
		background-repeat: repeat-x;
		background-position: left top;
		color: #000000;
		}


/*This class controls the anchor within the next button list item in the green Nav*/
.topTitBar_nextBtn a {
		background-image: url(images/contentTop_nextBtn_light.jpg);
		background-repeat: repeat-x;
		background-position: left top;
		height: 15px;
		width: 100px;
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		font-size: 10px;
		color: #284B37;
		text-decoration: none;
		padding-right: 10px;
		padding-left: 10px;
		padding-top: 7px;
		display: block;
		}

/*This class controls the rollover state of the hyperlinks inside the next button li in the green Nav*/
.topTitBar_nextBtn a:hover {
		background-image: url(images/contentTop_nextBtn_dark.jpg);
		background-repeat: repeat-x;
		background-position: left top;
		color: #000000;
		}

/*This class controls the positioning of the navigation arrow image inside the collection btn list item*/
.topTitBar_collectionBtn img {
		padding-left: 5px;
		padding-right: 5px;
		height: 10px;
		width: 10px;
		}

/*This class controls the positioning of the navigation arrow image inside the previous btn list item*/
.topTitBar_previousBtn img {
		padding-left: 5px;
		padding-right: 5px;
		height: 10px;
		width: 5px;
		}

/*This class controls the positioning of the navigation arrow image inside the next btn list item*/
.topTitBar_nextBtn img {
		padding-left: 5px;
		padding-right: 5px;
		height: 10px;
		width: 5px;
		}








/* * * * * * * * * * * * * * * * * * * * * This CSS controls the FOOTER NAVIGATION BUTTONS  * * * * * * * * * * * * * * * * * * * * * * */
/*This class controls the div that holds the footer navigation ul*/
.footerNavHolder_letter {
		float: right;
		margin-top: -3px;
		padding: 0px;
		width: 220px;
		}

/*This class controls the footer navigation ul*/
.footerNav_letter {
		list-style: none;
		margin: 0px;
		padding: 0px;
		border: 0px;
		height: 22px;
		}

/*This css controls the footer navigation list item appearance & positioning*/
.footerNav_letter li {
		float: right;
		margin: 0px;
		padding: 0px;
		height: 22px;
		display: inline;
		}

/*This css controls the link appearance of the footer Navigation buttons*/
.footerNav_letter li a {
		background-color: #D3DCD8;
		border-left: 1px solid #ffffff;
		border-bottom: 1px solid #ffffff;
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		font-size: 10px;
		color: #284B37;
		text-decoration: none;
		padding-right: 10px;
		padding-left: 10px;
		padding-top: 3px;
		padding-bottom: 3px;
		margin: 0px;
		display: block;
		float: left;
		}

/*This css controls the roll-over state of the footer Navigation buttons*/
.footerNav_letter li a:hover {
		background-color: #BECBC4;
		color: #000000;
		}

/*This css controls the navigation arrow images within the anchor tags in the 
footer Navigation list items*/
.footerNav_letter li a img {
		padding-left: 5px;
		padding-right: 5px;
		}
		
		
		
		





/* * * * * * * * * * * * * * * * * * * *  This CSS sets WEBSITE WIDE SETTINGS for things like letter text  * * * * * * * * * * * */
/*This CSS sets the style for the letter text throughout the website*/
.letterText {
		font-family: "Times New Roman", Times, serif;
		font-size: 16px;
		font-style: italic;
		color: #000000;
		}
		
/*This CSS controls the top green title bar heading appearance on every pages OTHER THAN the home page and
pages where there is navigation in the green header area*/
.topTitBar_main {
	 	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		color: #785a00;
		font-size: 16px;
		font-style: normal;
		font-weight: lighter;
		text-align: left;
		margin: 0px;
		margin-left: 10px;
		}

/*This CSS controls the top green title bar heading appearance on the pages where there
 is navigation in the green header*/
.topTitBar_collections {
	 	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		color: #785a00;
		font-size: 16px;
		font-style: normal;
		font-weight: lighter;
		text-align: left;
		margin: 0px;
		margin-left: 10px;
		padding-top: 10px;
		}
		
/*This CSS controls the sub text underneath the main header in the green title bar on every page OTHER 
THAN the home page*/
.topTitBar_sub {
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		color: #3C2D00;
		font-size: 11px;
		font-weight: lighter;
		margin-bottom: 0px;
		margin-top: 0px;
		margin-right: 10px;
		margin-left: 10px
		}

/*This CSS sets the style for the Copyright info throughout the website*/
.copyright a {
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		font-size: 10px;
		color: #999999;
		text-decoration: none;
		margin-left: 10px;
		}

/*This class sets the rollover state of the copyright link*/
.copyright a:hover {
		color: #284B37;
		}

/*This css controls the appearance of site-wide images that are not more specifically set*/
img {
		border: 0px;
		}


/*This CSS controls the appearance of the Result Counter Information in the footer 
of pages with Pagination*/
.resultCount {
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		font-size: 10px;
		color: #284B37;
		margin-left: 10px;
		float: left;
		margin-top: 5px;
		width: 550px;
		}

.resultCount a {
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		font-size: 10px;
		color: #284B37;
		text-decoration: none;
		}

.noResults_title {
		color: #ba0000;
		font-size: 14px;
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		padding-top: 5px;
		padding-left: 10px;
		}

/* * * This code sets various amounts of space for different areas in the site, 
where the content area could potentially be shorter than the leftNav, this is a 
quick fix and if anyone ever has time, they should look into setting a "min-height"
for the content Area :) * * */

.contentPadding {
		margin-bottom: 150px;
		}

.contentPaddingSmall {
		margin-bottom: 50px;
		}
		
.contentPaddingMedium {
		margin-bottom: 115px;
		}








/* * * * * * * * * * * * * * * * * * * * * * * *  HOME PAGE SPECIFIC CSS  * * * * * * * * * * * * * * * * * * * * * * */
/*This css controls the div that holds all of the main tab navigation for the home page*/
#adminTabsHome {
		margin-top: 50px;
		margin-bottom: 0px;
		margin-left: 70px;
		font-size: 12px;
		line-height: normal;
		}
#adminTabsHome ul {
		width: 720px;
		margin: 0px;
		padding: 0px;
		list-style: none;
		}
#adminTabsHome li {
    	float: left;
		background:  url(images/tab_deselected.gif) no-repeat left top;
		margin-right: 3px;
		width: 87px;
		text-align: center;
		height: 25px;
		}
#adminTabsHome a {
    	display: block;
    	padding: 5px 0px 4px 0px;
    	text-decoration: none;
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		color: #3c2000;
		font-size: 12px;
    }
#adminTabsHome a:hover {
		color: #000000; 
		}
#adminTabsHome #selected {
		background-image: url(images/tab_selected.gif);
    }
#adminTabsHome #selected a {
		text-align: center;
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		color: #785a00;
		font-size: 12px;
    }
#adminTabsHome #selected a:hover {
		color: #785a00;
		}
	
	
		
#tabsHome {
		position: absolute;
		margin-top: 156px;
		margin-bottom: 0px;
		margin-left: 155px;
		font-size: 12px;
		line-height: normal;
		}
		
/*Controls the unordered list the tabs are arranged in on the Home Page*/
#tabsHome ul {
		margin: 0px;
		padding: 0px;
		list-style: none;
		width: 450px;
		}

/*Controls the individual list items w/i the unordered list for the tabs on the Home Page*/
#tabsHome li {
    	float: left;
		background:  url(images/tab_deselected.gif) no-repeat left top;
		margin-right: 3px;
		width: 87px;
		text-align: center;
		height: 25px;
		}

/*This CSS sets the appearance of the links w/i the list unordered list on the Home Page*/
#tabsHome a {
    	display: block;
    	padding: 5px 0px 4px 0px;
    	text-decoration: none;
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		color: #3c2000;
		font-size: 12px;
    }
	
/*This CSS controls the rollover state of the deselected main navigation tabs on the Home Page*/
#tabsHome a:hover {
		color: #000000; 
		}

/*This sets the appearance of the selected tab that signifies the area the user is in on the Home Page*/
#tabsHome #selected {
		background-image: url(images/tab_selected.gif);
    }

/*This sets the appearance of the links w/i the selected tab on the Home Page*/
#tabsHome #selected a {
		text-align: center;
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		color: #785a00;
		font-size: 12px;
    }

/*This CSS controls the rollover appearance of the selected main(top) navigation tab on the Home Page*/
#tabsHome #selected a:hover {
		color: #785a00;
		}
		
/*This id controls the div that holds all of the green title bar/navigation bar elements on
the home page */
#headerContent_home {
		width: 591px;
		padding-top: 0px;
		padding-bottom: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
		height: 58px;
		}








/* * * * * * * * * * * * * * * * * * * *  This CSS Controls the positioning of the divs w/i the body div  * * * * * * * * * * * */
/*This id controls the div that contains the divs containing the left navigation 
content & patron info*/
#leftColumn {
		position: relative;
		padding-top: 0px;
		}
		
/*This id controls the div that holds the background image that 
runs down the entire length of the left side below the banner*/
#leftStrip {
		height: auto;
		padding-bottom: 100%;
		background-color: #bbac80;
		width: 6px;
		float: left;
		display: inline;
		}

/*This id controls the div that holds the rounded corner for the folder, and 
holds all of the content within the leftColumn*/
#leftContent {
		display: inline;
		height: auto;
		width: 50px;
		background-image: url(images/folderCorner.jpg);
		top: 0px;
		padding: 0px;
		background-repeat: no-repeat;
		margin-left: 0px;
		position: absolute;
		}

/*This id controls the div that holds the image with the rounded corners for the top
of the white content area inside the "folder" div*/
#contentTop {
		background-image:  url(images/contentTop.jpg);
		background-repeat: no-repeat;
		background-color: #f5e3be;
		width: 601px;
		height: 16px;
		margin-top: 10px;
		margin-left: 0px;
		margin-bottom: 0px;
		padding: 0px;
		display: block;
		font-size: 0px;
		}

/*This id controls the div that holds all of the content in the central area enclosed
within the white content area*/
#mainContentHolder {
		position: absolute;
		height: auto;
		width: 800px;
		padding: 0px;
		margin-bottom: 60px;
		margin-left: 151px;
		}

/*This id controls sets the appearance of white content area inside the folder div*/
#content {
		height: auto;
		width: 591px; 
		background-color: #ffffff;
		margin-top: 0px;
		margin-right: 0px;
		margin-left: 0px;
		padding-left: 4px;
		padding-right: 4px;
		padding-top: 0px;
		border-left: 1px solid #785a00;
		border-right: 1px solid #785a00;
		padding-bottom: 10px;
		}
		
/*This id sets controls the position of the div that holds the unordered list of the
main collection links at the top of the home page*/
#collectionNav {
		margin: 0px;
		padding: 0px;
		width: 591px;
		}
		
/*This id controls the unordered list appearance & position of the main collection
navigation*/
#collectionNav ul {
		list-style: none;
		padding: 0px;
		margin: 0px;
		}

/*This id controls the list items within the main collections navigation on the home page*/
#collectionNav li {
		text-align: center;
		float: left;
		margin-right: 1px;
		}
		
/*This id controls the Special Items link in the main collection navigation on the home
page so that it is a little bit wider than the rest of the links in the unordered list
so that it aligns with the "topTitleBar" heading div*/
#collectionNav #specialItems {
		border-right: 0px;
		margin-right: 0px;
		width: 100px;
		padding-bottom: 0px;
		padding-right: 0px;
		margin-bottom: 0px;
		}
		
#collectionNav #specialItems a {
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		font-size: 10px;
		color: #333333;
		display: block;
		text-decoration: none;
		background-color: #d3dcd8;
		width: 100px;
		height: 17px;
		padding-top: 3px;
		border-top: 1px solid #ffffff;
		}

#collectionNav #specialItems a:hover {
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		font-size: 10px;
		color: #333333;
		display: block;
		text-decoration: none;
		background-color: #BECBC4;
		width: 100px;
		height: 17px;
		padding-top: 3px;
		border-top: 1px solid #ffffff;
		}
/*This id controls the appearance of the links within the "collectionNav" div*/
#collectionNav a {
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		font-size: 10px;
		color: #333333;
		display: block;
		text-decoration: none;
		background-color: #d3dcd8;
		width: 97px;
		height: 17px;
		padding-top: 3px;
		border-top: 1px solid #ffffff;
		}

/*This CSS controls the roll-over state of the collection Navigation links on the home page*/
#collectionNav a:hover {
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		font-size: 10px;
		color: #000000;
		display: block;
		text-decoration: none;
		background-color: #BECBC4;
		}

/*This id controls the div that contains the "topTitleBar" and the "collectionNav" divs*/
#headerContent {
		width: 591px;
		padding-top: 0px;
		padding-bottom: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
		}

/*This class controls the appearance and position of the div that holds the heading
for the "collectionNav"*/
.topTitleBar {
		margin-bottom: 0px;
		margin-top: 0px;
		padding-top: 0px;
		padding-bottom: 10px;
		background-color: #d3dcd8;
		width: 590px;
		border-bottom: 1px solid  #d3dcd8;
		}
		
div#searchResults {
		margin: 0px;
		padding: 0px;
		width: 591px;
}
/*This div holds both the letter and the letter headers within the content div*/
#ltrAndHeadHolder {
		margin-left: 15px;
		margin-bottom: 20px;
		} 
		
/*This div floats the image/quote on the right side of the letter*/
#letterHolder {
		margin-top: 0px;
		padding-top: 0px;
		}
		
/*This div controls the positioning & appearance of the "featureLetter" on the home page*/
.featureLetter {
		width: 330px;
		margin-top: 10px;
		margin-right: 20px;
		padding-top: 0px;
		height: auto;
		}
		
/*This div controls the positioning of the "featureExcerpt" on the home page*/	
.featureExcerpt {
		height: auto;
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		font-size: 14px;
		font-style: italic;
		font-weight: lighter;
		color:  #3c2000;
		padding-top: 82px;
		}

/*This div holds the bottom image for the content div*/
#contentBottom {
		background-image:  url(images/contentBottom.jpg);
		background-repeat: no-repeat;
		margin-top: 0px;
		height: 16px;
		width: 601px;
		}

/*This CSS controls the footer div*/
#footer {
		background-image:  url(images/greenFooter.jpg);
		background-repeat: no-repeat;
		background-position: bottom left;
		background-color: #d3dcd8;
		width: 590px;
		height: 32px;
		margin-bottom: 5px;
		margin-top: 3px;
		clear: both;
		}
		
/*This CSS controls the div that holds the footer content*/
#footerContent {
		width: 590px;
		height: 34px;
		padding-top: 3px;
		}

/*This CSS controls the span elements w/i the "footerContent" div*/	
#footerContent span { 
		padding-top: 10px;
		}

/*This CSS controls the images w/i the "footerContent" div*/
#footerContent img {
		margin-top: 0px;
		vertical-align: top;
		padding-top: 0px;
		}

/*This CSS controls the table on the home page*/
#table_home {
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 10px;
		padding-right: 0px;
		width: 585px;
		}
		
/*This CSS controls the table on the home page*/
#table_home td {
		vertical-align: top;
		}
		
/*This CSS controls the positioning of the div holding the "View Full Letter" link
on the home page*/
.letterLink {
		margin-top: 10px;
		}
.letterLink a {
font-size: 13px;
}
		
/*This CSS controls the div that holds the patron info on the home page*/		
.patronHolder {
		margin-bottom: 10px;
		}


/*This id controls the div that holds the Governor General Patron information on the home page*/
#patrons {
		width: 135px;
		margin-left: 10px;
		}

/*This CSS controls the positioning of the patron icons in the leftColumn area on the home page*/
.patronIcon {
		float: left;
		padding-right: 0px;
		margin-bottom: 40px;
		margin-right: 10px;
		}








/* * * * * * * * * * * * * * * This CSS sets the styles for the headings on the Feature Letter Home Page  * * * * * * * * * * * * * * * */
/*This id controls the appearance of the heading "Browse the Collections" inside the 
"topTitleBar" class on the home page*/
.topTitBar_feature_home {
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		color: #785a00;
		font-size: 16px;
		font-style: normal;
		font-weight: lighter;
		text-align: center;
		margin: 0px;
		padding: 0px;
		}
		
/*This class controls the appearance of the present date*/
.presDate_feature_home {
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		font-size: 12px;
		font-weight: lighter;
		color: #6E8C7D;
		margin-right: 10px;
		display: inline;
		}
		
/*This class controls the appearance of the section name, "Feature Letter"*/	
.sectName_feature_home {
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		font-size: 12px;
		font-weight: lighter;
		color: #284B37;
		display: inline;
		}
		
/*This class controls the appearance of the soldiers' name belonging to the feature letter*/
.soldierName_feature_home {
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		font-size: 24px;
		font-weight: lighter;
		color: #BA0000;
		margin-bottom: 0px;	
		margin-top: 0px;
		text-transform: uppercase;
		}

/*This class controls the appearance of the text that displays the date of the feature letter*/
.ltrDate_feature_home {
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		font-size: 11px;
		font-style: italic;
		font-weight: lighter;
		color: #666666;
		margin-top: 0px;
		}

/*This class sets the text style for the "PATRONS" Heading in the "leftColumn" area on the home page*/		
.patronHeading_home {
		font-family: "Times New Roman", "Times", serif;
		font-size: 12px;
		color: #ba0000;
		font-weight: lighter;
		}

/*This class sets the text style for the text describing the governor general patrons in the 
"leftColumn" area on the main page*/
.patronText {
		font-family: "Times New Roman", "Times", serif;
		font-size: 11px;
		color: #000000;
		}

/*This class sets the text style for the "View Full Letter" link on the feature letter/home page*/
.letterLink a {
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		font-size: 12px;
		color: #ba0000;
		text-decoration: none;
		}

/*This CSS controls the roll-over state of the "letterLink" class*/
.letterLink a:hover {
		color: #666666;
		}

/*This class sets the appearance of the text in the footer on the home page*/
.footerText {
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		font-size: 10px;
		color: #333333;
		margin-left: 10px;
		margin-right: 10px;
		vertical-align: top;
		}

/*This CSS controls the rollover state of the links in the footer on the home page*/
.footerText a {
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		font-size: 10px;
		color: #333333;
		text-decoration: none;
		}

/*This CSS controls the roll-over state of the links in the footer on the home page*/
.footerText a:hover {
		color: #000000;
		}








/* * * * * * * * * * * * * * * * * * * * * * * * *  This CSS controls the LEFT NAVIGATION appearance  * * * * * * * * * * * * * * * */
/*This id controls the position of the div that holds the left navigation*/
#leftNav {
		margin-top: 30px;
		padding-right: 0px;
		margin-left: 0px;
		margin-right: 0px;
		}
		
/*This id controls the unordered list that contains the left navigation tabs*/	
#leftNav ul {
		list-style: none;
		margin-left: 0px;
		margin-right: 0px;
		padding-right: 0px;
		padding-left: 6px;	
		display: block;	
		}

/*This id controls the list items w/i the unordered list for the left navigation tabs*/
#leftNav .leftNav_deselected {
		display: inline;
		}

/*This id controls the appearance of the links in the left navigation tabs*/
#leftNav .leftNav_deselected a {
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		font-size: 11px;
		color: #3c2000;
		text-decoration: none;
		margin-right: 0px;
		margin-left: 0px;
		margin-bottom: 3px;
		margin-top: 0px;
		padding-top: 3px;
		padding-left: 6px;
		display: block;
		width: 142px;
		height: 18px;
		background-image: url(images/subNav_left.jpg);
		background-repeat: no-repeat;
		background-color: #deca9f;
		}

/*This id controls the roll-over appearance of the links in the left nav*/
#leftNav .leftNav_deselected a:hover {
		color: #635733;
		}

/*This id controls the appearance and position of the selected tab in the left navigation*/
#leftNav #leftNav_selected {
		display: inline;
		}

/*This id conrols the appearance of the selected link in the left Navigation tabs*/
#leftNav_selected a {
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		text-decoration: none;
		font-size: 11px;
		color: #3c2d00;
		margin-left: 0px;
		margin-bottom: 3px;
		padding-top: 3px;
		padding-left: 6px;
		width: 142px;
		height: 19px;
		background-image:  url(images/subNav_selected.jpg);
		background-repeat: no-repeat;
		background-position: left;
		background-color: #f5e3b3;
		display: block;
		}

/*This id controls the roll-over appearance of the selected link in the left Navigation tabs*/
#leftNav_selected a:hover {
		color: #3c2d00;
		}
	
	
/*This CSS controls the middle section of the leftNav drop-down list that contains the sub
categories of that selection*/
#leftNav #areaMenu_listTitle {
		display: inline;
		}
		
/*This CSS controls the middle section of the leftNav drop-down list that contains the collection
name of that selection*/
#leftNav .areaMenu_list {
		display: inline;
		}

/*This class controls the appearance of the selected list items in the leftNav drop down list*/
.areaMenu_list #areaMenu_listItem_selected {
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		font-size: 11px;
		color: #3c2d00;
		padding-left: 15px;
		width: 144px;
		background-color: #ffffff;
		border-left: 1px solid #785A00;
		}
		
/*This id controls the link appearance for links withing the "areaMenu" list item*/
.areaMenu_list a {
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		font-size: 11px;
		color: #635733;
		text-decoration: none;
		width: 144px;
		display: block;
		background-color: #ffffff;
		margin-top: 0px;
		border-left: 1px solid #785A00;
		width: 144px;
		padding-bottom: 5px;
		padding-top: 5px;
		padding-left: 15px;
		background-image: none;
		}
		
/*This id controls the rollover state of the link w/i the "areaMenu" list item*/
.areaMenu_list a:hover {
		color: #3c2d00;
		}
		
/*This id controls the link appearance for the heading link within the "areaMenu" list item*/
#areaMenu_listTitle a {
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		font-size: 11px;
		font-weight: bolder;
		color: #536F5F;
		text-decoration: none;
		display: block;
		background-color: #ffffff;
		margin-bottom: 0px;
		border-left: 1px solid #785A00;
		width: 126px;
		padding-bottom: 5px;
		padding-top: 5px;
		padding-right: 8px;
		background-image: none;
		padding-left: 10px;
		}

/*This id controls the rollover state of the link w/i the "areaMenu" list item*/
#areaMenu_listTitle a:hover {
		color: #284B37;
		}


/*This id controls the main category tab that is selected in the dropdown list in the leftNav*/
#leftNav #areaMenu_selected {
		display: inline;
		}

/*This id controls the link appearance for the selected main category link of the drop down list 
in the leftNav*/
#leftNav #areaMenu_selected a {
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		font-size: 11px;
		color: #635733;
		text-decoration: none;
		padding-left: 5px;
		width: 144px;
		display: block;
		background-image: url(images/selectedTop.jpg);
		background-repeat: no-repeat;
		background-position: top left;
		margin-bottom: 0px;
		margin-top: 2px;
		padding-top: 2px;
		height: 20px;
		}

/*This id controls the rollover state of the selected main category link of the drop down list
 in the leftNav*/
#leftNav #areaMenu_selected a:hover {
		color: #3c2d00;
		}

/*This id controls div that holds the div that holds the drop down menu list bottom in the leftNav*/
#leftNav #areaMenu_bottom {
		padding: 0px;
		margin-top: 0px;
		margin-bottom: 2px;
		height: 11px;
		}

/*This id controls div that holds the drop down menu list bottom in the leftNav*/
#areaMenu_bottom div {
		background-image: url("images/selectedBottom.jpg");
		background-repeat: no-repeat;
		background-position: top;
		position:relative;
		top: -7px;
		margin-top: 0px;
		width: 144px;
		height: 11px;
		padding: 0px;
		}








/* * * * * * * * * * * * * * * * * * *  THIS CSS CONTROLS THE RESULTS PAGE UNIQUE ELEMENTS * * * * * * * * * * * * * * * */
/*This class controls the appearance of the subheading in the green Title Bar*/
.topTitBar_sub_results {
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		color: #3C2D00;
		font-size: 11px;
		font-weight: lighter;
		margin-bottom: 0px;
		margin-top: 0px;
		margin-right: 10px;
		margin-left: 10px;
		display: inline;
		}

/*This class controls the appearance of the search terms listed in the green Title Bar*/
.searchTerms {
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		font-size: 12px;
		color: #ba0000;
		display: inline;
		}

/*This id controls the table that lists the search results*/
#table_results {
		margin: 0px;
		padding: 0px;
		width: 591px;
		}

/*This id controls the td cells inside the table that holds the search results*/
#table_results td {
		}

/*This id controls the td cell that holds the "Order By Collection" option when it
is deselected*/
#orderCollection_deselected_results {
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		font-size: 10px;
		color: #284B37;
		text-decoration: none;
		background-color: #D3DCD8;
		margin: 0px;
		width: 420px;
		padding: 0px;
		}
		
/*TThis id controls the td cell that holds the "Order By Collection" option when it
is currently selected*/
#orderCollection_selected_results {
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		font-size: 10px;
		color: #284B37;
		text-decoration: none;
		background-color: #BECBC4;
		padding-left: 9px;
		padding-top: 4px;
		padding-bottom: 5px;
		margin: 0px;
		width: 400px;
		}

/*This id controls the link appearance of the "Order By Collection" option*/
#orderCollection_deselected_results a {
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		font-size: 10px;
		color: #284B37;
		text-decoration: none;
		background-color: #D3DCD8;
		padding-left: 10px;
		padding-top: 4px;
		padding-bottom: 5px;
		padding-right: 0px;
		margin: 0px;
		width: 421px;
		display: block;
		}

/*This id controls the rollover appearance of the "Order By Collection" option*/
#orderCollection_deselected_results a:hover {
		background-color: #BECBC4;
		}

/*This id controls the appearance of the td cell that holds the "Order By Date" option
when it is deselected*/
#orderDate_deselected_results {
		background-color: #D3DCD8;
		padding: 0px;
		margin: 0px;
		width: 150px;
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		font-size: 10px;
		color:  #284B37;
		}

/*This id controls the appearance of the td cell that holds the "Order By Date" option
when it is selected*/
#orderDate_selected_results {
		background-color: #BECBC4;
		padding-left: 10px;
		padding-top: 3px;
		padding-bottom: 3px;
		margin: 0px;
		width: 140px;
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		font-size: 10px;
		color: #284B37;
		}

/*This id controls the link appearance of the "Order By Date" option*/
#orderDate_deselected_results a {
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		font-size: 10px;
		color: #284B37;
		text-decoration: none;
		background-color: #D3DCD8;
		padding-left: 10px;
		padding-top: 4px;
		padding-bottom: 5px;
		padding-right: 0px;
		margin: 0px;
		width: 144px;
		display: block;
		}

/*This id controls the rollover appearance of the "Order By Date" option*/
#orderDate_deselected_results a:hover {
		background-color: #BECBC4;
		}



/*This class controls the appearance of the white rows in the search results table*/
.rowWhite_results {
		background-color: #ffffff;
		}
		
/*This class controls the appearance of the green rows in the search results table*/
.rowGreen_results {
		background-color: #E9EEEB;
		}

/*This class controls the appearance of the search results title*/
.search_results {
		color: #000000;
		font-size: 11px;
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		padding-top: 5px;
		padding-left: 10px;
		}

/*This class controls the appearance of the search results title links*/
.search_results a {
		color: #000000;
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		font-size: 11px;
		text-decoration: none;
		}

/*This class controls the rollover state of the search results title links*/
.search_results a:hover {
		color: #ba0000;
		text-decoration: none;
		}

/*This class controls the appearance of the results excerpts in the results table*/
.excerpt_results {
		color: #666666;
		font-size: 11px;
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 10px;
		}

	
	
	





/* * * * * * * * * * * * * * * * * * *  THIS CSS CONTROLS THE ADVANCED SEARCH PAGE UNIQUE ELEMENTS * * * * * * * * * * * * * * * */
/* * * This CSS controls the background divs for the different Search Steps on Advanced Search * * */
#keyword_advanced {
		background-color: #E9EEEB;
		margin-bottom: 5px;
		margin-right: 2px;
		height: 110px;
		padding: 10px;
		}
	
#war_advanced {
		background-color: #E9EEEB;
		margin-bottom: 5px;
		margin-right: 2px;
		height:65px;
		padding: 10px;
		}

#year_advanced {
		background-color: #E9EEEB;
		margin-bottom: 5px;
		margin-right: 2px;
		height: 65px;
		padding: 10px;
		}
			
#docType_advanced {
		background-color: #E9EEEB;
		margin-bottom: 5px;
		margin-right: 2px;
		height: 70px;
		padding: 10px;
		}
	
#location_advanced {
		background-color: #E9EEEB;
		margin-bottom: 5px;
		margin-right: 2px;
		height: 80px;
		padding: 10px;
		}
	
#branch_advanced {
		background-color: #E9EEEB;
		margin-bottom: 5px;
		margin-right: 2px;
		height: 65px;
		padding: 10px;
		}
	
#subject_advanced {
		background-color: #E9EEEB;
		margin-bottom: 5px;
		margin-right: 2px;
		height: 65px;
		padding: 10px;
		}

/*This CSS controls the headers for the different Steps on the Advanced Search Page*/
.formTitles_advanced {
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		font-size: 12px;
		color: #284B37;
		font-weight: lighter;
		margin: 0px;
		padding: 0px;
		}

/*This CSS controls the positioning of the first columns, which hold the form fields,
in the different steps on the Advanced Search Page*/
.column1_advanced {
		float: left;
		width: 255px;
		margin-right: 5px;
		padding: 0px;
		margin: 0px;
		}
		
/*This CSS controls the positioning of the second columns, which hold the Tips for the 
various steps on the Advanced Search Options*/
.column2_advanced {
		margin-left: 260px;
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		font-size: 10px;
		color: #6e8c7d;
		width: 300px;
		}

/*This CSS controls the margins around the Advanced Search Form*/
#form_advanced {
		margin-top: 5px;
		margin-bottom: 5px;
		}

/*This CSS controls the text that appears inside the Advanced Search Form that isn't a 
tip, or a step heading*/
.formText {
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		margin-top: 10px;
		font-size: 10px;
		margin-bottom: 5px;
		}
		
/*This CSS controls the text appearance of the "Tips" headings*/
.tipsTit_advanced {
		margin-top: 0px;
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		font-size: 10px;
		color: #284B37;
		margin-bottom: 5px;
		}
	
/*This id controls the positioning of the "Start Year" div in Step 3 of the Advanced Search Page*/
#yearStart_advanced {
		float: left;
		width: 60px;
		}
		
/*This id controls the positioning of the "End Year" div in Step 3 of the Advanced Search Page*/
#yearEnd_advanced {
		float: left;
		margin-left: 20px;
		width: 75px;
		}

/*This CSS controls the XHTML "select" elements on the Advanced Search Page*/	
select {
		margin-top: 10px;
		display: block;
		}
/*This CSS controls the XHTML "input" elements on the Advanced Search Page*/
input {
		margin-left: 0px;
		padding-left: 0px;
		}
	
/*This CSS controls the positioning of the "Search" submit button on the Advanced Search and 
Basic Search Pages*/
.submitButton {
		text-align: right;
		vertical-align: middle;
		margin-right: 10px;
		padding-top: 5px;
		}








/* * * * * * * * * * * * * * * * * * * * * *  THIS CSS CONTROLS THE BASIC SEARCH PAGE  * * * * * * * * * * * * * * * */
/*This CSS controls the appearance & positioning of the "Advanced Search" link in the footer
on the Basic Search Page*/
.advancedLink a {
		margin-top: 5px;
		float: left;
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		font-size: 10px;
		color: #284B37;
		text-decoration: none;
		}

/*This CSS controls the hover state of the "Avanced Search" link in the footer of the Basic
Search Page*/
.advancedLink a:hover {
		color: #000000;
		}

/*This CSS controls the "Advanced Search" Arrow Image Link in the footer of the Basic Search Page*/	
.arrowRight_search {
		padding-top: 1px;
		margin-left: 10px;
		}






/* * * * * * * * * * * * * * *  THIS CSS CONTROLS THE COLLECTIONS MAIN PAGE UNIQUE ELEMENTS  * * * * * * * * * * * */
	
/*This CSS controls the table positioning on the main collections page*/
#table_collection_Main {
		margin-top: 10px;
		margin-left: 10px;
		}

/*This CSS controls the images in the content area of the main collections page*/
.collection_Image_Main {
		padding-bottom: 10px;
		}
	
/*This Css controls the description of the collections on the main  collections page*/
.collection_Description_Main {
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		color: #000000;
		font-size: 11px;
		width: 180px;
		padding-bottom: 10px;
		}
		
/*This CSS controls the collections title on the main collections page*/
.collection_Title_Main {
	 	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		color: #284b37;
		font-size: 12px;
		margin-bottom: 3px;
		padding-top: 5px;
		}

.collection_Title_Main a {
	 	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		color: #284b37;
		font-size: 12px;
		margin-bottom: 3px;
		padding-top: 5px;
		text-decoration: none;
		}

.collection_Title_Main a:hover {
	 	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		color: #333333;
		font-size: 12px;
		margin-bottom: 3px;
		padding-top: 5px;
		}
		
		
		
		
		
						


/* * * * * * * * * * * * * * *  THIS CSS CONTROLS THE ABOUT PAGE UNIQUE ELEMENTS  * * * * * * * * * * * */
/*This CSS controls the content of the About page*/
#aboutContent p {
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		color: #000000;
		font-size: 11px;
		margin-left: 10px;
		margin-right: 10px;
		margin-top: 0px;
		}
		
/*This css controls the appearance of text enclosed w/i div tags inside the "aboutContent" div*/
#aboutContent div {
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		color: #284b37;
		font-size: 12px;
		margin-left: 10px;
		}		









/* * * * * * * * * * * * * * *  THIS CSS CONTROLS THE SAVING HEIRLOOMS PAGE UNIQUE ELEMENTS  * * * * * * * * * * * */

/*This CSS controls the holder that holds the links on the heirlooms page*/
#linksHolder {
	width: 570px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	}			


/*This CSS controls the space between the links on the heirlooms page*/
#linksHolder div {
	margin-top: 10px;
	margin-bottom: 10px;
	}			

/*This CSS controls the COLOR of the links on the heirlooms page*/
#linksHolder a {
	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
	color: #635733;
	font-size: 11px;
	text-decoration: none;
	margin-top: 10px;
	padding-right: 10px;
	}	

/*This CSS controls the HOER COLOR of the links on the heirlooms page*/	
#linksHolder a:hover {
	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
	color: #3c2d00;
	font-size: 11px;
	text-decoration: none;
	padding-right: 10px;
	}
	
	
	
	
	
	
/* * * * * * * * * * * * * * *  THIS CSS CONTROLS THE SPONSORS PAGE UNIQUE ELEMENTS  * * * * * * * * * * * */

/*This CSS controls the table that holds the spnosors list on the sponsors page*/

#table_sponsors {
		margin-top: 10px;
		margin-bottom: 10px;
		margin-left: 10px;
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		color: #000000;
		font-size: 10px;
		}

/*This CSS controls the sponsors links on the sponsors page*/		
#table_sponsors a {
		margin-top: 10px;
		margin-bottom: 10px;
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		color: #635733;
		font-size: 10px;
		text-decoration: none;
		}	

/*This CSS controls the sponsors links hover state on the sponsors page*/		
#table_sponsors a:hover {
		margin-top: 10px;
		margin-bottom: 10px;
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		color: #3c2d00;
		font-size: 10px;
		text-decoration: none;
		}					
		
/*This CSS controls the spacing around each sponsor within the table on the sponsors page*/
.sponsor {
	padding-top: 10px;
	}

/*This CSS controls donations text on the sponsors page*/	
.donations {
	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
	color: #000000;
	font-size: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	}			








/* * * * * * * * * * * * * * *  THIS CSS CONTROLS THE CONTACT PAGE UNIQUE ELEMENTS  * * * * * * * * * * * */

/*This CSS controls the contact info on the contact page*/

#contactInfo {
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
	color: #000000;
	font-size: 12px;
	}

/*This CSS controls Stephens Name on the contact page*/	
#contactName {
	color: #ba0000;
	font-size: 14px;
	}

/*This CSS controls The Project Director info. on the contact page*/	
#contactDirector {
	color: #6e8c7d;
	font-style: italic;
	}

/*This CSS controls the address info. on the contact page*/	
.contactAddress {
	color: #000000;
	text-decoration: none;
	}

/*This CSS controls the hover state of the email address on the contact page*/	
.contactAddress a:hover {
	color: #333333;
	text-decoration: none;
	}	

/*This CSS controls the green "Telephone" on the contact page*/	
#contactTelephone {
	color: #6e8c7d;
	display: inline;
	}

/*This CSS controls the green "Email" on the contact page*/	
#contactEmail {
	color: #6e8c7d;
	display: inline;
	}					





/* * * * * * * * * * * * * * *  THIS CSS CONTROLS THE CONTACT Email Form UNIQUE ELEMENTS  * * * * * * * * * * * */		

/*This CSS controls the background of the Email Form on the Email Page page*/
#emailFormPage {
	height: 400px;
	width: 550px;
	background-image:  url(images/emailFormBg.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	}

/*This CSS controls the titles of the input boxes on the Email Form on the Email Page page*/	
#emailFormPage p {
	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
	color: #284b37;
	font-size: 12px;
	}	

/*This CSS controls the heading on the Email Form on the Email Page page*/			
#emailHeader {
	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
	color: #785a00;
	font-size: 14px;	
	margin: 0px;
	padding-top: 10px;
	padding-left: 10px;
	}		
	
	
/*This id controls the div that holds actual form on the email Form Page as well as the white background
of the form*/

#emailHolder {
	width: 390px;
	background-color: #FFFFFF;
	margin-top: 45px;
	margin-left: 60px;
	height: auto;
	padding: 0px;
	border: 0px;
	}

/*This id controls the div that holds only the form area on the email Form Page */

#emailFormHolder {
		border-left: 1px solid #785a00;
		border-right: 1px solid #785a00;
		width: 390px;
		height: auto;
		background-color: #FFFFFF;
		margin: 0px;
		padding: 0px;
		}

/*This id controls the div that holds the image that makes the top of the white backround area 
on the email Form Page */		
		
#emailFormTop {
	background-image:  url(images/emailFormTop.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;	
	height: 19px;
	width: 395px;
	}

/*This id controls the div that holds the image that makes the bottom of the white backround area 
on the email Form Page */	
#emailFormBottom {
	background-image:  url(images/emailFormBottom.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 394px;
	border: 0px;
	}			

/*This id controls the div that holds the form email Form Page */
#email_Form {
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;
	}

/*This id controls the input areas of the form, on the email Form Page */
#email_Form input {
	margin-bottom: 10px;
	margin-top: 5px;
	padding: 0px;
	}

#email_Form p {
	margin: 0px;
	}

/*This id controls the buttons of the form, on the email Form Page */		
.email_submitButton {
	padding-right: 10px;
	}
	
	
	
	
	
	
	
	
	
/* * * * * * * * * * * * * * * * * * * * * *  THIS CSS CONTROLS THE WAR COLLECTIONS PAGE ELEMENTS  * * * * * * * * * * * */
/*This css controls the div that holds the Collection Titles*/
.collectionTitle_war {
		margin: 0px;
		padding: 0px;
		display: inline;
		}

/*This class controls the appearance of the Collection Titles links*/
.collectionTitle_war a {
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		color: #ba0000;
		font-size: 14px;
		font-weight: lighter;
		text-decoration: none;
		display: inline;
		}
		
/*This class controls the roll-over state of the Collection Title links on the main page*/
.collectionTitle_war a:hover {
		color:  #666666;
		}

/*This class controls the appearance of the collection dates*/
.collectionDates_war {
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		color: #3C2D00;
		font-size: 14px;
		font-weight: lighter;
		display: inline;
		}

/*This class controls the appearance of the collection description text*/
.collectionDescription_war {
		font-family: "Times New Roman", "Times", serif;
		color: #666666;
		font-size: 12px;
		margin-top: 5px;
		}

/*This controls the div that holds the collection information*/
.collectionHolder_war {
		margin-left: 60px;
		}

/*This controls the div that holds the alternating rows*/
#alternatingList {
		width: 576px;
		}

/*This class controls the divs that set the appearance for the white rows for the 
collection listings*/
.rowWhite {
		background-color: #ffffff;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 5px;
		padding-right: 10px;
		margin-bottom: 3px;
		width: 573px;
		}
		
/*This class controls the divs that set the appearance for the green rows for the 
collection listings*/
.rowGreen {
		background-color: #E9EEEB;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 5px;
		padding-right: 10px;
		margin-bottom: 3px;
		margin-top: 3px;
		width: 573px;
		}

/*This class controls the divs that hold the photoIcons in the collection Lists*/
.photoHolder_war {
		float: left;
		width: 50px;
		height: 50px;
		text-align: center;
		}
/*This class controls the icons within the "PhotoHolder_war" divs*/
.photoHolder_war img {
		border: 1px solid #284b37;
		}








/* * * * * * * * * * * * * * * * This section controls the LETTERS COLLECTIONS PAGES ELEMENTS * * * * * * * * * * * * * */
#collectionCategory_letters {
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		font-size: 14px;
		color: #ba0000;
		text-transform: uppercase;
		margin-top: 10px;
		margin-bottom: 10px;
		margin-left: 10px;
		}

/*This CSS controls the table that holds all of the items w/i a family collection*/
#collectionList {
		width: 591px;
		}

/*This CSS controls the links w/i the family collection lists*/
#collectionList a {
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		font-size: 11px;
		color: #333333;
		text-decoration: none;
		}

/*This CSS controls the rollover state of the links w/i the family collection lists*/
#collectionList a:hover {
		color: #000000;
		}
		
/*This CSS controls the appearance of the category heading table rows w/i the family collection lists*/
.collectionList_heading {
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		font-size: 12px;
		color: #ffffff;
		background-color: #92A99D;
		padding-left: 10px;
		padding-top: 2px;
		padding-bottom: 2px;
		}
		










/* * * * * * * * * * * * * * * * This section controls the SOLDIER COLLECTIONS PAGES ELEMENTS * * * * * * * * * * * * **/
/*This class controls the collection description appearance*/
.collectionDescription_soldier {
		font-family: "Times New Roman", "Times", serif;
		font-size: 13px;
		color: #666666;
		margin-left: 10px;
		margin-top: 10px;
		width: 570px;
		}

/*This class controls the div that holds the different document types of the soldiers' collection*/
.divGreen_soldier {
		background-color: #E9EEEB;
		padding-top: 10px;
		padding-bottom: 5px;
		padding-left: 5px;
		padding-right: 10px;
		margin-bottom: 3px;
		height: 45px;
		width: 574px;
		font-size: 13px;
		}

/*This css controls the appearance of the links within the divs that hold the differernt 
Document Types*/
.documentType_soldier a {
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		color: #000000;
		text-decoration: none;
		margin: 0px;
		padding: 0px;
		}

/*This css controls the roll-over state of the links within the divs that hold
the various document types in a collection*/
.documentType_soldier a:hover {
		color: #333333;
		}

/*This css controls the appearance of the text that counts the amount of items w/i
a specific Document Type*/
.documentCount_soldier {
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		font-style: italic;
		color: #333333;
		margin: 0px;
		padding: 0px;
		}
		










/* * * * * * * * * * * * * * * * This section controls the INDIVIDUAL LETTER PAGES ELEMENTS * * * * * * * * * * * * * */
/*This class controls the divs that hold the letter info*/
.letterInfo_letters {
		background-color: #E9EEEB;
		padding-left: 10px;
		padding-top: 3px;
		padding-bottom: 3px;
		margin-bottom: 3px;
		width: 580px;
		}
		
/*This class controls the divs that hold the letter labels inside the letterInfo divs*/
.letterInfo_label {
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		font-size: 11px;
		color: #666666;
		float: left;
		width: 100px;
		}
		
/*This class controls the divs that hold the letter info text inside the letterInfo divs*/
.letterInfo_title {
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		font-size: 11px;
		color: #666666;
		display: inline;
		}
		
/*This class controls the appearance of the letter text*/
.letterText_letter {
		font-family: "Times New Roman", Times, serif;
		font-size: 14px;
		color: #000000;
		margin: 10px;
		}
		
/*This class controls the div that holds the original scans of the letters*/
.scanHolder_letter {
		margin-top: 5px;
		margin-left: 10px;
		margin-right: 10px;
		margin-bottom: 5px;
		}

/*This class controls the thumbnail images of the original scans*/
.scanHolder_letter img {
		margin: 5px;
		}









/* * * * * * * * * * * * * * * * * * * * * THIS SECTION CONTROLS THE PHOTOGRAPH LISTING PAGE   * * * * * * * * * * * * * * * * * * * * * * * * * */
#table_photos {
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 0px;
		padding-right: 0px;
		width: 590px;
		}

#table_photos td {
		padding-top: 7px;		
		padding-bottom: 7px;
		padding-right: 5px;
		padding-left: 20px;
		width: 120px;
		}


.rowWhite_thumbnails_photos {
		background-color: #ffffff;
		vertical-align: top;
		text-align: left;
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		font-size: 9px;
		color: #000000;
		border: 1px solid black;
		}

		
.rowGreen_thumbnails_photos {
		background-color: #E9EEEB;
		vertical-align: top;
		text-align: left;
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		font-size: 9px;
		color: #000000;
		border: 1px solid black;
		}







/* * * * * * * * * * * * * * * * * * * * * * * This CSS controls the display of the FULL SIZE IMAGES PAGE * * * * * * * * * * * * * * * * * * * * */
/*This class controls the display of the photos*/
.photoLarge {
		margin-left: 20px;
		margin-top: 20px;
		}






/* * * * * * * * * * * * * * * * * * * * * * * This CSS controls the EDITORIAL AND COPYRIGHT PAGE Unique Elements * * * * * * * * * * * * * * * * * */
/*This CSS controls the section headings appearance*/
.sectionHeading_copyright {
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		color: #284b37;
		font-size: 12px;
		margin: 0px;
		padding: 0px;
		font-weight: lighter;
		margin-bottom: 0px;
		}

/*This CSS controls the div holding the copyright & editorial content*/
.text_copyright {
		margin-left: 10px;
		}
		
/*This css controls the appearance of text within the "text_copyright" div*/
.text_copyright p {
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		color: #000000;
		font-size: 11px;
		margin-left: 0px;
		margin-right: 10px;
		margin-top: 0px;
		}		
		
/*This class controls the appearance of the email link on the copyright page*/
.text_copyright a {
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		color: #635733;
		font-size: 11px;
		text-decoration: none;
		}

/*This css controls the roll-over state of the email link on the copyright page*/
.text_copyright a:hover {
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		color: #3c2d00;
		font-size: 11px;
		text-decoration: none;
		}
div.pictureDisplay {
	text-align:center;
	font-size: 11px;
}