@media print {
	.HeaderBar {
		display: none;
	}
	.PageBreak {
		page-break-before: always;
	}
	.ScreenOnly {
		display: none;
	}
	.FullScreen {
		width: 90%;
	}
}

@media screen {
	.HeaderBar {
		background-color: silver; 
		width: 100%; 
		padding: 5px;
	}
	.PageBreak {
		display: none;
	}
	.PrintOnly {
		display: none;
	}
	.FullScreen {
		width: 600px;
	}
}
	html, body {
		height: 100%;
	}
	body {
		margin: 0;
		padding: 0;
		background-color:#BBBBBB;
	}
	body, td {
		font-family: Verdana, Arial, sans-serif; 
		font-size: 12px;
	}
	h1 {font-size: 24px;}
	h2 {font-size: 18px; font-weight: bold;}
	h3 {font-size: 14px; font-weight: bold;}
	.AltColorRow {
		background-color : #ccffff;
	}

	.FormLabel, .FieldLabel {
		font-weight:bold;
	}
	
	.Warning {
		color:red;
		font-weight:bold;
	}
	.AsideInformation {
		font-style:italic;
	}
	
	/* 
		*****************************************
		*** The next section of rule applies to general site layout
		*****************************************
	*/	
		/*
			The next two definitions employ an exploit of two bugs in IE6 to get the proper effect.
			Since IE will end the definition when it sees }, regardless of it being in quotes as the value of a property,
			IE's Container definition stops with the first voice-family property.  Since IE also does not understand the html>body 
			syntax, we are able to define things we want to pass to non-IE browers in this definition.
		*/
		#OuterWrapper {
			position: relative;
			min-height: 100%;
			height: 100%;
			text-align:center;
			voice-family: "\"}\"";
			voice-family: inherit;
		}
		html>body #OuterWrapper {
			height: 100%;
			width: 760px;
			margin-left: auto;
			margin-right: auto;
			background-color: white;
		}
		#InnerWrapper {
			min-height:100%;	/* IE will ignore this property */
			border-left:1px solid #000;
			border-right:1px solid #000;
			margin-bottom:-42px;
			text-align:left;
			width: 760px;
			background-color: white;
		}
		* html #InnerWrapper {
			/* This ruel will only be applied in IE */
			height: 100%;
		}
		#ClearHeader{height:160px;}/*needed to make room for header*/
		#ClearFooter{clear:both;height:50px;}/*needed to make room for footer*/
		#Header{
			width:100%;
			position:relative;
		}
		#MainContent {
			padding-left: 20px;
			margin-right: 20px;
		}
		#Footer {
			width:100%;
			clear:both;
			height:50px;
			text-align:center;
			background-color:white;
			width: 760px;
			border-left:1px solid #000;
			border-right:1px solid #000;
		}
		.NavigationBar {
			background-color: #999966;
			color: white; 
			text-align: left; 
			padding-left: 5px; 
			font-weight: bold;
			padding-bottom: 2px; padding-top: 2px;
		}
		* html .NavigationBar {
			/* This ruel will only be applied in IE */
			margin-right: -3px;
			padding-right: 7px;
		}
		
		A.NavigationLink, .NavigationLink, A:Link.NavigationLink, A:Visited.NavigationLink {
			color: white;
			text-decoration: none;
		}
		A:Hover.NavigationLink {
			color:white;
			text-decoration:underline;
		}
			
		A:Link.DropDownLinks, A:Visited.DropDownLinks {
			color: white;
			text-decoration: none;
		}
		A:Hover.DropDownLinks {
			color: white;
			text-decoration: underline;
		}
	/* 
		*****************************************
		*** The ends the section of rules applying to general site layout
		*****************************************
	*/
.RequiredField {
	color: red;
	font-weight: bold;
}