/* THIS IS CSS CODE THAT IS COMMON TO ALL OF THE VERSIONS OF THE SIZE / FONT CHANGES   */
/*     THAT CAN BE DONE FOR 508 COMPATIBILITY.  ALL SIZING IS DONE BY USING em UNITS THAT */
/*     ARE RELATIVE TO THE BASE SIZE ESTABLISHED IN THE BODY TAG CSS.                               */

a:link, a:visited {
	color: 						#1A2121;
	line-height:					1.5;	
}

a:hover, a:active {
	font-weight:				bold;
}

h1 {
	font-size:					1.5em;
}

h2 {
	font-size:					1.4em;
}

h3 {
	font-size:					1.3em;
}

h4 {
	font-size:					1.2em;
}

h5 {
	font-size:					1.1em;
}

table {
	border-collapse:			collapse;
}

table, th, td {
	border:						.1em solid #1A2121;
	padding:						3px;
}

table, th, td {
	font-size:					1em;
}

caption{
	font-size:					1.2em;
	font-weight:				bold; 
}

/* This wraps the whole page - NOTHING SHOULD BE OUTSIDE OF THIS!  */ 
div#PageFrame {
		background-color: 		#E0F0F0;
}

	/* This wraps the Header section of the page */
	div#TopHeader {
		width:						100%;
		border-bottom:			.1em solid #1A2121;
}

	div#MainWrapper {
		clear:							both;
		width:						100%;
	}
	
		/* This wraps the Left nav bar for the page */
		div#LeftNav {
			float:							left;
			width:						20%;
			padding:						.3em;
		}
			
		/* This wraps the Main Content area for the page */
		div#RightContentBox {
			float:							left;
			width:						78%;
			height: 						1% 						/* Holly hack for Peekaboo Bug */
			background-color: 		#F5FAFA;
			border-left:					.1em solid #1A2121;
			background-color: 		#F5FAFA;
		}
		
		div#Content {
			margin:						.4em;
		}
	
	div#Footer {
		clear:							both;
		width:						100%;
		padding-top:				.2em;
		padding-bottom:			.6em;
		border-top:					.1em solid #1F2121;
		text-align:					center;
		font-size:					.9em; 
	}
/* end of what is wrapped in the PageFrame */

/* THESE STAY EXACTLY THE SAME FOR EACH VERSION OF THE STYLE SHEET!! - DO NOT CHANGE ANYTHING ABOUT THEM AT ALL */
.Bold {
	font-weight:				bold;
}

div#HeaderTextSize {
	float:							right;
	width:						40%;
	padding:						.3em;
	text-align: 					right;
	padding-right: 				1.5em;
}

#MainNavBar {
	clear:							both;
	width:						100%;
	padding:						.4em;
	border-top:					.1em solid #1A2121;
	background-color: 		#CCEBEB;
}

.LogoImage {
	width:						13.75em;
	height:						4.4em;
}

#TextSizeSetSmall {
	font:							bold 10pt Verdana, sans-serif; 
}

#TextSizeSetStd {
	font:							bold 12pt Verdana, sans-serif; 
}

#TextSizeSetLarge {
	font:							bold 14pt Verdana, sans-serif; 
}

#TextSizeSetExtraLarge {
	font:							bold 16pt Verdana, sans-serif; 
}

#TNRTextSizeSetSmall {
	font:							bold 10pt Times New Roman, serif; 
}

#TNRTextSizeSetStd {
	font:							bold 12pt Times New Roman, serif; 
}

#TNRTextSizeSetLarge {
	font:							bold 14pt Times New Roman, serif; 
}

#TNRTextSizeSetExtraLarge {
	font:							bold 16pt Times New Roman, serif; 
}


