/* uncorked_style.ccs */

/****************************/
/* UnCorked Style Sheet */
/****************************/

/* Testing WEBFONTS */
@font-face
{
font-family: mplus-2p-regular;
src: url('http://mplus-fonts.sourceforge.jp/webfonts/mplus-1p-regular.ttf')
     format("truetype");
}

/* Assign common background colors and text colors. */
/* Set text in body to font family different from headers. */
/*#000099 = dark blue; #FFFFCC = cream yellow  */
   body { color: #990033;  
   	      background-color: #CCCCCC;
          font-family: Arial, sans-serif;
        }
                
/* Set text in headers to same font family and same color. */
   h1,h2,h3,h4,h5,h6 { color: #990033;
                       background-color: inherit;
   	               font-family: Garamond,serif;
                       font-weight: bold;
                      }

/* Change default characteristics of <em>, <bold>, <strong> */
   em { color: blue;
        background-color: inherit;
        font-variant:small-caps;
       }
   bold { color: #00FF00;
          background-color: inherit;
        }
   strong { color: #00CCCC;
            background-color: inherit;
            font-style:oblique;
          }

/* Change link characteristics when link is for image source. */
  a.source1:link,
  a.source1:hover,
  a.source1:visited { color:green;
                      background-color:inherit;
                      font-size:smaller;
                      font-style: italic;
                    }
   a.source1:link,
   a.source1:visited { text-decoration: none;
                     }
   a.source1:hover { text-decoration: underline;
                }                    

/* Change link characteristics when link is for page navication. */
  a.page_nav:link,
  a.page_nav:hover,
  a.page_nav:visited { color: teal;
                       background-color :inherit;
                       font-size: 90%;
                       font-style : italic;
                       margin-left: 1em;
                       margin-left: 1em;
                     }

/* Make Header Page reverse color scheme */
/*#000099 = dark blue; #FFFFCC = cream yellow  */
   body.header_pg { color: #FFFFFF; 
                    background-color: #990033;
                  }
   div.header_pg { font-size: 150%;
                   text-align :center;
                 }
   h1.header_pg { color: #FFFFFF; 
     	          background-color: inherit;
                }
   p.header_pg {text-align:center;
                }

/* Make navigation links look like buttons */
/*#000099 = dark blue; #FFFFCC = cream yellow  */
   a.button_look { color: #FFFFFF;
                   background-color: #990033; 
                   position:relative; 
                   width: 100%;
                   padding-top: .75em;
                   padding-bottom: .75em;
                   padding-left: .5em;
                   padding-right: .5em; 
                   margin-left: .5em;
                   margin-right: .5em;  
                   margin-top: 1.0em;
                   margin-bottom: 1.0em; 
                   line-height: 125%;
                   border-style: outset;
                   font-style: normal;
                   font-weight: normal;
   	         }
   p.button_look { text-decoration:none;
                 }
   	       
/* Make navigation links reverse colors on hover. */
/*#000099 = dark blue; #FFFFCC = cream yellow  */
   a.button_look:hover { color: #990033;
                     background-color: #FFFFFF;
                    }

/* Use squares on nested unordered list       */
   ul { list-style-type: circle;
      } 
   ul ul  { list-style-type: square;
          } 
   ul ul ul { list-style-type: square;
            }  

/* Make class for ul with no bullet */
   ul.no_bullet { list-style-type: none;}

/* Use Roman numerals on ordered lists      */
   ol { list-style-type: upper-roman;
      }  
   	
/* Special formatting for paragraphs to highlight text. */
   div.hilite { color: #0000CC;
                background-color: #99FFFF ;
                text-align: center;
                margin-left: 1em;
                margin-right: 2em;
                margin-bottom: 4em;
              }
   p.hilite { font-family: 'Courier New', Courier, Serif;
            }
   h3.hilite { color: #0066CC;  
	           background-color: #FFFFFF;
             }

/* Special class to indent on right and left. */
   div.indent_both { margin-left: 1em;
                     margin-right:7em;
                   }               
            
/* Set paragraphs following heading remove space between 
   heading and paragraph 1st line. */
   h1 + p,
   h2 + p,
   h3 + p { margin-top: -1em; }
   
   ul h1,
   ul h2,
   ul h3 { margin-top: 1em; 
           margin-bottom: 0em; 
           font-style:oblique;
         }

/* Center heading and contact information. */
   div.center1 { text-align: center}
   
/* Format table elements */
   thead th { align: center;
              color: #993333; 
              background-color: inherit;
            }
   th { font-weight:bold;
      }
/*   tbody td { font-family: 'CommercialScript BT', 'Brush Script MT', Script;  */
   tbody td { font-family: 'Ariel', SanSerif; 
        font-size:150%;
        background-color: #FFFFFF;
      }
   tbody th { color: #990033; 
              background-color: #FFFFFF;
            }
   th { font-weight:bold;
      }
   td { align: center;
      }
      
/* Create class "current" to highlight current classes cells in table. */      
   td.current { color: red;
                  background-color: inherit;
                }
   td.bold_data { font-weight:bold;
                }                
/* Create class for inline highlighting. */
   span.under_line { text-decoration:underline; }

/* Create class "normal" to highlight  cells in table. */      
   td.normal { color: #990033;
               background-color: #CCCCCC;
                }
/* Create class "nav" to highlight current classes cells in table. */ 
   table.nav { align: center;
               width: 95%;
               cellpadding: 4;
              }

   tbody.nav tr { font-family: 'Ariel', SanSerif; 
                  font-size:70%;
                  color: #FFFFFF;
                  background-color: #990033;
                 }
   
   td.nav { color: #FFFFFF;
                  background-color: #990033;
                  height: 400;
                }

   td.nav:hover { color: black;
                 background-color: #FFFFFF;
                }
   a.nav { color: #FFFFFF;
                   background-color: #990033;
                   position:relative; 
                   text-decoration: none;
                   font-style: normal;
                   font-weight: normal;
   	         }

   a.nav:hover { color: #990033;
                 background-color: #FFFFFF;
                 text-decoration: none;
                }