@media screen {
	body {
		font-size: 12px;
		font-family: Verdana, Arial, Sans-Serif;
		color: black;
		
		background: #054d8b;
		margin: 0; margin-bottom: 12px;
	}

	a { color: blue; }
	a:visited { color: purple; }
	a:hover, a:visited:hover { color: red; }
	
	li {
		list-style-type: square;
		margin-left: -20px;
		margin-bottom: 10px;
	}
	
	li ul { margin-top: 10px; }

	a img { border: 0; }

	/* ===================== Usable Classes  ===*/
	.bold { font-weight: bold; }
	.underline { text-decoration: underline; }
	.center { text-align: center; }

	/* =============== Content Elements */
	#content h2 { font-size: 14px; margin-top: 0; }
	#content h3 { font-size: 12px; margin-top: 0; }

	#content table.datatable { width: 750px; border-collapse: separate !important; }
	#content table.datatable th { text-align: left; color: white; background-color: #6060b8; height: 20px; }
	#content table.datatable td { padding: 5px; font-size: 12px; border: 0; }		

	/* =============== Right Pane Elements */
	#right h2 { font-size: 14px; text-align: center; margin-top: 5px; margin-bottom: 5px; }
	
	#right li { margin-bottom: 3px; }
	
	/* =============== Containers */
	#page {
		width: 1000px;
		min-height: 500px;
		margin: 0 auto;
		
		border-left: 1px solid black;
		border-right: 1px solid black;
		border-bottom: 1px solid black;
		background: white;
	}
	
	#top img { height: 21px; }
	#banner img { width: 878px; height: 62px; }

	#contenttable {
		border-collapse: collapse;
		border-top: 5px solid #333399;
		width: 100%; min-height: 420px;
		height: 420px; /* IE7, FF, Ch, Sf need */
	}

	#contenttable td { vertical-align: top; padding: 0; }

	/* =============== Sections */
	#top {
		background: #333399;
	}

	#banner {
		background-image: url('images/banner-bg.png');
		background-repeat: repeat-x;
	}

	#contenttable #middle {
		font-size: 12px;
	}

	/* =============== Navigation */
	#contenttable #middle #navigation {
		vertical-align: top;
	}	

	#navigation a {
		width: 121px; height: 18px;
		background-image: url('images/button.png');
		background-repeat: no-repeat;
		display: inline-block;
		
		color: white;
		text-align: center;
		text-decoration: none;
		padding-top: 2px;
		vertical-align: top;
	}

	#navigation a:hover { background-image: url('images/button-hover.png'); }

	#navigation #ocflbutton {
		width: 197px; height: 35px;
		background-image: url('images/button-ocfl.png');
	}

	#navigation #ocflbutton:hover { background-image: url('images/button-ocfl-hover.png'); }
	
	#navigation .espbutton {
		font-size: 11px; font-weight: bold; color: #980000;
		width: 100px; height: 37px;
		background-image: url('images/button-esp-hover.png');
		margin-left: 3px;
	}

	#navigation .espbutton:hover { background-image: url('images/button-esp.png'); }

	/* =============== Content */
	#contenttable #middle #content {
		padding: 10px;
	}
	
	#content p { line-height: 20px; }
	#content li { line-height: 20px; }
	
	.question { font-weight: bold; }
	.answer { display: list-item; margin-left: 21px; list-style-type: square; }

	/* =============== Right Pane */
	#contenttable #right {
		background: #6060b8;
		width: 190px;
		border-left: 1px solid #8d1416;
		padding-bottom: 6px;
		padding-top: 5px;
		
		font-size: 10px;
		color: white;
	}
	
	#right a { color: #CCCCFF; }
	#right a:hover { color: #4B0082; }
	#right h2 { margin-top: 0; margin-bottom: 0; }	
	#right p { margin-left: 5px; margin-right: 5px; }
	#right li { font-size: 12px; }

	/* =============== Footer */
	#footer {
		margin-top: 10px;
		color: white;
		text-align: center;
	}
	
	#resolutionnotice { margin-bottom: 0; }
	#footerlinks { margin-top: 5px; margin-bottom: 0; }
	#copyright { margin-top: 5px; }
	#contactnotice { width: 1000px; margin: 5px auto; font-size: 11px; }

	#footer a { color: white; }
	#footer a:hover { color: #99BADD; }
	
	/* =============== Hide in Screen */
	#printfooter { display: none; }
}

@media print {
	body {
		font-family: "Times New Roman";
		font-size: 12pt;
	}

	a { color: blue; text-decoration: none; }
	a img { border: 0; }
	
	p { line-height: 16pt; }
	h2 { font-size: 14pt; }
	li { margin-left: -30px; margin-bottom: 6pt; }
	table.datatable { width: 95%; }
	table.datatable td { vertical-align: top; }

	.bold { font-weight: bold; }
	.underline { text-decoration: underline; }
	
	/* =============== Sections */
	#contenttable { width: 100%; }
	#middle { vertical-align: top; }
	#right { vertical-align: top; font-size: 11pt; padding-left: 10px; width: 20%; }
	
	#printfooter {
		border-top: 1px solid black;
		margin-top: 100px;
		font-size: 16pt;
	}
	
	/* =============== Hide in Print */
	#navigation, #footer { display: none; }
}