body, a, p, td, li, input, h3, textarea, select
{
	font-family: verdana;
	font-size: 11px;
	color: #191919;
}

body
{
	margin:0;
	padding:0;
	background-color: white;
}


/* wrap everything in this to center. see:
	http://www.bluerobot.com/web/css/center2.html */
.centerizer
{
	position: absolute;
	left: 50%;
	width: 780px;
	margin-left: -390px;
}


.centerizer {}

h3 { display: inline }

	/* when you use EM within another EM ... */
	em em { font-style: normal }

a
{
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	color: #0663CC;
}

	a:hover	{ text-decoration: underline }
	
	a.black { color: #000 }
	a.black:visited	{ color: #555 }

a.smallThin { font-size: 10px }
a.smallerThin {	font-size: 9px }

.footer { color: #888 }
.footer a
{
	color: #191919;
	font-size: 10px;
}
.footerCopyright
{
	color: #555;
	font-size: 9px;
	padding-top:24px;
}
	
.bold {	font-weight: bold }
img.vmiddle { vertical-align: middle }
.noRepeatBG { background-repeat: no-repeat }
.noWrap { white-space: nowrap }
/* .clearFloats { clear:both; line-height:1px; height:1px; font-size:1px } */
.clearFloats { clear:both; visibility:hidden;
	line-height:0; height:0; margin:0; padding:0 }

/*---------------------- other text traits */

/* line height -- for more readable spacing */
.spacey { line-height: 15px }
.small { font-size: 10px }

/* all input boxes */
input { font-size: 10px }
input.bold { font-weight: bold }

select.smallThin
{
	font-size: 10px;
	font-weight: normal;
}

/* for "you are here" */
.gray { color: #bbb }

/*-----------------------*/


.pad8 { padding: 8px }
.pad9 { padding: 9px }
.pad14 { padding: 14px }

/* dotted horizontal line. currently is 100% wide only */
.wideDottdedLine
{
	left: 0px;
	width: 100%;
	height: 1px;
	padding: 4px 0px 4px 0px;

	background: url(../uimages/dotted-horiz-line.gif);
	background-repeat: repeat-x;
	background-color: none;
}

/* dotted horizontal line. currently is 100% wide only */
.wideDottdedLineClearBG
{
	left: 0px;
	width: 100%;
	height: 1px;
	padding: 4px 0px 4px 0px;

	background: url(../uimages/dotted-horiz-line.gif);
	background-repeat: repeat-x;
}

.horizontalDottedLine
{
	height: 1px;
	background: url(../uimages/dotted-horiz-line.gif);
	background-repeat: repeat-x;
}

.newDottedLine { height: 1px; line-height:1px; font-size:1px;
			background: url(../uimages/dotted-horiz-line.gif) repeat-x transparent; width:100%}

/* used to simplify the creating of printer-friendly versions; just hide
	anything in the left/right columns. no need to change the source file
	to eliminate menu widgets, for example.
*/
.hiddenText
{
	position: absolute;
	top: 100px;
	left: 100px;
	width: 100px;
	visibility: hidden;
}

/*----------- TEMPLATE POSITIONS ------------*/

.topBanner
{
	z-index: 80;
	position: absolute; /* fixed*/
	top: 0px;
	left: 0px;
	width: 764px;
}

.navPosition
{
	z-index: 100;
	position: absolute; /* fixed; */
	top: 74px;
	left: 20px;
	width: 150px;
}

.searchContainer
{
	z-index: 500;
	position: absolute;
	top: 5px;
	left: 619px;
	width: 142px; 
}
			
	/* for the search text field */
	.searchInput
	{
		font-size: 9px;
		width: 95px;
		height: 14px;
		border: 0px; /* 1px solid green; */
	}
	
	/* for the image input field */
	.searchButton
	{
		width: 42px;
	}
	
	/* for TD tag surrounding the go button */
	.searchButtonCell
	{
		background-repeat: no-repeat;
		width: 42px;
	}
		
.utilitiesContainer
{
	z-index: 510;
	position: absolute;
	top: 27px;
	left: 602px;
	width: 160px; 
}


/*---------- BANNERS-----------*/

td.leftBannerBox
{
	background-color: #F7F7F7;
	padding: 9px 9px 9px 20px;
}