html, body {
		height: 100%;
		background-color: #f5e3be;
		padding: 0px;
		margin: 0px;
		}

/*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 div holding the Banner on all the pages but the Home Page*/
#bannerCobourg {
		height: 90px;
		width: 100%;
		background-image: url(images/bannerCobourg.jpg);
		background-repeat: no-repeat;
		background-color: #bbac80;
		}









/* * * * * * * * * * * * * * * * * * * *  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_lightCW.jpg);
		background-repeat: no-repeat;
		background-position: left top;
		height: 15px;
		width: 320px;
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		font-size: 10px;
		color: #ffffff;
		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_darkCW.jpg);
		background-repeat: no-repeat;
		background-position: left top;
		color: #ffffff;
		}

/*This class controls the center list item in the green Nav when it is not an anchor tag*/
.topTitBar_previousBtn {
		background-image: url(images/contentTop_prevBtn_lightCW.jpg);
		background-repeat: repeat-x;
		background-position: left top;
		height: 22px;
		width: 141px;
		display: block;
		}


/*This class controls the anchor within the previous button list item in the green Nav*/
.topTitBar_previousBtn a {
		background-image: url(images/contentTop_prevBtn_lightCW.jpg);
		background-repeat: repeat-x;
		background-position: left top;
		height: 15px;
		width: 121px;
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		font-size: 10px;
		color: #ffffff;
		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_prevBtn_darkCW.jpg);
		background-repeat: repeat-x;
		background-position: left top;
		color: #ffffff;
		}
		
/*This class controls the center list item in the green Nav when it is not an anchor tag*/
.topTitBar_nextBtn {
		background-image: url(images/contentTop_nextBtn_lightCW.jpg);
		background-repeat: repeat-x;
		background-position: left top;
		height: 22px;
		width: 120px;
		display: block;
		}


/*This class controls the anchor within the next button list item in the green Nav*/
.topTitBar_nextBtn a {
		background-image: url(images/contentTop_nextBtn_lightCW.jpg);
		background-repeat: repeat-x;
		background-position: left top;
		height: 15px;
		width: 100px;
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		font-size: 10px;
		color: #ffffff;
		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_darkCW.jpg);
		background-repeat: repeat-x;
		background-position: left top;
		color: #ffffff;
		}

/*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 sets WEBSITE WIDE SETTINGS for things like letter text  * * * * * * * * * * * */
		
/*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_cibc {
	 	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		color: #01263d;
		font-size: 16px;
		font-style: normal;
		font-weight: lighter;
		text-align: left;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 3px;
		margin-left: 10px;
		padding-top: 5px;
		}

/*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: #FFD800;
		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: #ffffff;
		font-size: 11px;
		font-weight: lighter;
		margin-bottom: 0px;
		margin-top: 0px;
		margin-right: 10px;
		margin-left: 10px;
		width: 570px;
		}


/*This class controls the appearance of the subheading in the yellow Title Bar*/
.topTitBar_sub_results {
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		color: #ffffff;
		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 yellow Title Bar*/
.searchTerms {
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		font-size: 12px;
		color: #FFED8C;
		display: inline;
		padding-left: 5px;
		}



/*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: #ffffff;
		margin-left: 80px;
		text-align: center;
		margin-top: 5px;
		width: 360px;
		}
		
/*This class controls the appearance of the document type heading on the different collection ares ie: Biography, Letters*/
#collectionCategory {
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		font-size: 14px;
		color: #01263d;
		text-transform: uppercase;
		margin-top: 10px;
		margin-bottom: 10px;
		margin-left: 10px;
		}




/* * * * * * * * * * * * * * * * * * * *  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/contentTopCobourg.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 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: #7490b2;
		width: 590px;
		}

/*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 class controls the div that is displayed when no results are found*/
.noResults_title {
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		font-size: 14px;
		color: #6E8C7D;
		margin-top: 10px;
		margin-bottom: 200px;
		margin-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 :) * * */

.contentPaddingMedium {
		margin-bottom: 100px;
		}

.contentPaddingSmall {
		margin-bottom: 50px;
}



/* * * * * * * * * * * * * * * THIS SECTION CONTROLS THE APPEARANCE OF FOOTER & FOOTER CONTENT * * * * * * * * * * * * * * * */

/*This CSS controls the footer div*/
#footer {
		background-image:  url(images/blueFooter.jpg);
		background-repeat: no-repeat;
		background-position: bottom left;
		width: 590px;
		height: 32px;
		margin-bottom: 5px;
		margin-top: 3px;
		}
		
/*This CSS controls the div that holds the footer content*/
#footerContent {
		width: 590px;
		height: 30px;
		padding-top: 3px;
		}
		
/*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: #ffffff;
		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: #ffffff;
		text-decoration: none;
		}

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









/* * * * * * * * * * * * * * * * * * * * * 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;
		}

/*This css controls the link appearance of the footer Navigation buttons*/
.footerNav_letter li a {
		background-color: #7490b2;
		border-left: 1px solid #ffffff;
		border-bottom: 1px solid #ffffff;
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		font-size: 10px;
		color: #ffffff;
		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: #4c6e97;
		color: #ffffff;
		}

/*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 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: #635733;
		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: #3c2d00;
		}

/*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: #ffffff;
		margin-left: 0px;
		margin-bottom: 3px;
		padding-top: 3px;
		padding-left: 6px;
		width: 144px;
		height: 19px;
		background-image:  url(images/subNav_selectedCIBC.jpg);
		background-repeat: no-repeat;
		background-position: left;
		background-color: #AF0B1C;
		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;
		display: block;
		background-color: #ffffff;
		margin-top: 0px;
		border-left: 1px solid #785A00;
		width: 129px;
		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: #4c6e97;
		text-decoration: none;
		display: block;
		background-color: #ffffff;
		margin-bottom: 0px;
		border-left: 1px solid #785A00;
		width: 134px;
		padding-bottom: 5px;
		padding-top: 5px;
		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: #000000;
		}


/*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: #ffffff;
		text-decoration: none;
		padding-left: 5px;
		width: 140px;
		display: block;
		background-image: url(images/selectedTopCW.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: #01263d;
		}

/*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: -8px;
		margin-top: 0px;
		width: 144px;
		height: 11px;
		padding: 0px;
		}







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

#letters_advanced {
		background-color: #efefef;
		margin-bottom: 5px;
		margin-right: 2px;
		height: 50px;
		padding: 10px;
		}

#year_advanced {
		background-color: #efefef;
		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: #4c6e97;
		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: #4c6e97;
		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: #01263d;
		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;
		width: 200px;
		}
/*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 COBOURG COLLECTION LIST TABLE FOR THE RESULTS PAGE AND THE COBOURG MAIN PAGE * * * * * * * * * * * * * * * */

/*This id controls the table that lists the search results*/
#tableLetter_list {
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 0px;
		padding-right: 0px;
		width: 592px;
		}

/*This cid controls the td cells inside the table that holds the search results*/
#tableLetter_list td {
		height: 36px;
		}

.textLink_main {
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		font-size: 11px;
		color: #000000;
		text-decoration: none;
		padding-left: 10px;
		}

/*This css controls the hover state of links within the letter listing tables on the Cobourg Main page and the Cobourg Search Results Page*/
#tableLetter_list a:hover {
		color: #4c6e97;
		}

/*This id controls the appearance of the table heading holding the "Order by Name" option when it is selected*/
#orderName_selected_main {
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		font-size: 10px;
		font-weight: lighter;
		text-align: left;
		color: #ffffff;
		width: 282px;
		background-color: #aaaaaa;
		margin: 0px;
		padding-top: 3px;
		padding-left: 10px;
		padding-bottom: 3px;
		padding-right: 0px;
		}

/*This id controls the table heading that holds the "Order By Name" Option when it is deselected*/
#orderName_deselected_main {
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		font-size: 10px;
		font-weight: lighter;
		text-align: left;
		color: #000000;
		text-decoration: none;
		width: 282px;
		background-color: #cccccc;
		}
		
/*This id controls the link appearance of the "Order by Name" option in the Home and Results Pages*/	
#orderName_deselected_main a {
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		font-size: 10px;
		font-weight: lighter;
		text-align: left;
		color: #000000;
		text-decoration: none;
		width: 282px;
		padding-top: 3px;
		padding-bottom: 3px;
		padding-left: 10px;
		padding-right: 0px;
		background-color: #cccccc;
		display: block;
		}

/*This id controls the rollover appearance of the "Order by Name" link option in the Home and Results Pages*/
#orderName_deselected_main a:hover {
		background-color: #aaaaaa;
		color: #ffffff;
		}
		
/*This id controls the selected appearance of the "Order By Year" option*/
#orderYear_selected_main {
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		font-size: 10px;
		font-weight: lighter;
		text-align: left;
		color: #ffffff;
		text-decoration: none;
		width: 281px;
		background-color: #aaaaaa;
		margin: 0px;
		padding-top: 3px;
		padding-left: 10px;
		padding-bottom: 3px;
		padding-right: 0px;
		}

/*This id controls the table heading that holds the "Order By Year" Option when it is deselected*/
#orderYear_deselected_main {
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		font-size: 10px;
		font-weight: lighter;
		text-align: left;
		color: #000000;
		text-decoration: none;
		width: 291px;
		background-color: #cccccc;
		display: block;
		}

/*This id controls the link appearance of the "Order by Year" option in the Home and Results Pages*/	
#orderYear_deselected_main a {
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		font-size: 10px;
		font-weight: lighter;
		text-align: left;
		color: #000000;
		text-decoration: none;
		width: 281px;
		padding-top: 3px;
		padding-bottom: 3px;
		padding-left: 10px;
		padding-right: 0px;
		background-color: #cccccc;
		display: block;
		}

/*This id controls the rollover appearance of the "Order by Year" link option in the Home and Results Pages*/
#orderYear_deselected_main a:hover {
		background-color: #aaaaaa;
		color: #ffffff;
		}

/*This class controls the grey rows on the Home and Results Pages*/
.rowGrey_main {
		background-color: #efefef;
		}

/*This class controls the white rows on the Home and Results Pages*/
.rowWhite_main {
		background-color: #ffffff;
		}
	
/*This class controls the appearance of the subheading in the yellow Title Bar*/
.topTitBar_sub_results {
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		color: #ffffff;
		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 yellow Title Bar*/
.searchTerms {
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		font-size: 12px;
		color: #FFED8C;
		display: inline;
		padding-left: 5px;
		}











/* * * * * * * * * * * * * * * * This section controls the LETTERS COLLECTIONS PAGES ELEMENTS * * * * * * * * * * * * * */
/*This CSS controls the table that holds all of the letters within a soldier's collection*/
#collectionList {
		width: 591px;
		}

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

/*This CSS controls the rollover state of the links w/i the family letter list table*/
#collectionList a:hover {
		color: #4c6e97;
		}
		
/*This CSS controls the appearance of the table heading rows w/i the family collection lists*/
.collectionList_heading {
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		font-size: 12px;
		color: #ffffff;
		background-color: #a2a2a2;
		padding-left: 10px;
		padding-top: 2px;
		padding-bottom: 2px;
		}
		
/*This class controls the divs that set the appearance for the white rows for the 
letter 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 grey rows for the 
letter listings*/
.rowGrey {
		background-color: #efefef;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 5px;
		padding-right: 10px;
		margin-bottom: 3px;
		width: 573px;
		}





/* * * * * * * * * * * * * * * * This section controls the INDIVIDUAL LETTER PAGES ELEMENTS * * * * * * * * * * * * * */
/*This class controls the divs that hold the letter info*/
.letterInfo_letters {
		background-color: #efefef;
		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: #01263d;
		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: #4c6e97;
		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;
		}