﻿html, body { 
  background-color: #d8d8d8;
  text-align:center;
  padding: 0; 
  margin: 0 auto; 
  height: 100%;
  font-family:Arial;
  font-size:12px;
  color: #043077;
}

A {
    color: #043077;
    text-decoration:none;
}

P { margin-top: 10px;
    margin-bottom: 10px; }

#Container {
	width: 1000px;
	height: 667px;
	margin: 0px auto;
	padding: 0px;
	border:0;
}

#LeftEdge {
	float: left;
	width: 28px;
	height: 100%;
	background-image:url(images/LeftBack.jpg);
}

#RightEdge {
	float: right;
	width: 28px;
	height: 100%;
	background-image:url(images/RightBack.jpg);
}

#Bottom {
	float: left;
	width: 100%;
	height: 28px;
}

#BottomEdge {
	float: left;
	width: 944px;
	height: 28px;
	background-image:url(images/BottomBack.jpg);
}

#BottomLeft {
	float: left;
	width: 28px;
	height: 100%;
	background-image:url(images/BottomLeft.jpg);
}

#BottomRight {
	float: right;
	width: 28px;
	height: 100%;
	background-image:url(images/BottomRight.jpg);
}

#PageContent { 
	float: left;
	width: 944px;
	height: 100%;
	background-color:#ffffff;
	text-align: left;
}

#Header {
	float: left;
	width: 100%;
	height: 142px;
}

#PageHeader_Welcome {
	float: left;
	width: 100%;
	height: 100%;
	background-image:url(images/PageHeader_Welcome.jpg);
}

#PageHeader_Investing {
	float: left;
	width: 100%;
	height: 100%;
	background-image:url(images/PageHeader_Investing.jpg);
}

#PageHeader_Information {
	float: left;
	width: 100%;
	height: 100%;
	background-image:url(images/PageHeader_Information.jpg);
}

#PageHeader_ContactUs {
	float: left;
	width: 100%;
	height: 100%;
	background-image:url(images/PageHeader_ContactUs.jpg);
}

#Details {
	float: left;
	width: 794px;
	height: 525px;
	text-align:justify;
}

#PageDetails_Welcome {
	float: left;
	width: 100%;
	height: 100%;
	background-image: url(images/PageBackground_Welcome.jpg);
	text-align:justify;
}  

#PageDetails_Investing {
	float: left;
	width: 100%;
	height: 100%;
	background-image: url(images/PageBackground_Investing.jpg);
	text-align:justify;
}  

#PageDetails_Information {
	float: left;
	width: 100%;
	height: 100%;
	background-image: url(images/PageBackground_Information.jpg);
	text-align:justify;
}  

#PageDetails_ContactUs {
	float: left;
	width: 100%;
	height: 100%;
	background-image: url(images/PageBackground_ContactUs.jpg);
	text-align:justify;
}  

#ContentArea {
	float: left;
	width: 754px;
	height: 463px;
	text-align:justify;
	margin: 42px 20px 20px 20px;
}  

.MenuButtonText1 {
	float: left;
	width: 140px;
	height: 22px;
	text-align: center;
	margin: 10px 0px 0px 0px;
	line-height:12px;
	font-size:11px;
}  

.MenuButtonText2 {
	float: left;
	width: 140px;
	height: 22px;
	text-align: center;
	margin: 4px 0px 0px 0px;
	line-height:12px;
	font-size:11px;
}  


.TextBoxLabel 
{
    float:left;
    width: 100px;
    height: 14px;
    font-size:12px;
    text-align: right;
    padding: 2px 10px 0px 10px;
}
.ErrorLabel 
{
    float:left;
    width: 700px;
    height: 14px;
    font-size:12px;
    text-align: left;
    font-style:italic;
    color:Red;
    padding: 2px 10px 0px 10px;
}

.TextBox 
{
    float:left;
    width: 326px;
    font-size:12px;
}

.TextBoxHalf 
{
    float:left;
    width: 100px;
    font-size:12px;
}

.DropDownList
{
    float:left;
    width: 106px;   
    font-size:12px;
}

.TextBoxMultiLine 
{
    float:left;
    width: 326px;
    height: 80px;
    font-size:12px;
}

.SubmitButton {
    float:left;
    width: 200px;
    height: 27px;
    font-size:13px;
    margin-top:10px;
}

.Fineprint 
{
    font-size: 9px;
    margin-right: 200px;
}
#Menu {
	float: left;
	width: 150px;
	height: 525px;
	background-image: url(images/MenuBackground.jpg);
}  

.MenuButton {
	float: left;
	width: 150px;
	height: 42px;
	background-image: url(images/MenuButton.jpg);
	text-align: center;
}  

.BlueButton {
	float: left;
	width: 150px;
	height: 45px;
	background-image: url(images/BlueButton.jpg);
	background-repeat:no-repeat;
	text-align: center;
}  

#InvestmentProducts {
    float: left;
	width: 100%;
	height: 77px;
	background-image: url(images/RatesBackground.jpg);
	background-repeat: no-repeat;
	text-align: left;
}  

.InvestmentProduct {
    float: left;
	width: 35%;
	text-align: left;
	margin: 7px 10px 0px 0px;
}
