
/* DEFAULT Styles */
BODY        {background-color: White;font-family: Verdana, Arial, Georgia;font-size: 8pt; margin: 0px; color: Black;}
TABLE       {border-collapse: collapse; font-size: 8pt; padding: 0px;  text-decoration: none; vertical-align: top;}
TD          {vertical-align: top;}
HR          {color: #3E3E3E; background-color: #3E3E3E; height: 1px; border: 0;}
IMG         {border-style: none; margin: 0}
INPUT       {border: 1px solid #919191; background-color: #F3F3F3; color: #2970B6; font-size: 8pt;}
TEXTAREA    {border: 1px solid #919191; background-color: #F3F3F3; color: #2970B6; font-size: 8pt;} 
DIV         {text-align: justify;}

/* IMG Styles */
IMG.imgThumb {border: solid 3px #666666!important;}
IMG.imgPhoto {border: solid 4px #999999!important;}

/* LINK Styles */
A:link                  {color: #2970B6; text-decoration: none; border-style: none;}
A:active                {color: #2970B6; text-decoration: none; border-style: none;}
A:visited               {color: #2970B6; text-decoration: none; border-style: none;}
A:hover                 {color: Black; text-decoration: none; border-style: none; text-decoration: underline;}

A:link.aTopMenuButton      {color: White; text-decoration: none; border-style: none;}
A:active.aTopMenuButton    {color: White; text-decoration: none; border-style: none;}
A:visited.aTopMenuButton   {color: White; text-decoration: none; border-style: none;}
A:hover.aTopMenuButton     {color: White; text-decoration: none; border-style: none; text-decoration: underline;}

A:link.a2       {color: Black; text-decoration: none; border-style: none;}
A:active.a2     {color: Black; text-decoration: none; border-style: none;}
A:visited.a2    {color: Black; text-decoration: none; border-style: none;}
A:hover.a2      {color: #2970B6; text-decoration: none; border-style: none; text-decoration: underline;}

A:link.Header      {color: White; text-decoration: none; border-style: none;}
A:active.Header    {color: White; text-decoration: none; border-style: none;}
A:visited.Header   {color: White; text-decoration: none; border-style: none;}
A:hover.Header     {color: White; text-decoration: none; border-style: none; text-decoration: underline;}

/* TD Styles */
TD.tdHeader1 {background-color: #333333;}
TD.tdFooter1 {background-color: #333333;}
TD.tdLeftBorder {background-image: url(Images/LeftBorder.jpg); background-repeat: repeat-y; background-position: right;}
TD.tdRightBorder {background-image: url(Images/RightBorder.jpg); background-repeat: repeat-y; background-position: left;}
TD.tdLeftBGTop {background-image: url(Images/LeftBGTop.jpg); background-repeat: no-repeat; background-position: right;}
TD.tdRightBGTop {background-image: url(Images/RightBGTop.jpg); background-repeat: no-repeat; background-position: left;}
TD.tdLeftBGTopBorder {background-image: url(Images/LeftBGTopBorder.jpg); background-repeat: no-repeat; background-position: right;}
TD.tdRightBGTopBorder {background-image: url(Images/RightBGTopBorder.jpg); background-repeat: no-repeat; background-position: left;}
TD.tdBanner1 {background-image: url(Images/Banner1.jpg);}
TD.tdBanner2 {background-image: url(Images/Banner2.jpg);}
TD.tdTopMenu {text-align: center; vertical-align: middle;}
TD.tdTopMenuBG {background-image: url(Images/TopMenuBG.jpg); background-repeat: repeat-x;}
TD.tdTopMenuSep {background-image: url(Images/TopMenuSep.jpg); width: 2px; background-repeat: no-repeat; background-position: left;}
TD.tdCompInfo {color: white; background-image: url(Images/CompInfoBG.jpg); background-repeat: repeat; color: White;}
TD.tdSiteDirBG {background-image: url(Images/SiteDirBG.jpg); background-repeat: repeat-x; background-position: top;}
TD.tdSiteDir {border-bottom: solid 1px white; padding-top: 7px;}
TD.tdTitleBGL {background-image: url(Images/TitleBGL.jpg);}
TD.tdTitleBGR {background-image: url(Images/TitleBGR.jpg);}
TD.tdTitleBG1 {background-image: url(Images/TitleBG1.jpg); color: White; text-align: left; vertical-align: middle;}
TD.tdSideBG {background-image: url(Images/SideBG.jpg); border-right: solid 1px #B2B2B2}
TD.tdCertLogos {background-image: url(Images/CertLogos.jpg); background-position: center; background-repeat: no-repeat;}
TD.tdSideMenuItem2_Sep {background-image: url(Images/SideMenuItem2_Sep.jpg); background-repeat: no-repeat; padding-top: 5px; padding-left: 10px; color: #333333;}
TD.TableHeader {border: 1px solid #8E8E8E; padding: 2px; background-color: #DADADA; font-weight: bold;} 
TD.TableCell1 {border: 1px solid #8E8E8E; padding: 3px 2px 3px 2px;} 
TD.TableCell2 {border: 1px solid #8E8E8E; padding: 3px 2px 3px 2px; background-color: #F5F5F5;} 
TD.tdBullet1 {background-image: url(Images/Bullet1.png); background-repeat: no-repeat; background-position: left;}
TD.tdBullet2 {background-image: url(Images/Bullet2.png); background-repeat: no-repeat; background-position: left;}

/* TABLE Styles */
TABLE.tbTopMenu {background-image: url(Images/TopMenuLeft.jpg); background-repeat: no-repeat; background-position: left;}

/* DIV Styles */
DIV.divTitle1 {font-weight: bold; color: black; background-position: left bottom; background-repeat:no-repeat; border-bottom: solid 2px black;}
DIV.divTitleBG2 {background-image: url(Images/TitleBG2.jpg);}
DIV.divTitleFE {background-image: url(Images/TitleFE.jpg); background-repeat: repeat-x;}
DIV.divSideBG2 {background-image: url(Images/SideBG2.jpg);}
DIV.divPage {background-image: url(Images/PageBG.jpg); background-position: left top; background-repeat: no-repeat;}
DIV.divPage1 {background-image: url(Images/PageBG1.jpg); background-position: left top; background-repeat: no-repeat;}

/* INPUT Styles */
INPUT.chk   {border: none; background-color: white; color: black; font-size: 8pt;} 
INPUT.inpLoginText   {border: 1px solid #919191; background-color: #F3F3F3; color: #999999; font-size: 8pt; padding: 2px; margin: 2px; text-align: center;} 

/* OTHER Styles */
HR.hrPageFooter {height: 6px; background-color: Black;}

/* MENU Styles */
DIV.divSMAccItem1 a
{
    background: black url(Images/SideMenuItem1.jpg) no-repeat top left;
    color: White;
    display: block;
    padding: 7px 0;
    padding-left: 30px;
    padding-right: 5px;
    }
    
DIV.divSMAccItem1 a:hover{
    background-image: url(Images/SideMenuItem1_Hover.jpg);
    text-decoration: none;
    color: White;
    }
DIV.divSMAccItem2 a
{
    background: black url(Images/SideMenuItem2.jpg) no-repeat top left;
    color: black;
    display: block;
    padding: 7px 0;
    padding-left: 30px;
    padding-right: 5px;
    }
    
DIV.divSMAccItem2 a:hover{
    background-image: url(Images/SideMenuItem2_Hover.jpg);
    text-decoration: none;
    color: Black;
    }    
    
    

.flexdropdownmenu, .flexdropdownmenu ul{ /*topmost and sub ULs, respectively*/
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
    top: 0;
    list-style-type: none;
    border: 1px solid #666666;
    border-top-width: 0;
    visibility: hidden;
    display: none; /*collapse all sub menus to begin with*/
    box-shadow: 3px 3px 8px #818181; /*shadow for CSS3 capable browsers.*/
    -webkit-box-shadow: 3px 3px 8px #818181;
    -moz-box-shadow: 3px 3px 8px #818181;
    /*white-space: nowrap;*/
    background-color: #dadada;
    color: black;
    }

.flexdropdownmenu li{
    position: relative;
    color: black;
    }

.flexdropdownmenu li a
{
    background: black url(Images/SideMenuItem2.jpg) no-repeat top left;
    display: block;
    /*width: 160px; width of menu (not including side paddings)*/
    color: black;
    text-decoration: none;
    padding: 7px 0px;
    padding-left: 30px;
    padding-right: 15px;
    background-color: #dadada;
    width: 200px; /*width of menu (include side paddings of LI A*/
    }

* html .flexdropdownmenu li{ /*IE6 CSS hack*/
    display: inline-block;
    width: 200px; /*width of menu (include side paddings of LI A*/
    color: black;
    }

.flexdropdownmenu li a:hover, .flexdropdownmenu li.selected>a{
    background: black url(Images/SideMenuItem2_Hover.jpg) no-repeat top left;
    background-color: #dadada;
    color: black;
    }

.flexdropdownmenu li a:hover{
    background: black url(Images/SideMenuItem2_Hover.jpg) no-repeat top left;
    background-color: #dadada;
    color: black;
    }

.rightarrowclass{
    position: absolute;
    top: 9px;
    right: 5px;
    }

.flexdropdownmenu1, .flexdropdownmenu1 ul{ /*topmost and sub ULs, respectively*/
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
    top: 0;
    list-style-type: none;
    border: 1px solid #666666;
    border-top-width: 0;
    visibility: hidden;
    display: none; /*collapse all sub menus to begin with*/
    box-shadow: 3px 3px 8px #818181; /*shadow for CSS3 capable browsers.*/
    -webkit-box-shadow: 3px 3px 8px #818181;
    -moz-box-shadow: 3px 3px 8px #818181;
    /*white-space: nowrap;*/
    background-color: #dadada;
    color: black;
    }

.flexdropdownmenu1 li{
    position: relative;
    color: black;
    }

.flexdropdownmenu1 li a
{
    background: black url(Images/SideMenuItem2.jpg) no-repeat top left;
    display: block;
    /*width: 160px; width of menu (not including side paddings)*/
    color: black;
    text-decoration: none;
    padding: 7px 0px;
    padding-left: 30px;
    padding-right: 15px;
    background-color: #dadada;
    width: 300px; /*width of menu (include side paddings of LI A*/
    }

* html .flexdropdownmenu1 li{ /*IE6 CSS hack*/
    display: inline-block;
    width: 200px; /*width of menu (include side paddings of LI A*/
    color: black;
    }

.flexdropdownmenu1 li a:hover, .flexdropdownmenu1 li.selected>a{
    background: black url(Images/SideMenuItem2_Hover.jpg) no-repeat top left;
    background-color: #dadada;
    color: black;
    }

.flexdropdownmenu1 li a:hover{
    background: black url(Images/SideMenuItem2_Hover.jpg) no-repeat top left;
    background-color: #dadada;
    color: black;
    }
