CSS Document {margin0; padding0;} body { background-color by ojp13483

VIEWS: 7 PAGES: 8

									/* CSS Document */

*{margin:0; padding:0;}

body
       {
       background-color:#6371c9;
       font-family:Verdana, Arial, Helvetica, sans-serif;
       color:#000000;
       behavior: url(csshover2.htc);
       font-size:100%;
       text-align: center;
       }

#header
       {
       width:780px;
       margin-top:15px;
       margin-right:auto;
       margin-left:auto;
       }

#navbar
      {
      width: 780px;
      margin-left: auto;
      margin-right: auto;
      background-color:#B8D9EE;
      }

#navbar ul
      {
      display:block;
      padding:0;
      list-style:none;
      }


#navbar a
      {
      display:block;
      color: #000000;
      text-decoration: none;
      }


#navbar a:hover {text-decoration: none;}


#navbar li
      {
      float:left;
       background-color:#B8D9EE;
       text-align:center;
       padding-left:30px;
       padding-right: 30px;
       padding-top: 2px;
       padding-bottom: 2px;
       }


#navbar li ul
      {
      display:none;
      }


#navbar li:hover ul
      {
      position:absolute;
      display:block;
      width:130px;
      background-color:#F8DACA;
      border-top: 1px solid #000000;
      border-left: 1px solid #000000;
      border-right: 1px solid #000000;
      margin-left: -25px;
      }

#navbar li ul li
      {
      float:none;
      width: auto;
      font-size: 12px;
      text-align: left;
      }

#navbar li:hover ul li
      {
      border-bottom: 1px solid #000000;
      padding:4px;
      }

#navbar li ul li:hover
      {
      background-color:#BDE7F7; /*sets the background of the menu items */
      }

#index img{float:left; padding-right: 25px;}

#index p
       {
       padding-top:20px;
       padding-right:30px;
         text-align:justify;
         font-size:16px;
         letter-spacing: -1px;
         }




#content
       {
       background-color: #FFFFFF;
       width: 780px;
       margin-right: auto;
       margin-left: auto;
       min-height: 440px;_height:440px; /*min-height IE hack so both
IE&Firefox reads min-height. */
       }

         /*For the link to the excel spreadsheets in the first dropdown menu */
         #content h2
                 {
                 text-align:right;
                 font-size: 10px;
                 font-style:oblique;
                 text-decoration:underline;
                 margin-right: 130px;
                 padding-bottom: 25px;
                 }

#slide
         {
         width: 475px;
         margin-right: auto;
         margin-left: auto;
         }

#previous
       {
       float:left;
       padding-left:75px;
       padding-top:20px;
       }
       #previous a
                {
                color: #6371c9;
                text-decoration:underline;
                font-weight: bold;
                font-size: 12px;
                }

#next
         {
      float:right;
      padding-right:75px;
      padding-top:20px
      }
      #next a
               {
               color: #6371c9;
               text-decoration:underline;
               font-weight: bold;
               font-size: 12px;
               }

#mboard
      {
      background-color:#fff;
      width:400px;
      margin-left:auto;
      margin-right:auto;

      }
      #mboard dt
      {
      margin-bottom: 2px;
      margin-left: 0px;
      margin-right: 0px;
      text-align:right;
      font-size:12px;
      float: right;
      }

      #mboard dl
            {
                     font-size: 10px;
                     line-height: 14px;
                     text-align: left;
                     margin-bottom: 6px;
             }

      #mboard h1
            {
            text-align: center;
            font-size: 16px;
            font-weight: bold;
            padding-top: 25px;
            padding-bottom: 5px;
            }

      #mboard h2
            {
            font-size: 12px;
            font-style: normal;
            line-height: 14px;
                 text-align: left;
                 margin-bottom: 2px;
                 margin-left: 0px;
                 margin-right: 0px;
                 padding: 0px;
                 text-decoration: none;
                 }

          #mboard p
                {
                padding: 0;
                text-align:left;
                font-size:12px;
                letter-spacing: -1px;
                }
          #mboard input, textarea
                {
                background-color: #FFFFCC;
                }


table
          {
          width: 520px;
          margin-left: auto;
          margin-right: auto;
          border-top: 1px solid #999999;
          border-left: 1px solid #999999;
          border-collapse: collapse;
          }
caption
          {
          text-align: center;
          font-size: 16px;
          font-weight: bold;
          padding-top: 25px;
          padding-bottom: 5px;
          letter-spacing: 1px;
          margin-left: auto;
          margin-right: auto;
          }
th, td
          {
          padding: 5px;
          border-right: 1px solid #999999;
          border-bottom: 1px solid #999999;
          font-size: 12px;
          }
th
          {
          background: #B8D9EE;
          }
#protocol
       {
       width: 600px;
       margin-left: auto;
       margin-right: auto;
       }

       #protocol p
       {
       padding-top:20px;
       padding-right:0px;
       text-align:justify;
       font-size:16px;
       letter-spacing: -1px;
       }

       #protocol h1
              {
              text-align: center;
              font-size: 16px;
              font-weight: bold;
              padding-top: 25px;

              }

       #protocol h2
              {
              text-align: justify;
              font-size: 14px;
              font-weight: bold;
              font-style:normal;
              text-decoration:none;
              margin: 0;
              padding:0;
              margin-top: 5px;
              }

       #protocol h3
              {
              text-align:right;
              font-size: 10px;
              font-style:oblique;
              text-decoration:underline;
              margin: 0;
              padding: 0;
              }

       #protocol ul
              {
              margin-left: 50px;
              margin-top: 10px;
                font-size:12px;
                text-align: left;
                }

#headshots
      {
      width: 600px;
      margin-left: auto;
      margin-right: auto;
      margin-top: 10px;
      }
      #headshots img
             {
             float: left;
             padding: 3px;
             border: 1px solid #000000;
             margin-right: 10px;
             }

          #headshots h1
                {
                color:#6371c9;
                text-align: left;
                font-size: 14px;
                font-weight: bold;
                font-style:normal;
                text-decoration:none;
                margin: 0;
                padding:0;
                margin-top: 0px;
                }

                #headshots p
                      {
                      padding-top:3px;
                      text-align:justify;
                      font-size:14px;
                      letter-spacing: -1px;
                      }

#footer
          {
          background-color:#6371c9;
          width:780px;
          color:#FFFFFF;
          margin-right:auto;
          margin-left:auto;
          padding-top:5px;
          font-size:13px;
          text-align:center;
          clear: both;
          }
.clear
         {
         clear:both; height: 0;
         }

/* ALSETT CLEARING METHOD */
.clearfix:after
        {
        content:".";
        display:block;
        height:block;
        height:0;
        clear:both;
        visibility:hidden;
        }

								
To top