/*	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; 
			}
		table { 
			border: 0; 
			padding: 0; 
			}
		table, td {  /* IE5.5 fix */
			font-size: 1em; 
			}
		
		h3 { font-size: 148%; margin: 0; padding: 0; }
		h2 {
	font-size: 14px;
	font-weight: bold;
	color: #003399;
	border-bottom: 1px dashed #000;
	font-family: palatino, georgia, serif;
	margin-bottom: 0px;
	}
		h5 { font-size: 110%; margin: 0; padding: 0; }
		h5 { font-size: 100%; margin: 0; padding: 0; }
		.h-sub {
		/*	Subtitle normally under an H (heading) tag. 
			Font-size should be adjusted relative to the H tag that this class is contained within  */
			color: #666666;  	
			font-weight: bold;	
			}
		img { 
			border: 1; 
			}
		ul { 
			padding: 5px 0 5px 18px; 
			margin: 0; 
			list-style-type: square; 			
			}
		li { 
			padding: 0 0 .3em; 
			}
		ul.mainlist { /* used in Nav and regular content */
			padding: 0; 
			list-style-type: none; 
			} 
		p { 
			padding: 0; 
			margin: .5em 0 1em; 
			}
		hr { 
			border: 0px solid black; 
			height: 1px; 
			color: black; 
			background-color: black; 
			}

	/* 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; 
			border: 1px solid black;
			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: 0px 20px 0px; 
				}
	
	/* 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; 
			}
		@media print { /* This is the fix for the print preview / print background image repeat problem in IE */
			.side-nav .sub-header { 
				background: none; 
				/* background-repeat: no-repeat; */
				} 
			}		
		.side-nav .sub-nav { 
			background-repeat: repeat-x;
			background-image: url(/images/bg-gray2.png); 
			background-position: left 100%; 
			margin-bottom: 2em; 
			padding: 5px 20px 5px 20px; 
			}
		@media print { /* This is the fix for the print preview / print background image repeat problem in IE */
			.side-nav .sub-nav { 
				/* background-repeat: repeat-x; <-- this is the culprit */
				background: none; /* This resets the background style */
				background-image: url(/images/common/subheads/bg-gray2.png); 
				background-position: left 113%; /* 113% makes the gradient start below the bottom so no tiling is seen */
				} 
			}
		
		/* #find-out-more .sub-nav li { padding: 0 0 .75em; } */
		#whats-new .sub-nav li { padding: 0 0 1em; }
		
		.sub-nav a:link, .sub-nav a:visited { color: #2B367C; }
		.sub-nav a:hover { color: white; background-color: #8CB2D9; }
		.sub-nav a:active { }

		#whats-new .sub-header  { 
			color: black; 
			background-color: #CACFB1;
			background-image: url(/images/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: #8CB2D9; }
		.sub-header .feature-block a:active { }
	
	/* Miscellaneous */

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

		.no-css { display: none; }

	/* Borders, Columns and Floats */

		.border-top { 
			background: url(/images/common/dividers/divider-horizontal2.gif) repeat-x top left; 
			padding-top: 5px; 
			margin-top: 5px; 
			/* page-break-before: auto; */
			}
		.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 less code. Can be done manually. */
			background: url(/images/common/dividers/divider-horizontal2.gif) repeat-x bottom left; 
			padding-bottom: 5px; 
			margin-bottom: 5px; 
			}

	/* Long List */
	
		/* .long-list li { padding: 0 0 .4em; } I put this as a global LI tag style rather than having to put a div with a "long-list" class around every long list*/
		.long-list .border-top { margin: .5em 0 0 ; }
		.long-list tr:hover { background-color: #999; color: white; } /* Works in most browsers - not IE. Can be safely removed or disabled */

	/* Alternating Row Colors */

		.altrowstyle-a {
			background-color: #efefef;
			}
		.altrowstyle-b {
			background-color: white;
			}

	/* Main Section Images */

		#main-section-content .float-right img { margin: 0 0 3px 10px; border: 1px solid black; }
		#main-section-content .float-left img { margin: 0 10px 3px 0; border: 1px solid black; }

	/* 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: #8CB2D9; }
		a:active { }
		/* See /css/header-footer.css for header and footer nav links */


/* FORMS */

	input {
		border: 1px solid #999999;
		font-size: 110%;
		}
	select {
		font-size: 110%;
		}
	.button {
		background-color: #E0E0E0;
		/* border: 1px solid #999999; */
		/* line-height: 1.4em; */
		/* height: 1.6em; */
		/* font-size:100%; */
		}
	.abutton {			
		display: block;
		line-height: 1.4em;
		padding: 10px;
		color: black;
		width: auto;
		/* height: 1.6em; */
		}



/* FORM WRAPPER */

	/* .form-wrap h4 {	
		font-size: 1.15em;
		margin: .25em 0 .75em;
		letter-spacing: .05em;
		} */ 
	.form-wrap {
		/* background-color: #f0F0F0; */
		/* border: 1px solid white; */
		/* margin-top: 0px; */
		position: relative;	
		} 
	.form-wrap .form {
		padding: 15px 15px 15px;
		} 
	.form-wrap .corner {
		background-repeat: no-repeat;
		/* position: relative; */
		} 
	.form-wrap .corner.top-left  {
		background-position: top left;	
		margin: -1px 0 0 -1px;
		}
	.form-wrap .corner.top-right  {
		background-position: top right;		
		margin: -1px -1px 0 0;
		}
	.form-wrap .corner.bottom-right  {	
		background-position: bottom right;		
		margin: 0 0px -1px 0;
		} 
	.form-wrap .corner.bottom-left  {
		background-position: bottom left;	
		}

	/* GRAY FORM WRAPPER */	

		.form-wrap.gray h2 { color: black; }
		.form-wrap.gray h3 { color: black; }
		.form-wrap.gray h4 { color: black; }		
		.form-wrap.gray { background-color: #F0F0F0; border: solid #ccc 1px; }		
		.form-wrap.gray .corner.top-left { background-image: url(/images/common/corner-gray-top-left.png); }
		.form-wrap.gray .corner.top-right { background-image: url(/images/common/corner-gray-top-right.png); }
		.form-wrap.gray .corner.bottom-right { background-image: url(/images/common/corner-gray-bottom-right.png; } 
		.form-wrap.gray .corner.bottom-left { background-image: url(/images/common/corner-gray-bottom-left.png); }

	/* YELLOW FORM WRAPPER */	

		.form-wrap.yellow h4 { color: black; }
		.form-wrap.yellow { background-color: #f9de2b; border: solid #fff 1px; }		
		.form-wrap.yellow .corner.top-left { background-image: url(/images/forms/corner-yellow-top-left.png); }
		.form-wrap.yellow .corner.top-right { background-image: url(/images/forms/corner-yellow-top-right.png);	}
		.form-wrap.yellow .corner.bottom-right { background-image: url(/images/forms/corner-yellow-bottom-right.png); } 
		.form-wrap.yellow .corner.bottom-left { background-image: url(/images/forms/corner-yellow-bottom-left.png); }