html {
  margin: 0;
  padding: 0;
}

body, td {
  font-family: 'Arial', sans-serif;
}

body.paper {
  background: url('images/BGPaper.jpg');
  margin: 5em;
  padding: 0em;
}

body.index {
  background: #00C;
  margin: 0;
  padding: 0;
}


body.plain {margin: 5em;
           padding: 0em; 
           }

p {
  line-height: 150%;
  text-align: justify;
}

.centered {
  line-height: 150%;
  text-align: center;
}

div.centered {
  line-height: 150%;
  text-align: center;
}

           
div.menu  {margin: 0em;
           padding: 1em; 
           }
           
           
div.floatLeft { margin: 0em; float: left; text-align: center;
           }
          
           

i { font-weight: bold;
    }

b {color: #009999;}



/* valid color codes:   0,3,6,9,C,F    just use pair of three instead of six  code: padding: 0;*/

ul {
     line-height: 1.5em; 
	 font-size: 1.5em; 
	 text-align: justify; 
	 margin-top: 0.9em; margin-right: 75px; margin-bottom: 0.9em; margin-left: 75px; 
	 }


ol {
     line-height: 1.5em; 
	 font-size: 1.5em; 
	 text-align: justify; 
	 margin-top: 0.9em; margin-right: 75px; margin-bottom: 0.9em; margin-left: 75px; 
	 }

.Quote        { 
               line-height: 1.5em; 
	           font-size: 1.5em; 
	           text-align: justify;               
	           border: 2px solid #CCF; margin-left: 20; margin-right: 20; padding: 10; 
               background-color: #ECECFF }



.FloatRight { margin-left: 1em;  margin-bottom: 1em; float: right; text-align: center; font-weight: bold; font-size: 80%; }
.FloatLeft { margin-right: 1em; margin-bottom: 1em; float: left; text-align: center; font-weight: bold; font-size: 80%; }
hr { clear: both; height: 2px; border-top: 2px solid  #993300; }

a { text-decoration: none; font-weight: bold; }
a:hover { text-decoration: underline; }


h1 { 
	font-family: "comic sans ms", verdana, sans-serif; 
	font-size: 4.1em; 
	text-align: center;	
	width: 100%; 
	}



span.standout {
	 font-family: "comic sans ms", verdana, sans-serif; 
	 font-style: italic; font-weight: bold; font-size: 1.1em; 
	 color: maroon; background: transparent; 
	 }

h2 {
	 color: maroon; background: transparent; 
	 text-decoration: underline; 
	 }
	 
h3 {
	 color: maroon; background: #e9967a; 
	 padding-left: 25px; 
	 } 
	 
h6 {
	 color: white; background: navy; 
	 text-align: center; 
	 margin-left: 10em; margin-right: 10em; 
	 font-weight: bold; 
	 }

hr {
	 width: 100%; 
	 color: #E9967A; 
	 background: transparent; 
	 height: 5px; 
	 }


li { 
  line-height: 150%;
  margin: 1em;
}

  body.index table {
    border: 0px none;
    border-collapse: collapse
  }

  body.index td {
    padding: 0;
    margin: 0;
    vertical-align: top;
  }

  body.index td.logo {
    border-right: 4px solid black;
    border-bottom: 4px solid black;
  }

  body.index td.leftbar {
    padding: 0em;
    background: #FF6;
    border-right: 4px solid black;
  }

  body.index td.topbar {
    background: #6F6;
    padding: 1em;
    border-bottom: 4px solid black
  }

  body.index td.content {
    padding: 1em;
    background: white;
  }
  
    body.index td.contentDrama {
    padding: 1em;
    background: green;
  }
  


  body.index td.box {
    background: #09F;
    border: 2px solid black;
    padding: 1em;
    color: white;
    font-size: 120%;
    float: right;
  }
  
  
  body.index td A.menu {
	TEXT-DECORATION: none
  }