        
/*---------------------Main Layout Styles-----------------------------*/
/*----This is a fairly generic layout, idea for layout came from the 
                     lecture on layout styles----*/ 

    body {
          margin: 0px; 
          padding: 0px;
          color: #;
          font-family: "Arial", "Helvetica", "cursive";
          font-size: 1em;
         }

    #pageframe {               
                border: solid 1px #000;
                position: relative;
                top: 0px;
                left: 0px;
                padding: 11px;
                background-image: url(../images/''');
                background-color: #fffff0;
                background-repeat: repeat;
                margin: 12px;
               } /*----All contents is in this----*/
            
       #topframe {
                  height: 100px;
                  padding:  4px;
                  background-color: #fffff0;

                 } /*--- This looks a bit dicey on mozilla
                   however it is a good compromize---*/
                     

          #sitebar {
                    text-align: right; !important;
                    border-top: solid 1px #000;
                    background-color: #ffffcc; !important;
                    height: 1.5em;
                    font-size: 0.9em;
                    margin-right: 0px;
                    margin-left: 0px;
                    padding: 2px 6px; /*-- used 2px mainly
                                      to satisfy mozilla--*/
                    } /*---Layout of the top navagation
                      bar---*/
                
          #title {
                     border-top: solid 1px #000;
                     border-bottom: solid 1px #000;

                     margin-right: 0px;
                     margin-left: 0px;
                     text-align: center;
                     padding: 4px;
                    } /*---The layout for the page heading, contains 
                      the title and logo---*/
                     
       #pageHeading {
                     border: solid 1px #000;
                     border-bottom: none;
                     background-color: #ffffcc; !important;
                     text-align: center;
                     padding: 5px;
                    } /*--Layout for the heading of the   
                      page contents--*/
                
       #contentContainer {
                          border: solid 1px #000;
                          background-color: #ffffff;
                          text-align: left;
                          padding: 10px;
                         } /*--Layout for the page contents--*/

          #pagecontent {
                        position: relative;
                       } /*--Used to insure the contents is "wrapped
                         inside of "contentcontainer"--*/
                            
             #pagenavbar {
                          text-align: center; !important;
                          font-size: 0.9em;
                         } /*--Bottom navr bar is contained
                           within this--*/
                
       #navagationBar {
                       border: 0;
                       position: absolute;
                       top: 160px;
                       left: 0px;
                       width: 140px;
                       background-color: #ffffff;
                      } /*--Layout and also the position of 
                        the main navagation bar--*/

       #w3cFooter {
                   border: 0;
                   position: relative;
	           font-size: 10pt;
                  }


/*---------------------Extra Layout Styles----------------------------*/

                
   #logo {
          float: right;
          padding: 15px;
         } /*--The BTC loga at top of page--*/

   #posusername {
                 position: absolute;
                 top: 100px;
                 left: 15px;    
                 z-index: 2;
                } /*--Used to position the welcom 
                  message and name of the user--*/     
      

    
/*---------------------------layout classes---------------------------*/

        div.contentPositioner {
            margin: 0px 0px 0px 144px;
            } /*--positions the content on
              the page--*/

        .smallpics {
                       position: relative; !important;
                       margin: 10px;
                       border: 0;
                      }
   
/*----------------------navigation link appearance----------------------------*/
            
        #pagenavbar a:link, #pagenavbar a:visited {
            display: inline;
            color: #000000;
            text-decoration: underline;
            background-color: #ffffff;
            padding:  2px 3px;
            }
            
        #pagenavbar a:hover {
            color:#000000;
            background-color: #ffffcc;
            }
            
        #sitebar a:link, #navBarTop a:visited {
            display: inline;
            color: #000000;
            text-decoration: underline;
            background-color: #ffffcc;
            padding:  2px 3px;
            }
            
        #sitebar a:hover {
            color:#000000;
            text-decoration: underline;
            background-color: #f8c53b;
            }
        
/*----------------------Web page appearances and styles----------------*/
            
        #pagecontent h3 {
                         text-align: left; !important;
                        }
            
        #pagecontent p {
                        text-align: justify;
                       }

        #pageheading h2 {
                         font-family: "sans-serif";
                         font-size: 18pt;
                         font-weight: 900;
                        }

           
        .noBorder {
                   border: 0;
                  }

        .bold {
               font-weight: 900;             
              }

        .lightbold {
               font-weight: 800;             
              }

        .usrnm {
                font-weight: 800;
                font-size: 12pt;             
               }
        .smalltext {
                    font-size: 10pt;             
                   }


        h1 {
            display: inline;
            letter-spacing: .15em;
           }
            
        h2 {
            display: inline;           
            letter-spacing: .15em;
	    text-align: left;
	    font-family: "Times";
           } 

        h3{
           }

        h4 {
            display: inline;
            font-family: "Arial";

            font-style: italic;
            font-weight: 600;
           }

        h5.{
            display: inline;
            font-family: "Arial";
            font-size: 1em;
            text-decoration: underline;
           }

        h6 {
            display: inline;
           }

        table {
               border: solid 1px #000;
              }    

        th {
            background-color: #d3d3d3;
	    text-align: left;
            border: solid 1px #000;
            font-family: "Arial"; !important;
           }