*
{
	font-family: Arial, Sans-Serif;
}

body
{
	/* 
		Clears white space around the body except for the top which gets 10 pixels.
	margin: 10px 0 0 0;
	*/
}

a
{
    /*
		Clears the underline on normal links, and give them #308462 as the color.
	*/
    color: #009900;
    text-decoration: underline;
}

a:hover
{
    /*
		Underlines links when the users hover the mouse over them.
	*/
    text-decoration: underline;
    color: #FF0000;
}

.PageWrapper
{
    /*
		Sets the total width for the entire page. 
	*/
}

.MainContent
{
    /*
		Defines the main content area. The #MainContent element has a minimum height of 500 pixels, but can grow if necessary.
		The font-size is 80% of its parenty element, which in this case comes down to 80% of the font
		the user has specified as the default font in the browser.
	*/
    width: 1000px;
    min-height: 800px;
    font-size: 16px;
    color: #0000FF;
}

/*Total Screen Width = 1125px -- Menu holds 120px/125px - defined in "index.html"; (Not count towards ".MainContent" 1000px)*/

.TableBody
{
    text-align: justify;
    width: 100%;
}

.TableHead
{
    font-weight: bold;
    text-align: center;
}

.TabCol1
{
    text-align: left;
    width: 120px;
}
.TabCol2    /*of 4 cols*/
{
    width: 300px;
}
.TabCol3    /*of 4 cols*/
{
    width: 410px;       /*Col3 <= 420 (=1000-120-300-160)*/
}
.TabCol4    /*of 4 cols*/
{
    text-align: right;
    width: 170px;       /*Col4 <= 170 (=1000-120-300-410)*/
}

.IconSize
{
    width: 160px;       /* <= Col4 (170)*/
    height: 160px;
}

.TabCol2Of3    /*of 3 cols (".TabCol4" applied to Col3/Proof)*/
{
    width: 710px;       /*Col2 <= 710 (=1000-120-170)*/
}

.Highlight
{
    /*
		Gives the header the same width as the PageWrapper. The height creates some room for the logo
		that is set with the background-image.
	*/
    font-size: 18px;
    font-weight: bold;
    color: #CC3300;
}

.SubHighlight
{
    /*
		Gives the header the same width as the PageWrapper. The height creates some room for the logo
		that is set with the background-image.
	*/
    font-weight: bold;
    color: #CC9900;
}

.Header
{
    /*
		Gives the header the same width as the PageWrapper. The height creates some room for the logo
		that is set with the background-image.
	*/
    font-size: 30px;
    font-family: 'Courier New' , Courier, monospace;
    font-weight: bold;
    color: #FF6600;
    text-align: center;
}


.Footer
{
    /*
		The footer is positioned below all other content (yet still within PageWrapper).
		At the top, it gets a border with a dashed style, while all other sides have no border.
		clear: both is used to clear the impact of the float properties used for #MainContent and #SideBar.
	*/
    text-align: center;
    font-weight: lighter;
    color: #CC3300;
    font-size: 16px;
    font-family: 'Times New Roman' , Times, serif;
    font-style: italic;
}