/** 
 * This is the main css file
 * Used for all non-msie browsers
 * 
 * The outline for all the page sould be within a 1024 x 768 frame
 */

    /* Set all the text to be of type Helvetica, or sans-serif */
    body {font-family: Helvetica,sans-serif}
    
    .background {
          position:absolute; left:0px; top:0px;
          width:1026px; height:692px; 
          background-color:#8278B4;
         }

    /* Set the header and footer positions */
    .header { position:absolute; left:0px; top:-2px; 
              height:122px; width:1026px;
              background-color:#FFFFFF; 
            }
             
    .footer { position:absolute; left:0px; top:572px;
              height:100px; width:1026px;
              /*background-color:lightgrey;*/
            }

    /* Set the main menu positions */
    .menuPos { position:absolute; left:100px; top:-2px; 
              height:122px; width:926px;
             }
    
    /* Set the position of the specific page heading */
    .pageHeading { 
            position:absolute; left:20px; top:140px; 
    }

    .pageHeadingText {
        width:320px;
        font-size:40px;
        color: #FF0000; 
    }

    .userInfo{
        position:absolute; right:10px; top:100px; font-size:12px; 
    }

    /* 
        All usable area (doesn't include header and footer
        height - (692 - 120 - 100) = 472
    */
    .mainAll {
        position:absolute; left:0px; top:120px; 
        height:472px; width:1026px;
    }
     
    /* Main txt area on the left (assumes double line heading) */
    .mainTxt {
        position:absolute; left:25px; top:265px; 
        height:440px; width:360px;
        font-size:16px; 
        color: #FFFFFF; 
        overflow: auto;
    }

    /* Main txt area on the left (assumes single line heading) */
    .mainTxtS {
        position:absolute; left:25px; top:200px; 
        height:440px; width:380px;
        font-size:16px; 
        color: #FFFFFF; 
        overflow: auto;
    }

   .mainTxtNarrow {
        position:absolute; left:25px; top:200px; 
        height:460px; width:250px;
        font-size:16px; 
        color: #FFFFFF; 
        overflow: auto;
    }

    /* Main txt area Full width (assumes single line heading) */
    .mainTxtSF {
        position:absolute; left:20px; top:200px; 
        height:440px; width:900px;
        font-size:16px; 
        color: #FFFFFF; 
        overflow: hidden;
    }


    /* Main txt area on the left (scrolls) (assumes single line heading) */
    .mainTxtScroll {
        position:absolute; left:20px; top:210px; 
        width:380px;
        font-size:16px; 
        color: #FFFFFF; 
        overflow: hidden;
    }


    /* 2 column txt area on the left (assumes single line heading) */
    .mainTxt2c1 {
        position:absolute; left:20px; top:250px; 
        height:460px; width:200px;
        font-size:16px; 
        color: #FFFFFF; 
        overflow: auto;
    }

    .mainTxt2c2 {
        position:absolute; left:230px; top:250px; 
        height:460px; width:200px;
        font-size:16px; 
        color: #FFFFFF; 
        overflow: auto;
    } 
      

    a:link     {text-decoration: none}     /* unvisited link */
    a:visited  {text-decoration: none}  /* visited link */
    a:hover    {text-decoration: underline;}   /* mouse over link */
    a:active   {text-decoration: none}   /* selected link */

    a.menu:link     {text-decoration: none; color:#4b306f}   /* unvisited link */
    a.menu:visited  {text-decoration: none; color:#4b306f}   /* visited link */
    a.menu:active   {text-decoration: none; color:#4b306f}   /* selected link */
    a.menu:hover    {text-decoration: none; color:#FF0000;}

    .dropdown{ visibility:hidden; font-size: 80%; background-color:#ffffff; border-style: solid none solid solid;
                    border-color: #ffffff;}

    table.drop { 
                    border-width: 1px 1px 1px 1px;
                    border-spacing: 3px;
                    border-style: none none none solid;
                    border-color-left: #4b306f;
                    border-collapse: collapse;
                   }
    
    table.drop td{
                    border-width: 1px 1px 1px 1px;
                    padding: 1px 1px 1px 5px;
                    border-style: none none none none;
                    height: 14px;
                }

    a.submenu:link     {text-decoration: none; color:#4b306f;}     /* unvisited link */
    a.submenu:visited  {text-decoration: none; color:#4b306f;}  /* visited link */
    a.submenu:active   {text-decoration: none; color:#4b306f;}   /* selected link */
    a.submenu:hover    {text-decoration: none; color:#FF0000;}

    a.whitemenu:link     {text-decoration: none; color:#ffffff;}     /* unvisited link */
    a.whitemenu:visited  {text-decoration: none; color:#ffffff;}  /* visited link */
    a.whitemenu:active   {text-decoration: none; color:#ffffff;}   /* selected link */
    a.whitemenu:hover    {text-decoration: none; color:#ffffff; text-decoration: underline;}