/* Andy Kims: styles.css */
/* External stylesheet */

body     { background-image: url(images/water003.jpg);
           background-repeat: repeat;
           background-attachment: scroll;
           background-color: #eeeeee;
           font-family: Verdana, 'Century Gothic', 'Times New Roman', Garamond, Serif; 
           font-size: 70% }
           
div.floated { float: right;
              text-align: right } 
               
div { text-align: center }            

h1,h2,h3   { font-family: Verdana, 'Century Gothic', 'Times New Roman', Garamond, Serif; 
             text-align: center;
             color: #000000 }

h4,h5,h6   { font-family: Verdana, 'Century Gothic', 'Times New Roman', Garamond, Serif; 
             color: #000000 }

li       { font-size: 120% }
          
 .small { height: 5px }
 .med   { height: 10px }
 
 hr { width: 100%;
      height: 3px;
      color: #000000;
      background: inherit;
      text-align: left }

table.border  { border-color: #000;
                border-style: solid;
                border-width: 3px }  
 border = "3" frame = "box" cellspacing = "6" cellpadding = "4"        

/*td { background-color: #004e4a }*/

tr.dark { background-color: #B0C4DE }      

   p,pre   { font-family: Verdana, 'Century Gothic', 'Times New Roman', Garamond, Serif; 
           font-size: 120%;
           color: #000000 }
           
  .left     { text-align: left }      
  .right    { text-align: right }
  .center   { text-align: center }
  .red      { color: #FF0000 }
  .green    { color: #008000 }
  .yellow   { color: #FFFF00 }
  .xxsmall  { font-size: 70%; font-weight: 700 } 
  .med      { font-size: 100% }
  .large    { font-size: 150% } 
  .xlarge   { font-size: 200% }     
  .xxlarge  { font-size: 250% }
  .xxxlarge { font-size: 300% }           
  
table.lft    { margin-top: 0.2%;
               margin-left: 0.2%;
               margin-right: 0.2%;
               margin-bottom: 0.2%;
               z-index: 1;
               background-color: #004E4A }

     .lft    { margin-left: 0.2% }    
     .rght   { margin-left: 50% }
              
/*used in video.html*/         
/*margin-left: 35%*/
 table.cnt    {position:relative;
               left:30%;
               background-color: #B0C4DE }

.special { color: #ffffff }

    
  
/* a.nodec  { text-decoration: bold } */

/* a:hover  { text-decoration: underline } */

li em       { font-weight: bold }
         
/* h1, em   { text-decoration: underline } */
         
ul          { margin-left: 40px }

ul ul li { font-family: Verdana, 'Century Gothic', 'Times New Roman', Garamond, Serif; 
           color: #000000;
           font-size: 100%; 
         } 

ul.disc  { list-style-type: disc}
ul.font  { font-family: Verdana, 'Century Gothic', 'Times New Roman', Garamond, Serif; 
           font-size: 70%;
           color: #000000;
         }

a.nodec   { text-decoration: none }
a.thick   {font-weight: 700}
a:link    { color: #000000 } 
a:visited { color: #000000 } 
a:active  { color: #000000 } 
/*bold 100 lightest 900 boldest */ 
a:hover   { color: #0000FF; font-weight: 400; text-decoration: underline }




/* <body text = "#cdbdaf" background = "images/water003.jpg" link = "#ffff00>" vlink = "#ffff00" alink = "#ffff00"> */
/* <style fprolloverstyle>A:hover {color: #FF0000; font-weight: bold}</style> */
