/*  
1. Create a /css directory and place this file in it
2. Use this in the HEAD of each document:

<link href="css/master.css" rel="stylesheet" type="text/css" />  
<style type="text/css">
<!--
@import url("css/master.css");
-->
</style>

*/

/**************BASE DECLARATION****************/
body {
  background-color: #000000;
  text-decoration:none;
  text-align:center;                               /* left, right, center, justify  */
  font-size:medium;                              /* xx-small, x-small, small, medium, large, x-large, xx-large      */
  font-family: Arial, Helvetica, "Sans Serif";
  font-weight: normal;                           /* lighter, normal, bold, bolder, */
  color: #000000;
  margin: 0px; 
  padding:0px
    }

/************** DIV ID ***************( <div id="center1000"></div> ) ****************/

#center1000 {
  width: 1000px ;
  margin-left: auto ;
  margin-right: auto ;
}

/************** DIV CLASS ***************( <div class="leftbody"></div> ) ****************/

div.strikeout {
  text-decoration: line-through;
}

div.callout{
  margin-left:20px;
  margin-right:20px;
  text-align:center;
  font-size:18pt;
  color:000099
}

div.bluebox {
  margin-left:18px;
  margin-right:20px;
  text-align:left;
  font-size:8pt;
}

div.whitebox {
  margin-left:18px;
  margin-right:20px;
  text-align:left;
  font-size:8pt;
}

div.youtube {
  margin-left:26px;
  margin-right:24px;
  text-align:left;
  font-size:9pt;
}

div.avail {
  margin-left:2px;
  margin-right:2px;
  text-align:center;
  font-size:8pt;
  color:green
}

div.unavail {
  margin-left:2px;
  margin-right:2px;
  text-align:center;
  text-decoration: line-through;
  font-size:8pt;
  color:red
}

div.tablehead {
  margin-left:2px;
  margin-right:2px;
  text-align:center;
  font-size:10pt;
  color:black
}

div.included{
  margin-left:1px;
  margin-right:18px;
  text-align:left;
  font-size:8pt;
}

div.textnav {
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  font-size:8pt;
  font-family: Arial, Helvetica, "Sans Serif";
  font-weight: normal;                           /* lighter, normal, bold, bolder, */
  color: #CC0000;
}

div.copyright {
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  font-size:8pt;
  font-family: Arial, Helvetica, "Sans Serif";
  font-weight: normal;                           /* lighter, normal, bold, bolder, */
  color: #333333;
}

/**************TEXT COLORS****************/

  a:link     {color:#666666}
  a:visited  {color:#666666}
  a:hover    {color:#999999}
  a:active   {color:#990000}

/**************ALIGN CLASSES****************/
.left      {text-align:left}
.right     {text-align:right}
.center    {text-align:center}


/**************TEXT CLASSES****************/

.yellowback {
  text-decoration: none;
  font-size: 120%; 
  font-weight: bold;                            
  font-family: Arial, Helvetica, "Sans Serif";
  background-color:#ffff00
    }

.heavy {
  text-decoration: none;
  font-size: 120%; 
  font-weight: bold;                            
  font-family: Arial, Helvetica, "Sans Serif";
    }

.normal {
  text-decoration: none;
  font-size: 100%; 
  font-weight: normal;                            
  font-family: Arial, Helvetica, "Sans Serif";
    }

.small {
  text-decoration: none;
  font-size: 80%; 
  font-weight: lighter;                            
  font-family: Arial, Helvetica, "Sans Serif";
    }

.tiny {
  text-decoration: none;
  font-size: 60%; 
  font-weight: normal;                            
  font-family: Arial, Helvetica, "Sans Serif";
    }

/**************COLOR CLASSES**********<SPAN CLASS="heavy blue"></SPAN>******/
/*  aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow  */

.red  {color: #990000;}
.black  {color: #000000;}
.blue  {color: #000099;}
.white  {color: #FFFFFF;}
.green  {color: #009900;}
.grey  {color: #999999;}



/**************HR CLASSES*********<hr class="thick green">*******/

hr.thin { 
  border: 1;
  width: 70%;
  height: 1px;
  text-align: center;
    }
hr.medium {
  border: 1;
  width: 70%;
  height: 3px;
  text-align: center;
    }
hr.thick { 
  border: 1;
  width: 70%;
  height: 5px;
  text-align: center;
    }


/**************HEADER CLASSES**********<h1 class=red></h1>******/

h1  {
  display: inline;
  font-size: 200%;
  font-family: Arial, Helvetica, "Sans Serif";
  font-weight: bold;
  padding-left: 0px;
  margin:0;
    }
h2  {
  display: inline;
  font-size: 170%;
  font-family: Arial, Helvetica, "Sans Serif";
  font-weight: bold;
  padding-left: 0px;
  margin:0;
    }
h3  {
  display: inline;
  font-size: 150%;
  font-family: Arial, Helvetica, "Sans Serif";
  font-weight: bold;
  padding-left: 0px;
  margin:0;
    }
h4  {
  display: inline;
  font-size: 120%;
  font-family: Arial, Helvetica, "Sans Serif";
  font-weight: bold;
  padding-left: 0px;
  margin:0;
    }
h5  {
  display: inline;
  font-size: 100%;
  font-family: Arial, Helvetica, "Sans Serif";
  font-weight: bold;
  padding-left: 0px;
  margin:0;
    }
h6  {
  display: inline;
  font-size: 80%;
  font-family: Arial, Helvetica, "Sans Serif";
  font-weight: bold;
  padding-left: 0px;
  margin:0;
    }


/**************PARAGRAPH CLASSES**********<P CLASS=tight></P>****<P CLASS="indent red"> **/
p.indent {text-indent:20px} 
p.right  {text-align:right;}
p.tight  {line-height:90%}    /*  decreased leading  */
p.loose  {line-height:140%}   /*  increased leading  */







/**************LIST CLASSES***********<UL CLASS="image"></UL>*****/
ul.disc        {list-style-type:disc}
ul.circle      {list-style-type:circle}
ul.square      {list-style-type:square}
ul.image       {list-style-image:url('../images/bullet.gif');
ol.decimal     {list-style-type:decimal}
ol.lower-roman {list-style-type:lower-roman}
ol.upper-roman {list-style-type:upper-roman}
ol.lower-alpha {list-style-type:lower-alpha}
ol.upper-alpha {list-style-type:upper-alpha}



/**************CURSOR CLASSES*********<SPAN CLASS="help"></SPAN>*******/

.help      { cursor: help}
.crosshair { cursor: crosshair}
.wait      { cursor: wait}