﻿@media screen
{
	/* ===================== Section Container */
	.Normal, p, th, ul, ol, h1, h2, h3, h4, h5, h6 { font-family: Myriad Pro,Verdana; margin-top: 0; color: #5d6163; }
	th, h1, h2, h3, h4, h5, h6 { font-weight: bold; color: #5d6163; }
	
	.sectionheader {  }
	
	.sectionheader-green h1{color:#77db26 !important; text-transform:uppercase;  }
	
	.sectionheader-blue h1{color:#144d68 !important; text-transform:uppercase;  }
	
	.sectionbody {  }
	
	.sectionfooter { text-align: right; }

	/* ===================== Content Container */
	#content .section { margin-bottom: 1.6em; overflow: hidden; /* fixes image float */ }
	
	#content h1 {
		font-size: 2.9em;
		line-height: normal;
		margin-bottom: 3px;
	}
	
	#content h2 {
		font-size: 1.6em;
		line-height: normal;
		/*border-bottom: 1px solid #ccccff;*/
	}
	
	#content hr {
		margin-top:20px;
		color:#144d68
	}

	#content .sectionbody {
		font-size: 1.5em;
		line-height: 1.7em; /* 10px * 1.2 * 1.7 = 20px */
	}

	#content .sectionbody h2 {
		font-size: 1.45em; /* 10px * 1.2 * 1.3 = 15.6px = 16px */
		color:#144d68;
		font-weight:normal;
		margin-bottom:5px;
	}
	
	#content .sectionbody h3 {
		font-size: 1.2em; /* 10px * 1.2 * 1.1 = 13.2px = 13px */
		margin: 0;
	}

	#content img.left {
		margin: 4px 7px 0 0;
		float: left;
		width: 75px;
		border: 1px solid #8787c5;
	}
	
	ul li { /*color:orange;*/
		list-style-type:disc; 
		 
	}
	
	/*ul li span { color:#5d6163; }*/
	
	#rightcontent .section { margin-bottom: 1.6em; overflow: hidden; /* fixes image float */ }
	
	#rightcontent h1 {
		font-size: 2.8em;
		line-height: normal;
		margin-bottom: 3px;
		font-weight:normal;
	}
	
	#rightcontent h2 {
		font-size: 1.6em;
		line-height: normal;
		/*border-bottom: 1px solid #ccccff;*/
		padding-bottom: 4px;
		margin-bottom: 5px;
	}

	#rightcontent .sectionbody {
		font-size: 1.5em;
		line-height: 1.7em; /* 10px * 1.2 * 1.7 = 20px */
	}

	#rightcontent .sectionbody h2 {
		font-size: 1.3em; /* 10px * 1.2 * 1.3 = 15.6px = 16px */
	}
	
	#rightcontent .sectionbody h3 {
		font-size: 1.2em; /* 10px * 1.2 * 1.1 = 13.2px = 13px */
		margin: 0;
	}

	#rightcontent img.left {
		margin: 4px 7px 0 0;
		float: left;
		width: 75px;
		border: 1px solid #8787c5;
	}

	/*this is for caption text under image 8/19 (HL) */
	.caption_text 
	{
		clear: both; 
		font-size: 10px; 
		float: left; 
		width: 75px; 
		text-align: center;
	}
	

	#content img.noborder { border-width: 0; }
	
	#rightcontent img.noborder { border-width: 0; }

	/*this is the image with bullet fix*/
	
	#content img.left + ol, #content img.left + ul { padding-left: 0; margin-left: 120px; }
	
	/*this added to correct isues when floating left image is used - 8/2/10 dt*/
	#content img.left + p + ol, #content img.left + p + ul { padding-left: 0 !important; margin-left: 120px !important; }
	#content img.left + p + p + ol, #content img.left + p + p + ul { padding-left: 0; margin-left: 120px; }
	#content img.left + p  + blockquote, #content img.left + p + blockquote { padding-left: 0; margin-left: 120px; }
	
	#content ul ul { padding-left: 0; margin-left: 20px; }
	#content ul * li { list-style-type: square; }
	
	/* ===================== Migrated Content + This (removable after total conversion) */
	#content .contenttable { font-size: 1.0em; }
	#content .sectionhead { font-size: 0.85em; }
	#content .pageheadformat { font-size: 1.6em; }

	#rightcontent img.left + ol, #rightcontent img.left + ul { padding-left: 0; margin-left: 120px; }
	
	/*this added to correct isues when floating left image is used - 8/2/10 dt*/
	#rightcontent img.left + p + ol, #rightcontent img.left + p + ul { padding-left: 0 !important; margin-left: 120px !important; }
	#rightcontent img.left + p + p + ol, #rightcontent img.left + p + p + ul { padding-left: 0; margin-left: 120px; }
	#rightcontent img.left + p  + blockquote, #rightcontent img.left + p + blockquote { padding-left: 0; margin-left: 120px; }
	
	#rightcontent ul ul { padding-left: 0; margin-left: 20px; }
	#rightcontent ul * li { list-style-type: square; }
	
	/* ===================== Migrated Content + This (removable after total conversion) */
	#rightcontent .contenttable { font-size: 1.0em; }
	#rightcontent .sectionhead { font-size: 0.85em; }
	#rightcontent .pageheadformat { font-size: 1.6em; }


	/* ===================== Bluebox Container */
	#right .section,
	#rightcell .section { width: 197px; margin-bottom: 4px; }
	
	#right h2,
	#rightcell h2 {
		font-size: 1.2em;
		padding: 3px;
		margin: 0;
	}

	#right .section,
	#rightcell .section {
		border: 1px solid #c8c7f8;
		background-color: #ebeeff;
	}

	#right .sectionbody,
	#rightcell .sectionbody {
		font-size: 1.1em;
		margin: 5px;
	}
	
	#right ul,
	#rightcell ul { margin-top: 1em; margin-bottom: 1em; }

	#right .section li,
	#rightcell .section li { margin-bottom: 3px; margin-left: -23px; }
}

@media print
{
	/* ===================== Containers */
	.section { margin-bottom: 4px; }

	.sectionbody a { color: blue; text-decoration: underline; }
	
	.Normal, p, ul, ol, table, h1, h2, h3, h4, h5, h6 { font-family: "Times New Roman"; margin-top: 0; }
	h1, h2, h3, h4, h5, h6 { font-weight: bold; color: black; }

	.sectionfooter { display: none; }
	
	#content h1 {
		font-size: 14pt;
		line-height: normal;
		margin-bottom: 23px;
	}

	#content h2 {
		font-size: 12pt;
		padding-bottom: 4px;
		clear: left;
		padding-top: 1em; padding-bottom: 0;
	}
	
	#content h3 {
		font-size: 11pt;
		margin: 0;
	}

	#content .sectionbody {
		font-size: 9pt;
		line-height: 12pt;
		padding-top: 5px;
	}

	#right h2,
	#rightcell h2 {
		font-size: 9pt;
		font-weight: bold;
		padding: 3px;
	}

	#right .section,
	#rightcell .section {
		width: 197px;
		background-color: transparent;
	}
	
	#right .sectionbody,
	#rightcell .sectionbody {
		font-size: 8pt;
		margin: 5px;
	}
	
	#content img.left { margin: 4px 7px 0 0; float: left; }
	
	#content img.left + ol, #content img.left + ul { padding-left: 0; margin-left: 120px; }
	
	/* ===================== Dynamic Forms */
	#SaveForm,
	#EntryForm label[for*='Captcha'],
	#EntryForm input[name*='Captcha'],
	#EntryForm img[alt='CAPTCHA image'] { display: none; }
}
