H1 {FONT-WEIGHT: bold; FONT-SIZE: 14pt; COLOR: #880202; FONT-FAMILY: arial, helvetica, sans-serif}
H2 {FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: #993333; FONT-FAMILY: arial, helvetica, sans-serif}
H3 {FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: arial, helvetica, sans-serif}
H4 {FONT-WEIGHT: normal; FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: arial, helvetica, sans-serif}
H5 {FONT-WEIGHT: normal; FONT-SIZE: 9pt; COLOR: #000000; FONT-FAMILY: arial, helvetica, sans-serif}
H6 {FONT-WEIGHT: bold; FONT-SIZE: 12pt; COLOR: #880202; FONT-FAMILY: arial, helvetica, sans-serif}

..bullethover {
	color: #000000;
	text-decoration: none;
}


..scroll{
position:absolute;
left:290px;
top:85px;
}

..scroll2{
position:absolute;
left:115px;
top:328px;
} 

..scroll3{
position:absolute;
left:115px;
top:355px;
}

..hoverStyle{
color:#ff9900;
text-decoration:underline;
}

..displays{
	color:white;
	font-size: 11px;
	padding: 0px;
	position:relative;
	left:0px;
	background-image: url(img/img/light_blue_with_white_tab_5.gif);
}

a:link {color:#0000FF; FONT-SIZE: 10pt; text-decoration: underline; FONT-FAMILY: arial, helvetica, sans-serif}
a:visited {color: #0033CC; FONT-SIZE: 10pt; FONT-FAMILY: arial, helvetica, sans-serif}
a:hover {color:#993333;	FONT-WEIGHT: NORMAL; FONT-SIZE: 10pt; text-decoration: none; FONT-FAMILY: arial, helvetica, sans-serif}
a:active {color: #3333FF; FONT-SIZE: 10pt; text-decoration: underline; FONT-FAMILY: arial, helvetica, sans-serif}
.inactive {color: #999999; font-family: 'arial'; font-size: 10pt} 

div.menuBar,
div.menuBar a.menuButton,
div.menu,
div.menu a.menuItem {
  font-family: Arial, sans-serif;
  font-size: 8pt;
  font-style: normal;
  font-weight: normal;
  color: #ffffff;
}

div.menuBar {
  background-color: #993300;
  font-size: 8pt;
  border: 0px outset #e0e0e0;
  padding: 4px 2px 4px 2px;
  text-align: left;
}

div.menuBar a.menuButton {
  background-color: transparent;
  border: 0px solid #e0e0e0;
  color: #ffffff;
  cursor: default;
  left: 0px;
  margin: 5px;
  padding: 2px 6px 2px 6px;
  position: relative;
  text-decoration: none;
  top: 0px;
  z-index: 100;
}

div.menuBar a.menuButton:hover {
  background-color: transparent;
  border: 0px outset #e0e0e0;
  color: #000000;
}

div.menuBar a.menuButtonActive{
  background-color: #CC9933;
  border: 0px inset #FFFFFF;
  color: #ffffff;
  left: 0px;
  top: 0px;
}

div.menu {
  background-color: #CC9933;
  border: 1px #FFFFFF solid;
  left: 0px;
  padding: 1px 1px 1px 1px;
  position: absolute;
  top: 0px;
  visibility: hidden;
  z-index: 101;
}

div.menu a.menuItem {
  color: #ffffff;
  /* cursor: default; */
  display: block;
  padding: 3px 1em;
  text-decoration: none;
  white-space: nowrap;
}

div.menu a.menuItem:hover{
  background-color: #993333; /* 66cccc */
  color: #CCCCCC;
}

div.menu a.menuItem span.menuItemText {}

div.menu a.menuItem span.menuItemArrow {
  margin-right: -.75em;
}

div.menu div.menuItemSep {
  border: 1px inset #e0e0e0;
  margin: 4px 2px;
}

div.menu a.menuItemHighlight  { 
  background-color: #CC9933; /* 66cccc */
  color: #660033;
 } 

div.menuBar a.menuButtonActive:hover  { 
  background-color: #CC9933;
  border: 0px inset #FFFFFF;
  color: #ffffff;
  left: 0px;
}

/* define height and width of scrollable area. Add 16px to width for scrollbar          */
div.tableContainer {
	clear: both;
	border: 1px solid #963;
	height: 365px;
	overflow: auto;
	width: 450px
}

/* Reset overflow value to hidden for all non-IE browsers. */
html>body div.tableContainer {
	overflow: hidden;
	width: 450px
}

/* define width of table. IE browsers only                 */
div.tableContainer table {
	float: left;
	width: 433px
}

/* define width of table. Add 16px to width for scrollbar.           */
/* All other non-IE browsers.                                        */
html>body div.tableContainer table {
	width: 450px
}

/* 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: #CC9933;
	border-left: 1px solid #CC9933;
	border-right: 1px solid #B74;
	border-top: 1px solid ##CC9933;
	font-weight: bold;
	color: #FFFFFF;
	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: #FFFFFF;
	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: 262px;
	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: 200px
}

html>body thead.fixedHeader th + th {
	width: 240px
}

html>body thead.fixedHeader th + th + th {
	width: 316px
}

/* 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: 200px
}

html>body tbody.scrollContent td + td {
	width: 240px
}

html>body tbody.scrollContent td + td + td {
	width: 300px
}