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

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

body {
    font-family:		arial;
    font-size:			10pt;
    color:			black;
    background-color:		white;
}

div.body-header {
    width:			95%;
    background-color:		white;
}

div.body-main {
    width:			90%;
    background-color:		white;
}

div.body-trailer {
    width:			95%;
    background-color:		white;
}

/* These are all in the body header - titles and menus */

table.title {
    width:			100%
    background-color:		white;
}

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

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

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

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

a:hover {
    color:			#777777;
}

/* These are the list properties */

ul.small,
ul.small-normal,
ul.small-bold {
    text-align:			left;
    font-family:		arial;
    font-size:			9pt;
    color:			black;
}

ul.small-normal {
    font-weight:                normal;
}

ul.small-bold {
    font-weight:		bold;
}

ul.medium,
ul.medium-normal,
ul.medium-bold {
    text-align:			left;
    font-family:		arial;
    font-size:			11pt;
    color:			black;
}

ul.medium-normal {
    font-weight:                normal;
}

ul.medium-bold {
    font-weight:		bold;
}

/* These are some table properties */

td.medium,
td.medium-left,
td.medium-center,
td.medium-right,
td.medium-left-bold,
td.medium-center-bold,
td.medium-right-bold {
    font-family:		arial;
    font-size:			11pt;
    color:			black;
}

td.medium-left,
td.medium-left-bold {
    text-align:                 left;
}

td.medium-center,
td.medium-center-bold {
    text-align:                 left;
}

td.medium-right,
td.medium-right-bold {
    text-align:                 right;
}

td.medium-left-bold,
td.medium-center-bold,
td.medium-right-bold {
    font-weight:                bold;
}

/* These are the general alignment, bold properties */

.left,
.left-bold {
    text-align:			left;
}

.left-bold {
    font-weight:		bold;
}

.center,
.center-bold {
    text-align:			center;
}

.center-bold {
    font-weight:		bold;
}

.right,
.right-bold {
    text-align:			right;
}

.right-bold {
    font-weight:		bold;
}

/* These are the heading properties */

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

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

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

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

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

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

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

.justify
{
    text-align:			justify;
}

/* This is used for a standard table */

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