BODY {
    font-family: verdana, arial, helvetica, sans-serif;
    margin: 0px;
    background-color: white;
    font-size:x-small;
}
TABLE.header
{  width: 95%;
    margin-top: -10px;
    Margin-bottom: 0px;
}
TableNarrow.header
{   width: 70%;
    margin-top: -10px;
    margin-bottom: 0px;
}
IMG.tableimgtop
{   border-collapse: collapse;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    margin-left: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-left: 0px;
    position: relative;
    top:-1px;
}
IMG.tableimgbottom
{   border-collapse: collapse;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    margin-left: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-left: 0px;
    position: relative;
    bottom: -1px;
}
TD.headertitle
{   font-weight: bold;
    font-size: 75%;
    color: #336699;
    background-color: #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    vertical-align: top;
    padding-top: 10px;
    width: 100%;
}
TD.headerline
{   background-repeat : repeat-x;
    background-position : top;
    height: 30px;
    vertical-align: top;
}
TD.headerimg
{  padding: 12px;    
   width: 50px;
   height: 100%;
   vertical-align: top;
}
TD.codestring
{  padding-left: 8px;

}
Table.imgleft
{  width: 95%
}
TABLE.table
{     
    border-collapse: collapse;
    Margin-bottom: 15px;
    margin-left: 10px;
}
TABLE.codestring
{   margin-top: -10px;
    width: 90%;
    text-align: left;
}
TD.tabletopleft
{    
    margin: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-left: 0px;
    border-collapse: collapse;
    background-color: #BBCDE3;
    text-align : left;
}
TD.tabletopright
{   margin: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-left: 0px;
    border-collapse: collapse;
    background-color: #BBCDE3;
    text-align: right;
}
TD.tabletop2
{   margin: 0px;
    padding: 0Px;
    border-collapse: collapse;
    background-color: #BBCDE3;
}
TH.table
{   background-color: #BBCDE3;
    font-family: Verdana,  arial, sans-serif;
    font-size: 70%;
    font-weight: bold;
    color: #000000;
    padding-right: 14px;
    padding-top: 5px;
    padding-left: 14px;
    padding-bottom: 9px;
    text-align: left;
    vertical-align: top;
    margin: 0px;
    border-collapse: collapse;
}
TD.table
{   background-color: #F2F3E1;
    font-family: Verdana,  arial, sans-serif;
    font-size: 65%;
    font-weight: normal;
    color: #000000;
    padding-right: 14px;
    padding-top: 5px;
    padding-left: 14px;
    padding-bottom: 5px;
    text-align: left;
    vertical-align: top;
    margin: 0px;
    border-collapse: collapse;
}
span.bold
{     font-weight: bold;
}
TD.tablebottom
{   background-color: #F2F3E1;
    font-family: Verdana,  arial, sans-serif;
    font-size: 65%;
    font-weight: normal;
    color: #000000;
    padding-right: 14px;
    padding-top: 5px;
    padding-left: 14px;
    padding-bottom: 5px;
    text-align: left;
    vertical-align: top;
    margin: 0px;
    border-collapse: collapse;
}
TD.tableendleft
{   margin: 0px;
    padding: 0px;
    border-collapse: collapse;
    background-color: #F2F3E1;
    text-align: left;
}
TD.tableendright
{   margin: 0px;
    padding: 0px;
    border-collapse: collapse;
    background-color: #F2F3E1;
    text-align: right;
}
TD.tableend2
{   margin: 0px;
    padding: 0px;
    border-collapse: collapse;
    background-color: #F2F3E1;
}
TABLE.checklist
{ border-collapse: collapse;
width: 90%;
margin-left: 55px;
margin-top: 10px;
margin-bottom: 15px;
}
TH.checklist
{   width: 33%;
    background-color: #F2F3E1;
    font-family: Verdana,  arial, sans-serif;
    font-size: 70%;
    font-weight: bold;
    color: #000000;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: left;
}
TD.checklist
{   background-color: #FFFFFF;
    font-family: Verdana,  arial, sans-serif;
    font-size: 70%;
    font-weight: normal;
    color: #000000;
    padding: 10px;
    text-align: left;
}
TD.checklist2
{   background-color: #FFFFFF;
    font-family: Verdana,  arial, sans-serif;
    font-size: 70%;
    font-weight: normal;
    color: #000000;
    padding: 10px;
    text-align: center;
}
TD.normal
{   font-family:Verdana,  arial, sans-serif;
    font-size: 70%;
}
TD.checklistimg
{   background-color: #FFFFFF;
    text-align: center;
    padding: 15px;
}
#parag{
    margin-top: 3px;
    margin-bottom: 3px;
}
#hintbox{ /*CSS for pop up hint box */
    position:absolute;
    top: 0;
    background-color: lightyellow;
    width: 150px; /* Default width of hint can be set.*/ 
    padding: 3px;
    border:1px solid black;
    font:normal 11px Verdana;
    line-height:14px;
    z-index:100;
    border-right: 3px solid black;
    border-bottom: 3px solid black;
    visibility: hidden;
}
Table.hintbox th
{   font-size :xx-small;
    background-color: #006699;
    color: White;
}
Table.hintbox td
{   font-size: xx-small;
    color: Black;
}
.menustyle
{   font-size: 7pt; 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin: 0px;
    color: #ffffff; 
    background-color: #000099; 
    font-weight: bold; 
    white-space: nowrap;
    cursor: hand;
}
.menuOver 
{   font-size: 7pt;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin: 0px;
    background: #0000ff;
    white-space: nowrap;
    cursor: hand;
    }
.menuitem 
{   font-size: 7pt;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin: 0px;
    background: #000099;
    white-space: nowrap;
    cursor:hand;
}
.horizontalMenuItem
{   border: 1px solid #CCCCCC;
    background-color: #F9F9F9;
    height: 12px;
    cursor: auto; 
    cursor: hand;
    font-family: Tahoma;
    font-size: 11px;
    color: #666666;
    text-align: left;
}
.horizontalMenuItemOver 
{   border: 1px solid #CCCCCC;
    background-color: #B2D865;
    cursor: auto; 
    cursor: hand;
    font-family: Tahoma;
    font-size: 11px;
    height: 12px;
    color: #FFFFFF;
    text-align: left;
}
.rootItem
{   padding-left: 10px;
    padding-top: 1px;
    padding-bottom: 1px;
    font-family: Tahoma;
    font-size: xx-small;
    font-weight: bold;
    color: #404040;
    border: solid 1px #F1F1F1;
}
.rootSelItem
{   padding-left: 10px;
    padding-top: 1px;
    padding-bottom: 1px;
    font-family: Tahoma;
    font-size: xx-small;
    font-weight: bold;
    color: #404040;
    border: solid 1px black;
    background-color: White;
}
.submenuItem
{   height: 18px;
    padding: 0px;
    font-family: Tahoma;
    font-size: xx-small;
    color: #404040;
    border: solid 1px #F1F1F1;
}
.submenuSelItem
{   height: 18px;
    padding: 0px;
    font-family: Tahoma;
    font-size: xx-small;
    color: #404040;
    border: solid 1px black;
    background-color: #D0D0D0;
}
.menu
{   padding:1px;
    background-color: white;
    border: solid 1px #404040;
}
.submenu
{   margin-top: 1px;
    padding: 1px;
    background-color: #F1F1F1;
    border: solid 1px #404040;
}
/* Drop Cap style
  */
  span.cap-g {
  float: left; 
  font-size: 1.7em;
  padding: 0 0.15em;
  margin: 0 0.15em 0 0; 
  background: #90EE90;
  border: 3px outset #2E8B57;
  }
/* Top image style
  */

.HeadBg
{   background-color: #007EA1;  // teal;
}
.messageHeadBg 
{   background-color:#8CA2FC;
}

.Insert
{   font-size: xx-small;
    font-family: verdana;
}
.SiteTitle
{   font-weight: bold;
    font-size: 20px;
    color: black;
    font-family: verdana bold, helvetica, sans-serif;
}
.TabBg
{   border-left-color: white;
    border-bottom-color: white;
    border-top-color: white;
    background-color: white;
    border-right-color: white;
}
.OtherTabsBg
{   border-left-color: black;
    border-bottom-color: black;
    border-top-color: black;
    background-color: dimgray;
    border-right-color: black;
}
.SelectedTab
{   font-weight: bold;
    font-size: 13px;
    color: darkred;
    font-family: verdana, helvetica, sans-serif;
}
.OtherTabs
{   font-weight: bold;
    font-size: 13px;
    color: gainsboro;
    font-family: verdana, helvetica, sans-serif;
    text-decoration: none;
}
A.OtherTabs:link
{   color: #eeeeee;
    text-decoration: none;
}
A.OtherTabs:visited
{   color: #eeeeee;
    text-decoration: none;
}
A.OtherTabs:active
{   color: #eeeeee;
    text-decoration: none;
}
A.OtherTabs:hover
{   color: white;
    text-decoration: underline;
}
.SiteLink
{   font-weight: bold;
    font-size: 11px;
    font-family: verdana, helvetica, sans-serif;
}
A.SiteLink:link
{   color: white;
    text-decoration: none;
}
A.SiteLink:visited
{   color: #eeeeee;
    text-decoration: none;
}
A.SiteLink:active
{   color: #eeeeee;
    text-decoration: none;
}
A.SiteLink:hover
{   color: white;
    text-decoration: underline;
}
.Accent
{   font-weight: bold;
    color: red;
}
div.header
{   font-family: verdana;
    filter: shadow(color=#CCCCCC, strength=8, direction=135);
    width: 100%;
    line-height:120%;
    height:25px;
}
div.title
{   filter: shadow(color=teal);
    width: 100%;
}
div.foot
{   font-size: 8px;
    font-family: verdana;
}
.foot
{   font-size: 8px;
    font-family: verdana;
}
#footer {
    margin-right:0;
    margin-left:0;
    position:absolute;
    text-align:center;
    font-size: xx-small;
    width: 100%;
    font-family: verdana;
    background: #f7f7f7;
}
.smMessage
{   font-weight: normal;
    font-size: 11px;
    color: black;
    font-family: verdana, helvetica, sans-serif;
    background-color: #eeeeee;
}
.Message
{
    font-weight: normal;
    font-size: 11px;
    color: black;
    width: 98%;
    font-family: verdana, helvetica, sans-serif;
    background-color: #EEEEEE;
}
.MessageOver 
{
    font-size:11px;
    font-family:verdana;
    margin: 0px;
    color: Black;
    background: #FFFFFF;
    white-space: nowrap;
    cursor:hand;
    }
.ItemTitle
{
    font-weight: bold;
    font-size: 11px;
    color: #007ea1;  // teal;
    font-family: verdana, helvetica, sans-serif;
}
.Item
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #007EA1;  // teal;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
}
.Head
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 18px;
    COLOR: #007EA1;  // teal;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
}
.SubHead
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: darkred;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
}
.SubSubHead
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: black;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
}
.Normal
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    LINE-HEIGHT: 12px;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
}
.normal
{
    font-size: 10px;
    font-weight: normal;
    line-height: 12px;    
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
}
.NormalTextBox
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
}
.NormalRed
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: red;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
}
.NormalBold
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
}
.CommandButton
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
}
A.CommandButton:link
{
    COLOR: darkred;
    TEXT-DECORATION: underline;
}
A.CommandButton:visited
{
    COLOR: darkred;
    TEXT-DECORATION: underline;
}
A.CommandButton:active
{
    COLOR: darkred;
    TEXT-DECORATION: underline;
}
A.CommandButton:hover
{
    COLOR: red;
    TEXT-DECORATION: underline;
}
H1
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 20px;
    COLOR: #666644;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
}
H2
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 20px;
    COLOR: #666644;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
}
H3
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: darkred;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
}
H4
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: darkred;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
}
H5
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: darkred;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
}
DT
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: darkred;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
}
H6
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: darkred;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
}
TFOOT
{
    FONT-SIZE: 12px;
    COLOR: darkred;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
}
THEAD
{
    FONT-SIZE: 12px;
    COLOR: darkred;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
}
TH
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    VERTICAL-ALIGN: baseline;
    COLOR: darkred;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
}
LinkLook
{
    COLOR: darkred;
}
A:link
{
    COLOR: #003366;
    TEXT-DECORATION: none;
}
A:visited
{
    COLOR: darkred;
    TEXT-DECORATION: none;
}
A:active
{
    COLOR: darkred;
    TEXT-DECORATION: none;
}
A:hover
{
    COLOR: red;
    TEXT-DECORATION: underline;
}
SMALL
{
    FONT-SIZE: 8px;
}
BIG
{
    FONT-SIZE: 14px;
}
BLOCKQUOTE
{
    FONT-FAMILY: Lucida Console, monospace;
}
PRE
{
    FONT-FAMILY: Lucida Console, monospace;
}
UL LI
{
    LIST-STYLE-TYPE: square;
}
UL LI LI
{
    LIST-STYLE-TYPE: disc;
}
UL LI LI LI
{
    LIST-STYLE-TYPE: circle;
}
OL LI
{
    LIST-STYLE-TYPE: decimal;
}
OL OL LI
{
    LIST-STYLE-TYPE: lower-alpha;
}
OL OL OL LI
{
    LIST-STYLE-TYPE: lower-roman;
}
HR
{
    HEIGHT: 1pt;
    TEXT-ALIGN: left;
}
.text
{
    FONT-SIZE: 12px;
    COLOR: black;
    FONT-FAMILY: Verdana;
}
.clsHide
{
    DISPLAY: none;
    VISIBILITY: hidden;
}
.clsShow
{
    VISIBILITY: visible;
}
.Title
{
    FILTER: shadow(color=#BABABA);
    WIDTH: 100%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:large;
}
.SmTitle
{
    font-family:Verdana;
    font-size:xx-small;
    text-decoration:underline;
    color:#007EA1;  // teal;
}
.SmItem
{
    font-family:Verdana;
    font-size:xx-small;
    color:Black;
}
.Hide
{
    Display:none;
}
.Inline
{
    Display:inline;
}

.marquee_text {background-image: url(/RC/img/bg_elegant.gif);}
A.marquee_text:link {color: #FBD7B3;}
A.marquee_text:visited {color: #FBD7B3;}

MarQuee
{
    background-image: url(/RC/img/bg_elegant.gif);
    font-family:Verdana;
    font-size:xx-small;
}
/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.BigSidebox {
    /* margin: 0 auto;  center for now */
    /* width: 17em;  ems so it will grow */
    width: 630px;
    background: url(/images/sbbody-r.gif) no-repeat bottom right;
    font-size: 100%;
}

.FtpSidebox {
    margin: 0 auto; /* center for now */
    /* width: 17em;  ems so it will grow */
    width: 530px;
    background: url(/images/sbbody-r.gif) no-repeat bottom right;
    font-size: 100%;
}
.wideSidebox {
    margin: 0 auto; /* center for now */
    width: 500;
    background: url(/images/sbbody-r.gif) no-repeat bottom right;
    font-size: 100%;
}
.sidebox {
    margin: 0 auto; /* center for now */
    width: 17em; /* ems so it will grow */
    background: url(/images/sbbody-r.gif) no-repeat bottom right;
    font-size: 100%;
}
.boxhead {
    background: url(/images/sbhead-r.gif) no-repeat top right;
    margin: 0;
    padding: 0;
    text-align: center;
}
.boxheadBig {
    background: url(/images/sbhead-r-big.gif) no-repeat top right;
    margin: 0;
    padding: 0;
    text-align: center;
}
.boxhead h2 {
    background: url(/images/sbhead-l.gif) no-repeat top left;
    margin: 0;
    padding: 22px 30px 5px;
    color: white; 
    font-weight: bold; 
    font-size: 1.2em; 
    line-height: 1em;
    text-align:left;
}
.boxhead h3 {
    background: url(/images/sbhead-l.gif) no-repeat top left;
    margin: 0;
    padding: 20px 28px 5px;
    color: white; 
    font-weight: bold; 
    font-size: 1.0em; 
    line-height: 1em;
    text-align:left;
}
.boxhead h4 {
    background: url(/images/sbhead-l.gif) no-repeat top left;
    margin: 0;
    padding: 18px 25px 5px;
    color: white; 
    font-weight: bold; 
    font-size: 0.8em; 
    line-height: 1em;
    text-align:left;
}
.boxbody {
    background: url(/images/sbbody-l.gif) no-repeat bottom left;
    margin: 0;
    padding: 5px 30px 31px;
}
.boxhead-blue h3 {
    background: url(/images/sbhead-l-blue.gif) no-repeat top left;
    margin: 0;
    padding: 20px 28px 5px;
    color: white; 
    font-weight: bold; 
    font-size: 1.0em; 
    line-height: 1em;
    text-align:left;
}
.boxhead-blue {
    background: url(/images/sbhead-r-blue.gif) no-repeat top right;
    margin: 0;
    padding: 0;
    text-align: center;
}
.textbig {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 9pt; font-weight: normal; 
    color: #000000;
    text-decoration: none;
}
.texttitle {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
    color: #003366;
    text-decoration: none;
}
.watermarked {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: xx-small;
    color: #8E8E8E;
    text-decoration: none;
}
/*Modal Popup*/
.modalBackground {
    background-color:Gray;
    filter:alpha(opacity=70);
    opacity:0.7;
}

.modalPopup {
    background-color:#ffffdd;
    border-width:3px;
    border-style:solid;
    border-color:Gray;
    padding:3px;
    width:250px;
}
.dropShadowPanel {
    width:400px;
    background-color:#BBCDE3;
    color:Black;
    font-weight:bold;
}
/*CollapsiblePanel*/
.collapsePanel {
    
    background-color:white;
    overflow:hidden;
}
.collapsePanelHeader{    
    width:90%;        
    height:30px;
    background-image: url(/images/bg-menu-main.png);
    background-repeat:repeat-x;
    color:#FFF;
    font-weight:bold;
}
.accordionHeader
{
    width:95%;        
    border: 1px solid #2F4F4F;
    color: white;
    background-image: url(/images/bg-menu-main.png);
    background-repeat:repeat-x;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    vertical-align: middle;
}
.accordionContent
{
    width:95%;        
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}
.QuickLinks
{
    cursor: hand;
	
}

