<!-- 
/*****************************************************************************
**	Name: 	  IndexPage.css
**  Author:   Matthew Miles	
** 	Desc: 	  StyleSheet that controls the display for Index.php
**			  Index.php is the controlling PHP Page for the MRA Web Site.
**  Contents: This StyleSheet defines HTML Settings under the following Sections;
**
**            1. Default Settings
**            2. Header Settings: Class = clsHeader
**            3. Footer Settings: Class = clsFooter
**            4. Document List and Display
******************************************************************************/
-->
<!-- 
/******************************************************************
** DEFAULT SETTINGS	
** Give most common HTML Tags default standard style settings.
** No Classes created in this section
*******************************************************************/
-->
BODY {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;

    position: absolute;
    top: 0px;
    left: 0px;
    visibility: visible;

	text-decoration:none;
}

H1 {
	font-size: 22px;
    font-family: arial, helvetica;
	font-weight: bold;

    color: navy;
}

H2 {
	font-size: 18px;
	font-weight: bold;

	color:#336699;
}

H3 {
    font-family: verdana, helvetica, arial;
	font-weight: bold;
	font-size: 14px;
	color: navy;
	padding-top: 5px;
	padding-bottom:2px;
}

P { 
    font-family: verdana, helvetica, arial;
	font-weight: normal;
	font-size: 11px;
	color: black;
	padding-bottom:5px;
}

P A {
	color: blue;
}

P A:HOVER {
	color: red;
}

<!-- 
/******************************************************************
** HEADER SETTINGS
** Defines the settings for Class "clsHeader"
** Controls the display for the Header
*******************************************************************/
-->
TD.clsHeader1 {
    font-family: arial, helvetica;
    font-style: normal;
    font-weight: bold;
    font-size: 14;

    color: BLUE;

    text-align: left;
    text-indent: none;
    text-decoration: none;

	padding:0 0 0 0;

	background-color: #336699; 
}

<!-- Header Motto Text and Background  -->
TD.clsHeader2 {
    font-family: arial, helvetica;
    font-style: italic;
    font-weight: bold;
    font-size: 16px;

    color: BLACK;

    text-align: left;
    text-indent: none;
    text-decoration: none;

	padding:0 5 0 5;

	background-image: url('.\Images\HeaderBG.jpg'); 
}

<!-- Top Menu Text -->
P.clsHeader1 { 
    font-family: verdana, helvetica, arial;
    font-weight: normal;
    font-size: 11px;
    
    color: black;
    padding-bottom:5px;
    padding-right:5px;

    text-decoration:none;
}

P.clsHeader1 A {
    color: #FFCC33;
    text-decoration:none;
}

P.clsHeader A:HOVER {
    color: red;
    text-decoration:none;
}


<!-- 
/******************************************************************
** MENU SETTINGS
** Defines the settings for Class "clsMenu"
** Controls the display for the Left Border Menu
*******************************************************************/
-->
TD.clsLeftBorderTop {
    font-family: arial, helvetica;
    font-style: normal;
    font-weight: bold;
    font-size: 11;

    color: #4040FF;

    text-align: left
    text-indent: none;
    text-decoration: none;

	padding:2 0 2 5;

	background-color: #336699; 

	background-image: url('.\Images\LB_GoldBlueTop.jpg'); 
}
TD.clsLeftBorderBottom {
    font-family: arial, helvetica;
    font-style: normal;
    font-weight: bold;
    font-size: 11;

    color: #4040FF;

    text-align: left
    text-indent: none;
    text-decoration: none;

	padding:2 0 2 5;

	background-color: #336699; 

	background-image: url('.\Images\LB_GoldBlueBtm.jpg'); 
}

TD.clsLeftBorder {
    font-family: arial, helvetica;
    font-style: normal;
    font-weight: bold;
    font-size: 11;

    color: #4040FF;

    text-align: left
    text-indent: none;
    text-decoration: none;

	padding:2 0 2 5;

	background-color: #336699; 
	background-image: url('.\Images\LB_GoldBlueMid.jpg'); 
}

TD.clsLeftBorder A {
    color: #4040FF;
    text-decoration:none;
}

TD.clsLeftBorder A:HOVER {
    color: red;
    text-decoration:none;
}


<!-- 
/******************************************************************
** FOOTER SETTINGS
** Defines the settings for Class "clsFooter"
** Controls the display for Footer Image and Information
*******************************************************************/
-->
TABLE.clsFooter {
    BORDER-TOP: #8080FF 2px solid;
    margin: 10 20 10 20;
}

P.clsFooter {
    font-family: arial, helvetica;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;

    color: BLACK;

    text-align: center;
    text-indent: none;
    text-decoration: none;

    padding:0 2 0 2;
}

P.clsFooterContact {
    font-family: arial, helvetica;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;

    color: BLACK;

    text-align: left;
    text-indent: none;
    text-decoration: none;

    padding:0 0 0 0;
}


<!-- 
/******************************************************************
** DOCUMENT SETTINGS
** Defines the settings for Class "clsDoc"
** Controls the display for Article Headings and Corresponding Text
*******************************************************************/
-->
<!-- Displays the Menu Category Name on Home Page -->
TD.clsDoc H1{
    font-family: verdana, helvetica, arial;
	font-weight: bold;
	font-size: 14px;
	color: navy;
	padding-top: 5px;
	padding-bottom:2px;
    background-color:#cccccc;
}

<!-- Displays the Sub-Category Name on Home Page -->
TD.clsDoc H2{
    font-family: verdana, helvetica, arial;
	font-weight: bold;
	font-size: 16px;
	color: navy;
	padding-top: 5px;
	padding-bottom:2px;
	
	text-decoration: none;
	width: 100%;
}

TD.clsDoc P {
    font-family: verdana, helvetica, arial;
	font-weight: normal;
	font-size: 12px;
	color: black;
	padding-bottom:12px;
}

<!-- Displays the Title of an Article -->
H1.clsDoc
{
    font-family: verdana, helvetica, arial;
	font-weight: bold;
	font-size: 14px;
	color: #4040FF;
	padding-top: 4px;
	padding-bottom:2px;
}

H1.clsDoc A {
    color: navy;
    text-decoration:none;
}

H1.clsDoc A:HOVER {
    color: red;
    text-decoration:none;
}

<!-- Displays the Publication Name and Date of the Article -->
H2.clsDoc {
    font-family: verdana, helvetica, arial;
	font-weight: bold;
	font-size: 12px;
	color: black;
	padding-bottom:2px;
}

H2.clsDoc A {
    color: navy;
    text-decoration:none;
}

H2.clsDoc A:HOVER {
    color: red;
    text-decoration:none;
}

<!-- Displays the Author of the Article -->
H3.clsDoc {
	padding-bottom:12px;
}

H3.clsDoc A {
    color: #4040FF;
    text-decoration:none;
}

H3.clsDoc A:HOVER {
    color: red;
    text-decoration:none;
}


P.clsDoc {
    font-family: verdana, helvetica, arial;
	font-weight: normal;
	font-size: 11px;
	color: black;
}


P.clsDocLink {
	font-size: 11px;
	color: #4040FF;
}