@charset "utf-8";
/* Fixes firefox to always show vertical scroll-bars */
html {
	overflow: -moz-scrollbars-vertical;
	overflow-x: auto;
}
/* 	Sets the default font, font color and page background.  Font size is set to .75em, which is equal to 12px.
	Setting the font size in ems allows accessability users to resize the font if needed.
	Sets the page margins and padding to 0px */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #999999;
	margin: 0px;
	padding: 0px;
	font-size: .75em;
}
h1 {
	font-size: 1.5em;
	color: #990000;
	margin-top: 10px;
	margin-bottom: 20px;
	padding-bottom: 2px;
	background-image: url(/images/h1BG.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
h2 {
	font-size: 1.3em;
	color: #444444;
}

h3 {
	font-size: 1.1em;
	color: #444444;
	margin: 0px;
	line-height: normal;
}

/* This rule enables PNG transparency for IE 5.5 & 6.  Apply this class to any PNG image on the page */
.PNGimage {
	behavior: url(/pngfix/iepngfix.htc)
}
/*	This rule creates a clearing element.  It's placed below floated elements to ensure that the float's container
	element expands to hold the floats. */
.clearFloat {
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 0px;
}
img.lfloat-paragraph {
	float: left;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
img.noBorder {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


p.getPdfViewer {
	margin-top: 30px;
	margin-bottom: 30px;
}
p.getPdfViewer  img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
/*	Adds the pdf icon to a link with this rule */
a.pdfLink {
	background-image: url(/images/pdficon_small.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 22px;
	line-height: 1.5em;
}
a.pptLink {
	background-image: url(/images/pptIcon.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 22px;
	line-height: 1.5em;
}
a.wordLink {
	background-image: url(/images/wordficon_small.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 22px;
	line-height: 1.5em;
}
a.xlsLink {
	background-image: url(/images/xlsIcon.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 22px;
	line-height: 1.5em;
}
.redText {
	color: #990000;
}

a.emailLink {
	background-image: url(/images/emailicon_small.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 21px;
}
a.orangeLink {
	font-size: 1.1em;
	color: #C30;
	text-decoration: none;
	font-weight: bold;
}
a:hover.orangeLink {
	color: #C90;
	text-decoration: underline;
}
img.centerAlign {
	display: block;
	margin-right: auto;
	margin-left: auto;
}


.largetext {
	font-size: 1.2em;
}

.pdfIcon {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-left: 4px;
}

.accessKey {
	color: #006600;
	text-decoration: underline;
}




/* Creates the page drop shadow by centering the BG image in a 100% width box */
#drpShadowWrapper {
	background-image: url(/images/pgDropShadowBG.gif);
	background-repeat: repeat-y;
	background-position: center;
	width: 100%;
}
/* Sets page width and centers page. */
#pageWrapper {
	background-color: #3D3E3E;
	width: 970px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
/* Wrapper for the primary page area below the main menu.  The faux column BG image for the
	left column is applied to this div. */
#pageContentWrapper {
	background-image: url(/images/col1BG.jpg);
	background-repeat: repeat-y;
	background-position: left;
}
/*	controlls the left page column.  Column is set to width 200 px and floated left.
	Setting display to inline fixes the IE6 double margin/padding bug.  Standards compliant
	browsers ignore this setting. */
#col1 {
	display: inline;
	float: left;
	width: 200px;
	margin-top: 0px;
}
#col1 h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #FEB89A;
	margin-top: 6px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	margin-right: 6px;
	margin-bottom: 3px;
	margin-left: 6px;
	background-image: none;
}
/*	Turns an empty div into a 10px spacer */
.spacer  {
	height: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	line-height: 0px;
	font-size: 0px;
	background-color: #3D3E3E;
	background-image: url(/images/col1SpacerBG.jpg);
}
/*	Top spacer pushing col1 content down 10px */
#col1TopSpacer {
	font-size: 0px;
	line-height: 0px;
	background-color: #3D3E3E;
	height: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
}

/*	Controls the right page column.  Floated right, sized and set to display inline
	for same reasons as col1 above. */
#col2 {
	display: inline;
	float: right;
	width: 770px;
}
/*	Controls the col2Content div.  Sets a margin and 12px pad for the content inside
	Sets the BG to white as well.  All the actual page content goes in this div
	Also sets a minimum page height */
#col2Content {
	margin: 10px;
	padding: 12px;
	background-color: #FFFFFF;
	min-height: 460px;
	height: auto !important;
	height: 460px;
}
/* Creates the bottow page drop shadow by placing a BG image center top in a 100% width box */
#drpShadowBotWrapper {
	background-image: url(/images/pgDrpShadowBG_Bot.gif);
	background-repeat: no-repeat;
	background-position: center top;
	width: 100%;
}
/* Sets width and centers bottom footer */
#pageFooterWrapper {
	padding: 0px;
	width: 970px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: right;
}
.centerText {
	text-align: center;
}