/*
 * File:  html.css
 *
 * This is the main style sheet for this site
 *
 * First the body
 */

body
{
    font-family:		arial;
    font-size:			8pt;
    color:			black;
    background-color:		#EEEEEE;
}

/*
 * These are the basic divisions of the body
 */

div.body-header
{
    width:			98%;
    background-color:		#AAAAAA;
}

div.body-main
{
    width:			95%;
    //padding:			10;
    background-color:		#EEEEEE;
}

div.body-trailer
{
    width:			95%;
    //padding:			10;
    background-color:		#EEEEEE;
}

/*
 * These are for the title lines
 */

table.title
{
    width:			100%
    background-color:		#AAAAAA;
    border-width:		5;
    border-color:		#CCCCCC;
    padding:			12;
    border-style:		outset;
}

td.title
{
    text-align:			right;
    font-family:		arial;
    font-size:			20pt;
    font-weight:		800;
    vertical-align:		middle;
    color:			Navy;
}

/*
 * These are basic list formats
 */

ul.info
{
    text-align:			left;
    font-family:		arial;
    font-size:			8pt;
    color:			black;
    font-weight:		800;
    color:			black;
}

/*
 * These are the basic headlines
 */

h1
{
    text-align:			left;
    font-family:		arial;
    font-size:			14pt;
    font-weight:		800;
    color:			black;
}

h2
{
    text-align:	          left;
    font-family:	         arial;
    font-size:	           12pt;
    font-weight:	         800;
    color:	               black;
}

h2.center
{
    text-align:	          center;
    font-family:	         arial;
    font-size:	           12pt;
    font-weight:	         800;
    color:	               black;
}

h2.right
{
    text-align:	          right;
    font-family:	         arial;
    font-size:	           12pt;
    font-weight:	         800;
    color:	               black;
}

h3
{
    text-align:	          left;
    font-family:	         arial;
    font-size:	           10pt;
    font-weight:	         800;
    color:	               black;
}

h3.center
{
    text-align:	          center;
    font-family:	         arial;
    font-size:	           10pt;
    font-weight:	         800;
    color:	               black;
}

h3.right
{
    text-align:	          right;
    font-family:	         arial;
    font-size:	           10pt;
    font-weight:	         800;
    color:	               black;
}

h4
{
    text-align:	          left;
    font-family:	         arial;
    font-size:	           9pt;
    font-weight:	         800;
    color:	               black;
}

h4.center
{
    text-align:	          center;
    font-family:	         arial;
    font-size:	           9pt;
    font-weight:	         800;
    color:	               black;
}

h4.right
{
    text-align:	          right;
    font-family:	         arial;
    font-size:	           10pt;
    font-weight:	         800;
    color:	               black;
}

/*
 * These are our basic paragraphs and the tags
 */

p
{
    text-align:	          left;
    font-family:	         arial;
    font-size:	           8pt;
    color:	               black;
}

a
{
    font-family:		arial;
    font-weight:		800;
    color:			blue;
}

/*
 * These are for the menu navigation bar
 */

td.menu
{
    background-color:		#4488AA;
    border-top:			solid #DDDDDD 4px;
    border-left:		solid #DDDDDD 4px;	
    border-right:		solid #584300 4px;	
    border-bottom:		solid #584300 4px;
    text-align:			center;
    font-family:		arial;
    font-size:			10pt;
    padding:			5;
}

a:hover.menu
{
    color:			yellow;
}

.menu:hover
{
    color:			yellow;
}

.menu
{
    color:			white;
    text-decoration:		none;
    text-align:			center;
    font-family:	        arial;
    font-size:			10pt;
}

/*
 * These are for positioning of text
 */

.left
{
    text-align:	          left;
    font-family:	         arial;
    font-size:	           8pt;
    color:	               black;
}

.left-bold
{
    text-align:	          left;
    font-family:	         arial;
    font-size:	           8pt;
    color:	               black;
    font-weight:	         800;
}

.center
{
    text-align:	          center;
    font-family:	         arial;
    font-size:	           8pt;
    color:	               black;
}

.center-bold
{
    text-align:	          center;
    font-family:	         arial;
    font-size:	           8pt;
    color:	               black;
    font-weight:	         800;
}

.right
{
    text-align:	          right;
    font-family:	         arial;
    font-size:	           8pt;
    color:	               black;
}

.right-bold
{
    text-align:	          right;
    font-family:	         arial;
    font-size:	           8pt;
    color:	               black;
    font-weight:	         800;
}

.right-bottom
{
    text-align:			right;
    font-family:		arial;
    font-size:			8pt;
    color:			black;
    vertical-align:		bottom;
}

.justify
{
    text-align:			justify;
    font-family:		arial;
    font-size:			8pt;
    color:			black;
}

////////////////////////////////////////
// kill this stuff eventually
// ul.menu
// {
  //   font-family:	         arial;
    // font-size:	           8pt;
//     color:	               black;
// }

.l
{
    text-align:	          left;
    font-family:	         arial;
    font-size:	           8pt;
    color:	               black;
}

.lb
{
    text-align:	          left;
    font-family:	         arial;
    font-size:	           8pt;
    color:	               black;
    font-weight:	         800;
}

.cb
{
    text-align:	          center;
    font-family:	         arial;
    font-size:	           8pt;
    color:	               black;
    font-weight:	         800;
}

.c
{
    text-align:	          center;
    font-family:	         arial;
    font-size:	           8pt;
    color:	               black;
}

.rb
{
    text-align:	          right;
    font-family:	         arial;
    font-size:	           8pt;
    color:	               black;
    font-weight:	         800;
}

.r
{
    text-align:	          right;
    font-family:	         arial;
    font-size:	           8pt;
    color:	               black;
}

input, select, textarea
{
    font:	            MS Sans Serif, Tahoma, Verdana, Arial;
    font-size:	       8pt;
    border-width:	    1;
    border-color:	    CCCCCC;
    border-style:	    ridge;
}