a:focus, .bttn1 a:focus{outline:none;}
body {font: 85%/1.3 verdana,geneva,lucida,arial,sans-serif; margin: 0; padding: 0; background: #97B7DE; color: #000;}
  #page {position: relative; width: 900px; margin: 10px auto; padding: 20px 50px 0; background: #fff; border: 8px double #1A467B; overflow: auto;}
   h1, .ctr {text-align: center;}
   h1 {font-size: 160%; font-weight: normal; margin: 20px 0;}
   h2 {font-size: 150%; text-align: center; margin: 30px 0 0; color: #506C8E;}
   h3 {font-size: 115%; margin-top: 2em;}
   h4 {font-size: 105%; margin-left: 1em;}
   
   ul li {list-style: none;}

   li {margin-top: 1em;}
   .nospace li {margin-bottom: 0;}
  
    
    
  fieldset {border: 2px solid #699; padding: 15px; margin-bottom: 10px;}
  form {font: 85%/1.3 verdana,geneva,lucida,arial,sans-serif; margin: 0; padding: 0; color: #000;}
   table {width: 475px; margin: 10px auto 5px; background: #fff; border: 4px double #1A467B}
    th, td {border: 1px solid #1A467B; border-collapse: collapse; padding: 5px;}
    tr:hover {background: #97B7DE;}
   
   .blue, a, hr {color: #1A467B;}
    hr {width: 85%;}
    .ctr {text-align: center;}
    .big {font-weight: 100%;}
    .bold, .big {font-weight: bold;}
    .clrall {clear: both;}
    .hide {display: none;}
    .ctrdiv {padding: 0; margin: 0 auto;}
    
    #goto {float: left; font-weight: bold; width: 165px; margin-right: -100px; padding-left: 10px; color: #fff;}
    #goto a {text-decoration: none; display: bolck;}
    #goto a:hover, #goto a:focus {text-decoration: underline;}
    
    
    #tk, #announcements, #input {width: 700px; margin: 0 auto 20px auto; border: 4px double #506C8E; padding: 30px; }
    #tk {padding: 18px 20px 30px 70px;}
    #tk li {list-style: none;}
    #tk li ol li {list-style: decimal;}
    #tk li ol li ul li {list-style: circle;}
    .basnav {display: block; color: #000; text-decoration: none; font-weight: bold; font-size:  110%;}
    
    #input, #cycleCal table {cursor: n-resize;}
    #input {width: 340px; height: 500px; float: right; padding: 5px; margin: 80px -10px 0 35px; overflow: auto; background: #fcfcff;}
    #input h2 {margin-top: 0;}
    #input p {padding: 0 5px;}
    #input ul {margin: 10px 10px 0; padding: 5px 2px 5px 25px;}
    #input ul li {list-style: circle;}
    #input a {font-weight: bold; display: block; text-decoration: none; font-size: 95%;}
    #input a:hover {text-decoration: underline;}
    #input iframe {margin: 0; padding: 0;}
    
     #cycleCal {width: 500px; height: 425px; margin-left: -10px;}
     #cycleimg {float: left;}
    
   /*CHRONICLE OF CHANGES*/ 
      #manualChanges, #qeChanges, #policyChanges, #formChanges {width: 330px; height: 500px; overflow: auto; border: 4px double #506C8E; float: left; margin: 30px 0 20px 60px; padding: 0 10px;}
/*      #manualChanges, #policyChanges {margin-right: 0;}*/
      #manualChanges ul, #qeChanges ul, #policyChanges ul, #formChanges ul {width: 250px; margin-left: 40px; padding: 0; padding-top: 5px; font-size: 85%;}
      #manualChanges ul a, #qeChanges ul a, #policyChanges ul a, #formChanges ul a {font-size: 120%;}
      
      
    #researchProject {padding: 20px; margin: 20px 0; border: 3px double #309; height: 150px; overflow: auto;}

            ul.bttn1 {width: 744px; margin: 0 auto;}
            p.bttn1 {margin: 0; padding: 0;}
            .bttn1 li {padding: 0; margin-bottom: 20px; margin-right: 50px; float: left;}
            .bttn1 a {display: block; width: 188px; height: 56px; padding-top: 20px; padding-right: 10px;  color: #fff; text-decoration: none; font-weight: bold; text-align: center; background: url(button1.png) no-repeat top left;}
            .bttn1 a:hover, .bttn1 a:focus {background: url(button1pressed.png) no-repeat;}
            p.bttn1 a {padding-top: 10px;}
    
     /*.bttn2 a {display: block; text-decoration: none; color: #f8f8ff; font-weight: bold; padding-top: 8px; width: 95px; height: 32px; background: url(button3.png) no-repeat top left; margin: 5px auto -8px;}
      .bttn2 a:hover {background: url(../imgs/button3pressed.png) no-repeat top left;}*/