/* =============================================================================

  created by Raymond Truong
  2006.2.10

============================================================================= */


/* GENERAL STYLES =========================================================== */

  body { font: 11px Verdana; color: #000; background-color: #ffffff; margin: 0 0 0 0; }
  td { font: 11px Verdana; }
  textarea { font: 11px Verdana; }
  input { font: 11px Verdana; }
  select { font: 11px Verdana; }

  a { font: bold 11px Verdana; color: #747474; text-decoration: none; }
  a:hover { font: bold 11px Verdana; color: #ff0000; text-decoration: none; }
  
  .horizonLine { background-color:#b0b0b0; }
  .horizonLineGray { background-color:#c7c7c7; }
  
  .whiteBG { background-color:#fff; }
  
  .borderCollapse { border-collapse:collapse; }
  
  .navBox { border: 0px solid #CDB09C; }
  .nav { display: block; font: bold 10px Verdana; color: #96684D; background-color: #EDE1D7; text-decoration: none; }
  .nav a { display: block; font: bold 10px Verdana; color: #96684D; background-color: #EDE1D7; padding: 2px 3px 3px 3px; text-decoration: none; }
  .nav a:hover { display: block; font: bold 10px Verdana; color: #000; background-color: #D9C1B0; padding: 2px 3px 3px 3px; text-decoration: none; }
	
	#menuBox { border: 1px solid #CDB09C; }
  #menu DIV { font: bold 11px Verdana; color: #000; text-align:center; padding: 0px 0px 6px 0px; text-decoration: none; }
  #menu a { font: bold 11px Verdana; color: #000; text-align:center; text-decoration: none; }
  #menu a:hover { font: bold 11px Verdana; color: #ff0000; text-align:center; text-decoration: none; }
  
  .bullet { display: block; font: bold 10px Verdana; color: #B38C72; background-color: #B38C72; padding: 5px 5px 5px 5px; text-decoration: none; }
	
  .hiddenText { font: 1px Verdana; color: #fff; }

/* END GENERAL STYELS ======================================================= */


#menuBG {
	MARGIN-BOTTOM: 0px; COLOR: #ffffff; BACKGROUND-COLOR: #000
}
#outerMenu UL {
	COLOR: #000000; BACKGROUND-COLOR: #ffffff
}
#outerMenu UL LI {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px;
}
.noMenu IMG {
	COLOR: #ffffff; BACKGROUND-COLOR: #fff
}
#outerMenu SPAN.menuHead {
	PADDING-RIGHT: 2px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-RIGHT: 10px;
}
#outerMenu SPAN.menuHead A {
	font: bold 11px Verdana; color: #747474; BACKGROUND-COLOR: #ffffff; TEXT-DECORATION: none;
}
#outerMenu SPAN.menuHead A:hover {
	font: bold 11px Verdana; color: #ff0000; text-decoration: none;
}
#outerMenu SPAN.menuHead A:active {
	TEXT-DECORATION: underline
}
#outerMenu DIV.menuDropBox {
	COLOR: #fff; BACKGROUND-COLOR: #F7F1ED
}
#outerMenu DIV.menuDropBox A {
	COLOR: #747474; BACKGROUND-COLOR: #F7F1ED; TEXT-DECORATION: none
}

#outerMenu DIV.menuDropBox A:hover {
	font: bold 11px Verdana; color: #ff0000; text-decoration: none;
}
#outerMenu DIV.menuDropBox A:active {
	COLOR: #747474; BACKGROUND-COLOR: #F7F1ED; TEXT-DECORATION: none;
}

#outerMenu DIV.menuDropBox A.menuSwitch:hover {
	COLOR: #747474; BACKGROUND-COLOR: #F7F1ED; TEXT-DECORATION: none
}
#outerMenu DIV.menuDropBox A.menuSwitch:active {
	COLOR: #747474; BACKGROUND-COLOR: #F7F1ED; TEXT-DECORATION: none
}
#outerMenu DIV.menuDropBox UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 2px; PADDING-BOTTOM: 0px; COLOR: #747474; PADDING-TOP: 0px; BACKGROUND-COLOR: #F7F1ED
}
#outerMenu DIV.menuDropBox UL LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 2px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#outerMenu DIV.menuDropBox {
	font: bold 11px Verdana;
}


/* HEADER TITLE and SUBTITLE ================================================ */
   .title { font: bold 11px Verdana; color:#747474; margin: 12 5 20 5;}
   .titleLink { font: bold 11px Verdana; color:#747474; }
  a.titleLink { font: bold 11px Verdana; color:#747474; }
  a.titleLink:hover { font: bold 11px Verdana; color:#747474; }
   .subTitle { font: bold 13px Verdana; color: #000; padding-top: 5px; }
  
  .titleFiller { background-image:url('../images/cont_header_filler.gif'); padding: 12px 3px 10px 3px; margin: 0 10 0 10; height:43px; }
	
	.titleLabel { font: bold 15px Verdana; color:#000;}
/* END OF HEADER TITLE and SUBTITLE ========================================= */


/* COMMON STYLES ============================================================ */

  .borderTop { border-top:1px solid #CCCCCC; }
  .borderLeftGray { border-left: gray 1px solid; }
  
  .RcolumnInput { font: 10px Verdana; background-color: #fff; color: gray; border: 1px solid gray; } 
  .RcolumnSelect { font: 10px Verdana; background-color: #fff; color: #000; border: 1px solid gray; }
  .RcolumnButton { font: bold 10px Verdana;  background-color: #fff;  color: #919191;  border: 1px solid gray; cursor: hand;  padding-left:3px;  padding-right:3px; }
  
  .formTextbox { font: 12px Verdana; }
  .formButton { background-color: #FF9900; border: 1px solid #C37500; font: bold 10px Verdana; color: #fff; cursor: hand; background-image: url('../images/bg_button.gif'); height:22px; }
  .formButtonDisabled { background-color: #dedede; border: 1px solid #aaa; font: bold 10px Verdana; color: #fff; cursor: hand; height:22px; }
  .formButtonSmall { background-color: #FF9900; border: 1px solid #C37500; font: bold 10px Verdana; color: #fff; cursor: hand; background-image: url('../images/bg_button.gif');  }
  
  .goLink { font: bold 10px Verdana; color: #BBDDFF; cursor: hand; text-decoration:none; }
 a.goLink { font: bold 10px Verdana; color: #BBDDFF; cursor: hand; text-decoration:none; }
 a.goLink:hover { font: bold 10px Verdana; color: #BBDDFF; cursor: hand; text-decoration:none; }
  
  .textContainer { padding: 8px; }
  .paragraphTitle { font: bold 14px Verdana; }
  
  .footerText { font: 10px Verdana; padding-bottom:4px; color: #000; }
 a.footerText { font: 10px Verdana; color: #000; padding-bottom:4px; text-decoration: none; }
 a.footerText:hover { font: 10px Verdana; color: #ff0000; padding-bottom:4px; text-decoration: underline; }
  
  .topNav { font: 10px Verdana; color: #fff; }
	
	.subNav { padding:5px 0px 5px 0px; font: 12px Verdana; color: #000; }
 a.subNav { font: 12px Verdana; color: #000; text-decoration: none; }
 a.subNav:hover { font: 12px Verdana; color: #ff0000; text-decoration: underline; }
 
 	.itemSelected { border: 1px solid #000; }
  
  .contentContainer { border:1px solid #EADDD3; padding:7px; }
  .contentTable { padding:4px 6px 4px 6px; }
  .contentTitle { font: bold 11px Verdana; color: #000; }
  .content { font: bold 11px Verdana; color: #000; padding: 0px 3px 1px 3px; background-color: #C7C7C7; }
  .contentSubHeader { font: 10px Verdana; color: #000; padding: 0px 3px 1px 2px; background-color: #EDEDED; }
  .contentText { font: bold 10px Verdana; height:20px; padding: 1px 3px 1px 3px; color: #000; border: 1px solid #ccc; }
 a.contentText td { font: bold 10px Verdana; height:20px; padding: 1px 3px 1px 3px; color: #000; border: 1px solid #ccc; }
 a.contentText:hover td { font: bold 10px Verdana; height:20px; padding: 1px 3px 1px 3px; color: #F00; border: 1px solid #ccc; text-decoration:underline; }
	
	
  .contentTextAlt { font: bold 11px Verdana; height:20px; color: #999; padding: 3px 3px 3px 3px; background-color: #F7F1ED; }
  .contentTextAlt2 { font: bold 11px Verdana; color: #000; padding: 3px 3px 3px 3px; background-color: #F7F1ED; }
  .contentBlack { font: 10px Verdana; padding: 1px 3px 1px 3px; color: #000; }
  .contentOrange { font: 12px Verdana; color: #FF9900; }
  .contentWhite { color: #fff; }
 a.contentWhite:hover { color: #fff; text-decoration: none; }
  .contentRed { font: bold 11px Verdana; color: #FF0000; }
  
  .tableHeader { font: bold 10px Verdana; color: #656565; background-color: #8BAED8; padding-left:5px; padding-right:5px; }
  
  .label { font-weight: bold; }
  .textAlert { font: bold 12px Verdana; color: #ff0000; }
  .infoTextSmallItalic { font: italic 10px Verdana; }
  
  .alertBarTitle { font: bold 10px Verdana; color: #666; }
  .alertBarText { font: bold 10px Verdana; color: #000; }
  
  .verticalSeparator { background-color: #1B6EC0; width: 1px; }
  

/* END COMMON STYLES ======================================================== */


/* --- menu styles ---

/* level 0 inner */
.m0l0iout {
	font-family: sans-serif, Tahoma, Verdana, Geneva, Arial, Helvetica;
	font-size: 12px;
	text-decoration: none;
	margin: 4px 0 0 8px;
	color: #FFFFFF;
}
.m0l0iover {
	font-family: sans-serif, Tahoma, Verdana, Geneva, Arial, Helvetica;
	font-size: 12px;
	text-decoration: underline;
	margin: 5px 0 0 8px;
	color: #FFFFFF;
}

/* level 0 outer */
.m0l0oout {
	text-decoration : none;
	background-image: url(img/lev0_bg1.gif);
	border: 1px solid #336699;
	background-color: #2C5F93;
}
.m0l0oover {
	text-decoration : none;
	background-image: url(img/lev0_bg2.gif);
	background-color: #2C5F93;
	border: 1px solid #336699;
}

/* level 1 inner */
.m0l1iout {
	font-family: sans-serif, Tahoma, Verdana, Geneva, Arial, Helvetica;
	font-size: 12px;
	margin: 4px 0 0 17px;
	color: #FFFFFF;
}
.m0l1iover {
	font-family: sans-serif, Tahoma, Verdana, Geneva, Arial, Helvetica;
	font-size: 12px;
	margin: 4px 0 0 17px;
	color: #FFFFFF;
}

/* level 1 outer */
.m0l1oout {
	text-decoration : none;
	background-color: #5286BB;
	border: 1px solid #336699;
	padding: 0;
}
.m0l1oover {
	text-decoration : none;
	background-color: #1A4D81;
	background-image: url(img/lev1_arrow.gif);
	background-repeat: no-repeat;
	border: 1px solid #336699;
	padding: 0;
}


/* left NAV */

TABLE#pagethrough DIV {
	BORDER-RIGHT: #b35988 1px solid; BORDER-TOP: #b35988 1px solid; BORDER-LEFT: #b35988 1px solid; BORDER-BOTTOM: #b35988 1px solid
}
#leftnavdiv DIV {
display: block; font: bold 10px Verdana; color: #96684D; background-color: #EDE1D7; text-decoration: none;
 border: 1px solid #CDB09C; 
}
#leftnavdiv TD {
	BORDER-BOTTOM: #ffffff 0px solid;
}
#leftnavdiv A:link {
display: block; font: bold 10px Verdana; color: #96684D; background-color: #EDE1D7; padding: 2px 3px 3px 3px; text-decoration: none; 

}
#leftnavdiv A:visited {
display: block; font: bold 10px Verdana; color: #96684D; background-color: #EDE1D7; padding: 2px 3px 3px 3px; text-decoration: none; 

}

#leftnavdiv A:hover {
display: block; font: bold 10px Verdana; color: #000; background-color: #D9C1B0; padding: 2px 3px 3px 3px; text-decoration: none; 
}