body {
    font-size:100%;
    line-height:1.2em;
     }

 h2 {
          color: red;
          text-align: center;
          line-height: 1em;
          font-size: 1.875em; }

div#page {
          width: 790px;
          max-width: 98%;
          position: absolute;
          top: 10px;
          left: 20px;
          color: #000000;
          background-color: #ffffff; }
    
    div#banner {
          text-align: center;
          margin-bottom: 10px;
          background-image: url(../images/banback.jpg);
          background-repeat: repeat-x; 
          width: 100%;
          height: 139px;}
           
    img#wingleft {
          float: left;
          width: 164px; }

    img#wingright {
          float: right;
          width: 164px; }


    img#wingcenter {
          float: inherit;
          width: 442px; }
    



    div#contentCal {
          margin: 0px 0px 0px 0px;
          height: 100%;
          width: 790px;
          padding: 5px }


    div#navPic {
          z-index: 3;
          position: relative;
          top: 15px;
          right: 3px; }


    div#navGroup {
          z-index: 3;
          position: relative;
          top: 50px;
          left: 15px; }



    div#topNav {
          width: 100%;
          position: relative;
          top: 10px;
          background-color: #000000;
          color: #ffffff;
          padding: 2px;  
          z-index:1;}


    td.leftnav    {vertical-align: top;
                   background-image: url("../images/navback.jpg");
                   background-position: left;
                   background-attachment: fixed;                
                   background-repeat: repeat-y; }

    td.main        {vertical-align: top; 
                    padding-left: 15px; 
                    padding-right: 15px; }

    td.righttnav   {vertical-align: top; }

    a.topNav {
          padding: 0px 5px 0px 5px;
          border-right: 1px solid #e8dd0a;
          color: #ffffff;
          background-color: #000000;
          font-size: 12pt;
          font-weight: bold;
          text-decoration:none;
          z-index:2;}


    a#lastNav {border-right:none;}

    p.topNav {text-align: center;}



    div.instructor { margin-bottom: 25px;
                     padding: 5px;
                     color: #000000;
                     background-color: #afb0e2;} 

    div.newsbox {    margin-bottom: 25px;
                     margin-right: 25px;
                     margin-left: 25px;
                     color: #000000;
                     background-color: #afb0e2;} 

    div.news {       width: 100%;
                     color: #000000;
                     background-color: #8e8fc3;} 

    p.news   {       font-family:  arial, helvetica, sans-serif;
                     font-size: 10pt;
                     padding: 10px;}

    p.newsbox {      text-align: left; 
                     font-family:  arial, helvetica, sans-serif;
                     position: relative;
                     left: 15px;
                     width: 95%;
                     font-size: 10pt; }


    span.navBullet {
          position: relative;
          top: 2px;
          background-color: #000000;
          font-size: 20pt;
          color: #e8dd0a; }

    span.instructimg {
          border-width: 0px; 
          float: left;
          z-index: 2;
          position: relative;
          top: 2px;
          width: 150px;
          height: 200px;
          margin-right: 10px;  }


    a.leftNav {
          color: #ffffff;
          background-color: #000000;
          font-size: 12pt;
          font-weight: bold;
          text-decoration:none; }

    a.leftNav:hover {
          background-color: #000000;
          color: #e8dd0a;}



    

    h1 {
          text-align: center;
          line-height: 1em;
          font-size: 1.5em; }

    h2 {  font-family:  arial, helvetica, sans-serif;
          font-size: 1.2em;}

    h3 {  font-family:  arial, helvetica, sans-serif;
          font-size: 0.875em;}

    h2.center {  text-align: center;
                 font-family:  arial, helvetica, sans-serif;
                 font-size: 1.2em;}

    h1.center {text-align: center;
               position: relative;
                     left: -5px;
                     top: 10px;
                                  }

    p.center {text-align: center; 
              font-family:  arial, helvetica, sans-serif;
              font-size: 0.875em; }

    p.centernorm {text-align: center; 
                 font-family:  arial, helvetica, sans-serif;
                 position: relative;
                     left: 15px;
                 width: 95%;
                 font-size: 0.875em; }




    p.main   {text-align: justify;
              font-family:  arial, helvetica, sans-serif;
              font-size: 0.875em; }

    p.norm   {font-family:  arial, helvetica, sans-serif;
              font-size: 0.875em; }

  
    ul.instructlist { position: relative;
                      font-family:  arial, helvetica, sans-serif;
                      font-size: 0.875em;
                      left: 40px;}

    ul.main         { position: relative;
                      font-family:  arial, helvetica, sans-serif;
                      font-size: 0.875em;
                      left: 40px;}

    span.bold {font-weight:bold;}


    p.instructor  { font-family:  arial, helvetica, sans-serif;
                    font-size: 0.875em; }

    br.navimg  { clear: left; }

    img.nav    { border-width: 0px; }


/*CSS for the Image Gallery*/


        div.centernorm {text-align: center; 
                        font-family:  arial, helvetica, sans-serif;               
                        position: relative;
                        left: 15px;
                        width: 95%;
                        font-size: 0.875em; }

           div.imagebox {margin-left: auto ;
                         margin-right: auto ;
                         border:1px solid black;
                         position: relative;
                         text-align: center;}
                                              
                div.box {width: 100%;
                         margin-bottom: 0px;
                         margin-top: 0px;
                         background-color: #afb0e2;
                         font-size:12px;
                         border:1px solid black;
                         position: relative;        
                         text-align: center;}

          div.boxbottom {width: 100%;
                         margin-bottom: 0px;
                         margin-top: 0px;
                         background-color: #afb0e2;
                         font-size:12px;
                         border:1px solid black;
                         position: relative;        
                         text-align: center;
                         height: 20px;} 

            div.previmg {background-color: #8e8fc3;             
                         width: 25%;
                         margin-bottom: 0px;
                         margin-top: 0px;         
                         float:left;
                         text-align: center;}

              div.centerlink {width: 50%;
                         margin-bottom: 0px;
                         margin-top: 0px;         
                         float:left;
                         text-align: center;}


            div.nextimg {background-color: #8e8fc3;           
                         width: 25%;
                         margin-bottom: 0px;
                         margin-top: 0px;
                         float:right;
                         text-align: center;}

             span.arrow {font-size:16px;}  
                 
      a.nextprev {text-decoration: none; color: black; font-size:12px; font-weight:bold;}
      a.nextprev:hover {text-decoration: none; color: rgb(128,0,0); font-size:12px; font-weight:bold;}