
<!--

body {
	background-color:	#FFFFFF;
	font-family: 		Trebuchet MS, verdana,arial, sans-serif;
	font-size: 			10pt;
	color:				#333333;
	background-color:	#FFFFFF;
	margin:				4px 4px 4px 4px;
}

table {
	text-align:			left;
	border: 			0px;
	margin:				0px 0px 0px 0px;
	padding:			0px 0px 0px 0px;
}

caption {
	background-color: 	#006699;
	font-size: 			12pt;
	font-weight:		bold;
	color:				#eeeeee;
	text-align:			left;
	border: 			0px;
	margin:				0px 0px 0px 0px;
	padding:			2px 16px 2px 4px;
} 

th {
	background-color:	#666666;
	color:				#eeeeee;
	text-align:			left;
	border: 			0px;
	margin:				0px 0px 0px 0px;
	padding:			2px 16px 2px 4px;
}

td {
	padding:			2px 16px 2px 4px;
	vertical-align:		top;
}

.rowHighlight {
	background-color:	#ffffee;
}

fieldset {
	background-color:		#FFFFFF;
}

.hr {
	color:			#cccccc;
}

fieldset {
	padding:		10px 10px 10px 10px;
}

.picContainer {
	width: 			180px;
	height:			180px;
	padding:		0px 0px 0px 0px;
	float:			left;
	text-align:		center;
}

.padding {
	padding:		4px 10px 2px 12px;
}

.box {
	border:			1px solid #cccccc;
	padding:		0px 10px 0px 10px;
	margin:			0px 2px 10px 0px;
	background-color:#FFFFFF;
	/*-moz-border-radius: 12px; */
}

.redBox {
	border:			1px solid #CC0000;
	padding:		0px 0px 0px 0px;
	margin:			0px 2px 10px 0px;
	background-color:#ffffff;
}

.redBoxHeader {
	background-color: #CC0000;
	padding:		4px 4px 4px 4px;
	color:			#ffffff;
	font-weight:	bold;
}

.blueBox {
	border:			1px solid navy;
	padding:		0px 0px 0px 0px;
	margin:			0px 2px 10px 0px;
	background-color: #ffffff;
}

.blueBoxHeader {
	background-color: navy;
	padding:		4px 4px 4px 4px;
	color:			#ffffff;
	font-weight:	bold;
}

.grayBox {
	border:			1px solid #999999;
	padding:		0px 0px 0px 0px;
	margin:			0px 2px 10px 0px;
	background-color: #ffffff;
}

.grayBoxHeader {
	background-color: 	#999999;
	padding:			4px 4px 4px 4px;
	color:				#ffffff;
	font-weight:		bold;
}

.menuItemTop {
	padding:		0px 10px 0px 10px;
}

.menuItemFooter {
	padding:		0px 10px 0px 10px;
}

.headerTagLine {
	padding: 		0px 10px 0px 10px;
}

.footer {
	clear:			both;
	font-size: 		8pt;
	color:			#cccccc;
	text-align: 	center;
	padding:		10px 10px 10px 10px;
	border-color:	#eeeeee;
	border-top-style:dashed;
	border-top-width:thin;
}

h1 {
	font-size: 		14pt;
	font-weight: 	bold;
	color: 			#333333;
	border-bottom:	1px solid #666666;
}

h2 {
	font-size: 		11pt;
	font-weight: 	bold;
	color: 			#333333;
}

h3 {
	font-size: 		10pt;
	font-weight: 	bold;
	color: 			#333333;
}

div.formRow {
	clear: both;
	padding-top: 10px;
}

.formLabel {
	float: 			left;
	width: 			150px;
	text-align: 	right;
}

.formField {
	/* float: right; */
	padding-left: 	5px;
	width: 			250px;
	text-align: 	left;
}

.required {
	color:			#FF0000;
	font-weight:  	bold;
}

.alert {
	color:			#FF0000;
	font-weight:  	bold;
	background-color:#FFFFCC;
	padding:		4px 4px 4px 4px;
	border:			1px solid #666666;
}

.message {
	color:			#006600;
	font-weight: 	bold;
	background-color:#FFFFCC;
	padding:		4px 4px 4px 4px;
	border:			1px solid #666666;
}

.required {
	color:			#FF0000;
	font-size: 		7pt;
}

.red {
	color:			#FF0000;
}

.button {
  background-color: #C6C3C6;
  color: 			#000000;
  font-size: 		10pt;
}

.text {
  color: 			#000000;
  font-size: 		8pt;
}

.small {
  font-size: 		8pt;
}

.inActive {
	color:			#CCCCCC;
	font-style:		italic;
	text-decoration:line-through;
}

.white {
  color: 			#ffffff;
}

.whiteBold {
  color: 			#ffffff;
  font-weight: 		bold;
}

a {
	color: 				#003399;
	text-decoration: 	underline;
	font-weight:		bold;
}

a:link {
	color: 				#003399;
	text-decoration:	underline;
	font-weight:		bold;
}

a:visited {
	color: 				#000099;
	text-decoration:	underline;
	font-weight:		bold;
}

a:active {
	color: 				#0033CC;
	text-decoration:	none;
	font-weight:		bold;
}

a:hover {
	color: 				#0033CC;
	text-decoration:	underline;
	font-weight:		bold;
}

a.menu {
	color: 				#003399;
	text-decoration:	underline;
	font-weight:		bold;
}

a:link.menu {
	color: 				#003399;
	text-decoration:	underline;
	font-weight:		bold;
}

a:visited.menu {
	color:  			#003399;
	text-decoration:	underline;
	font-weight:		bold;
}

a:active.menu {
	color: 				#0033CC;
	text-decoration:	underline;
	font-weight:		bold;
}

a:hover.menu {
	color: 				#0033CC;
	text-decoration:	underline;
	font-weight:		bold;
}

.breadcrumb {
	font-size: 			8pt;
	color: 				#666666;
}

.stepTable {
	background-color:  	#FFFFCC;
	font-size: 			11px;
	line-height: 		15px;
	color: 				#999999;
	text-decoration: 	none;
	margin: 			0px 0px 10px 0px;
	width: 				100%;
}

.stepActive {
	background-color: #FFFF00;
	font-weight:bold;
	color: #000000;
	border:1px solid #666666;
}

.w3cButton {
	border:				0px;
	margin:				10px 10px 10px 10px;
}

.siteMapItem {
	margin: 			0px 0px 0px 20px;
}

.indent {
	margin-left:		20px;
}

.newsItem {
	font-size:			8pt;
	margin:				4px 0px 20px 0px;
}
	
.hiddenSeo {
	visibility:			hidden;
	font-size: 			2px;
}

#map{
	width:99%;
	height:500px;
	margin:0;
	border:1px solid #ccc;
	background-color:#ffffff;
	text-align:center;
}



/* ************************* */
/* SCROLLABLE TABLE STYLES   */
/* ************************* */

/* define height and width of scrollable area. Add 16px to width for scrollbar          */
div.tableContainer {
	clear: both;
	border: 1px solid #963;
	height: 400px;
	overflow: auto;
	width: 316px
}

/* Reset overflow value to hidden for all non-IE browsers. */
html>body div.tableContainer {
	overflow: hidden;
	width: 316px
}

/* define width of table. IE browsers only                 */
div.tableContainer table {
	float: left;
	width: 300px
}

/* define width of table. Add 16px to width for scrollbar.           */
/* All other non-IE browsers.                                        */
html>body div.tableContainer table {
	width: 316px
}

/* set table header to a fixed position. WinIE 6.x only                                       */
/* In WinIE 6.x, any element with a position property set to relative and is a child of       */
/* an element that has an overflow property set, the relative value translates into fixed.    */
/* Ex: parent element DIV with a class of tableContainer has an overflow property set to auto */
thead.fixedHeader tr {
	position: relative
}

/* set THEAD element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
html>body thead.fixedHeader tr {
	display: block
}

/* make the TH elements pretty */
thead.fixedHeader th {
	background: #C96;
	border-left: 1px solid #EB8;
	border-right: 1px solid #B74;
	border-top: 1px solid #EB8;
	font-weight: normal;
	padding: 4px 3px;
	text-align: left
}

/* make the A elements pretty. makes for nice clickable headers                */
thead.fixedHeader a, thead.fixedHeader a:link, thead.fixedHeader a:visited {
	color: #FFF;
	display: block;
	text-decoration: none;
	width: 100%
}

/* make the A elements pretty. makes for nice clickable headers                */
/* WARNING: swapping the background on hover may cause problems in WinIE 6.x   */
thead.fixedHeader a:hover {
	color: #FFF;
	display: block;
	text-decoration: underline;
	width: 100%
}

/* define the table content to be scrollable                                              */
/* set TBODY element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
/* induced side effect is that child TDs no longer accept width: auto                     */
html>body tbody.scrollContent {
	display: block;
	height: 374px;
	overflow: auto;
	width: 100%
}

/* make TD elements pretty. Provide alternating classes for striping the table */
/* http://www.alistapart.com/articles/zebratables/                             */
tbody.scrollContent td, tbody.scrollContent tr.normalRow td {
	background: #FFF;
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #CCC;
	border-top: 1px solid #DDD;
	padding: 2px 3px 3px 4px
}

tbody.scrollContent tr.alternateRow td {
	background: #EEE;
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #CCC;
	border-top: 1px solid #DDD;
	padding: 2px 3px 3px 4px
}

/* define width of TH elements: 1st, 2nd, and 3rd respectively.          */
/* Add 16px to last TH for scrollbar padding. All other non-IE browsers. */
/* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors        */
html>body thead.fixedHeader th {
	width: 100px
}

html>body thead.fixedHeader th + th {
	width: 100px
}

html>body thead.fixedHeader th + th + th {
	width: 116px
}

/* define width of TD elements: 1st, 2nd, and 3rd respectively.          */
/* All other non-IE browsers.                                            */
/* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors        */
html>body tbody.scrollContent td {
	width: 100px
}

html>body tbody.scrollContent td + td {
	width: 100px
}

html>body tbody.scrollContent td + td + td {
	width: 100px
}

#sidebar {
	width:				300px; 
	height:				300px; 
	overflow:			auto; 
	border: 			1px solid #cccccc;
	/* background-image:	url(../img/bg-02.gif);
	background-repeat:	no-repeat;
	background-position:top; */
}

-->