/*	G L O B A L  S T Y L E S  */

	/* HTML */
		
		
		body { margin: 0; font-family: Arial, sans-serif; font-size: 75%; color: #666; }
		/* div {border: 1px solid; } */
		table { border: 0; padding: 0; }
		table, td { font-size: 1em; } /* IE5.5 fix */
		h2 { font-size: 170%; margin: 0; padding: 0; }
		h3 { font-size: 148%; margin: 0; padding: 0; }
		h4 { font-size: 130%; margin: 5px 0; padding: 5px 0; }
		h5 { font-size: 110%; margin: 0; padding: 0; }
		h5 { font-size: 100%; margin: 0; padding: 0; }
		.h-sub { color: #666666; font-weight: bold; /* font-size: 125%; */ } /* sub title normally under an H (heading) tag. Font-size should be adjusted relative to the H tag that this class is contained within  */
		img { border: 0; }
		ul { padding: 5px 0 5px 18px; margin: 0; list-style-type: square; /* color: #2B367C; */ }
		ul.mainlist { padding: 0; list-style-type: none; } /* used in Nav and regular content */
		p { padding: 0; margin: .5em 0 1em; }

	/* Wrapper */

		#wrapper { 
			width: 725px; 
			margin: 0 auto; 
			}
		.content {  /* 3px content padding is equal to the main-nav table cellspacing located in header-footer.css */
			padding: 0 3px; 
			clear: both; 
			}
		#main-section-content { clear: both; padding: 15px 0 15px 0; }

		/* Puts Side Nav on LEFT side with Section Content on right side */
			#left-side-nav-content { 
				width: 236px; 
				float: left; 
				}
			#right-side-section-content { 
				margin-left: 236px; 
				padding: 0 0 0 20px; 
				}
	
		/* Puts Side Nav on RIGHT side with Section Content on left side */
			#right-side-nav-content { 
				width: 236px; 
				float: right; 
				}
			#left-side-section-content { 
				margin-right: 236px; 
				padding: 0 20px 0 20px; 
				}
		
	/* Side Nav - See PAGES.CSS for page specific Side Nav Sub-headers */
		
		.side-nav .sub-header { 
			padding: 5px 12px 5px 12px; 
			vertical-align: middle; 
			font-weight: bold; 
			color: white; 
			background-repeat: no-repeat; 
			}
		.side-nav .sub-nav { 
			background: url(/images/common/subheads/bg-gray2.png) repeat-x bottom; 
			margin-bottom: 2em; 
			padding: 5px 20px 5px 20px; 
			}
		
		.sub-nav a:link, .sub-nav a:visited { color: #2B367C; }
		.sub-nav a:hover { color: white; background-color: #2B367C; }
		.sub-nav a:active { }

		#whats-new .sub-header  { 
			color: black; 
			background-color: #e7e6e6; 
			background-image: url(/images/common/subheads/subhead-gray-light.png); 
			}
		#whats-new .sub-header h5 { 
			padding-left: 12px; 
			background: url(/images/common/subheads/arrow-red-on-gray-light.png) no-repeat left 0.3em;
			}
		#find-out-more .sub-header { 
			background-color: #848073; 
			background-image: url(/images/common/subheads/subhead-gray.png); 
			}
		#find-out-more .sub-header h5 { 
			padding-left: 12px; 
			background: url(/images/common/subheads/arrow-white-on-gray.png) no-repeat left 0.3em;
			}
		.nav-subhead { color: #335; }
		.feature-block { margin-bottom: 2em; padding: 5px 20px 5px 20px; }

	/* Sub Nav Content */

		.sub-header .feature-block a:link { color: #2B367C; } 
		.sub-header .feature-block a:visited { color: #999; }
		.sub-header .feature-block a:hover { color: white; background-color: #2B367C; }
		.sub-header .feature-block a:active { }
	
	/* Miscellaneous */

		.sponsor { 
			font-size: 85%; 
			}
		.page-top { 
			float: right; 
			margin-top: -12px; 
			}

	/* Borders, Columns and Floats */

		.border-top { 
			background: url(/images/common/dividers/divider-horizontal2.gif) repeat-x top left; 
			padding-top: 5px; 
			margin-top: 5px; 
			}
		.border-bottom { 
			background: url(/images/common/dividers/divider-horizontal2.gif) repeat-x bottom left; 
			padding-bottom: 5px; 
			margin-bottom: 5px; 
			}
		.border-white {
			background-image: url(/images/common/dividers/divider-horizontal2-white.gif);
			}
		.border { border: 1px solid; }

		.float-right { float: right; }
		.float-left { float: left; }

		.clear-both { clear: both; }
		.clear-right { clear: right; }
		.clear-left { clear: left; }

		.column-center { width: 220px; margin: 0 0px 0 0px; /* width: 445px; */}
		.column-right { width: 220px; margin: 0 0px 0 20px; }
		.column-left { width: 220px; margin: 0 20px 0 0px; }
		
		.link-list { float: left; width: 220px; }
		.link-list li { /* This is the same as .border-bottom... it just uses lesss code. Can be done manually. */
			background: url(/images/common/dividers/divider-horizontal2.gif) repeat-x bottom left; padding-bottom: 5px; margin-bottom: 5px; }

	/* Colors */
		
		.databases-red { color: #C00202; }
		.catalogues-orange { color: #E67433; }
		.weblinks-violet { color: #CC0066; }
		.genealogy-blue { color: #5F9BAC; }
		.teens-green { color: #66BD4C; }
		.teens-blue { color: #6699FF; }		
		.red { color: red; }

	/* Links */

		a { color: #2B367C; text-decoration: none; }
		a:link { color: #2B367C; }
		a:visited { color: #999999; }
		a:hover { color: white; background-color: #2B367C; }
		a:active { }
		/* See /css/header-footer.css for header and footer nav links */

	/* No CSS */

		.no-css { display: none; }