@charset "utf-8";
#Body {
	background-image: url(bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	background-color: #3A4E6F;
	text-align: center;
}
h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 15px;
	color: #416194;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	font-weight: bold;
	font-style: italic;
}
p {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #000;
	line-height: 20px;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 15px;
	padding-bottom: 0px;
	margin: 0px;
}
h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 15px;
	color: #ED1C24;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	font-weight: bold;
	font-style: italic;
}

.ContentPane {
	margin: 0px;
	padding: 30px;
}
#ControlPanel {
	width: 940px;
	margin-right: auto;
	margin-left: auto;
}

.box {
	width: 180px;
	float: right;
	background-color: #76001E;
	padding: 0px;
	margin: 0px;
	height: 64px;
}



.header {
	padding: 0px;
	width: 940px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #FFFFFF;
	height: 74px;
	text-align: left;
}
.content {
	width: 940px;
	background-color: #FFFFFF;
	margin: 0px auto;
	padding: 10px 0px 0px;
	clear: both;
}
#LeftPane {
	margin: 0px;
	padding: 0px;
	background-color: #76001E;
	width: 180px;
	font-size: 12px;
}
#RtPane {
	margin: 0px;
	padding: 0px;
	width: 180px;
	font-size: 12px;
	background-color: #E5E5E5;
}
#container #TopPane{
	padding: 0px;
	width: 940px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	vertical-align: top;
}
#container #TopPane div {
	margin: 0px;
	padding: 0px;
	float: left;
}
#container #TopPane img {
	float: left;
}


#TopPane .Normal {
	margin: 0px;
	padding: 0px;
}

.navigation {
	margin: 0px;
	padding: 0px;
}
.navigation li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.navigation a {
	display: block;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	font-weight: bold;
}
.navigation a:hover {
	background-color: #2E394F;
}
.footer {
	text-align: center;
	vertical-align: top;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #A6B2C8;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 940px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.footer ul {
	margin: 0px;
	padding: 0px;
}
.footer li {
	list-style-type: none;
	display: inline;
	margin: 0px;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 2px;
}
.footer a {
	color: #A6B2C8;
	text-decoration: none;
}
.footer a:hover {
	text-decoration: underline;
}
.footer p {
	color: #A6B2C8;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

/* Adjusts Main Menu Items Height and Width. Can't set borders or background colors.*/
.MainMenu_MenuBar{
	cursor: pointer;
	cursor: hand;
	background-color: Transparent;
	margin: 0px;
	height: 25px;
	width: 180px;
	padding: 0px;
}
.MainMenu_MenuItem{
	width: 145px;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: normal;
	height: 25px;
}
/* Menu Styles */

/*Controls styling of the entire container, not the individual menu items.*/
.MainMenu_MenuContainer{
	background-color: Transparent;
	width: 145px;
} 

/*Like the MenuContainer, this style controls the sub menu "container".*/
.MainMenu_SubMenu {
	z-index: 1000;
	cursor: pointer;
	cursor: hand;
	background-color: #FFF;
    filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3);
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 170px;
	margin: 0px;
	padding: 0px;
}
/*Don't know what this does. I've set odd styles. E.G. 10px borders, fuschia backgrounds and I see no effect in the menu.*/
.MainMenu_MenuBreak{
}

.MainMenu_MenuArrow
            {
	font-family: webdings;
	font-size: 10pt;
	cursor: pointer;
	cursor: hand;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	display: none;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
            }
/*
.MainMenu_RootMenuArrow{

	
}
.MainMenu_MenuItem{
	color: #FFF;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: normal;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 145px;
	height:25px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
} 
.MainMenu_MenuItemSel{
	color: #FFFFFF;
	background-color: #5E0017;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: normal;
	height:25px;
	border: 1px solid #76001E;
	margin: 0px;
	padding: 0px;
	}
*/

	
	.MainMenu_MenuIcon
            {
	cursor: pointer;
	cursor: hand;
	text-align: center;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 30px;
            }
.RootMenuItems

{
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: normal;
	background-color: #76001E;
	color: #FFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.RootMenuItemsActive

{
	background-color: #76001E;
	color: #FFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-weight: normal;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
}
.RootMenuItemsSelected

{
	color: #FFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-weight: normal;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	background-color: #5E0017;
	height: 25px;
	width: 145px;
}
.SubMenuItems{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.SubMenuItemsActive{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.SubMenuItemsSelected{
	color: #FFF;
	border: none;
	background-color: #5E0017;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: normal;
	height: 25px;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
#container .content .calculator{
	text-align: center;
	padding: 20px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	border: 1px solid #CCC;
}

.calculator .calcTable .submit,.calculator .calcTable .reset{
	color: #FFF;
	background-color: #76001E;
	border: 1px solid #FFF;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}
.calculator .calcTable .submit:hover,.calculator .calcTable .reset:hover{
	color: #FFF;
	background-color: #5E0017;
	border: 1px solid #FFF;
}

.calcTable, .calcTable td{
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #000;
	font-weight: bold;
}
.calcTable input, .calcTable select{
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #000;
	margin-right: 3px;
	font-weight: normal;
}
.calcResult{
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #76001E;
	font-weight: normal;
}
#container .content h3{
	font-family: "Times New Roman", Times, serif;
	font-size: 15px;
	color: #ED1C24;
	margin-top: 20px;
	margin-bottom: 10px;
	font-weight: bold;
	font-style: italic;
}

.calcTable .unwatermarked{
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #000;
	margin-right: 3px;
	font-weight: normal;
}.right {
	float: right;
	margin-left: 20px;
	border: 1px solid #CCC;
	margin-bottom: 20px;
}
.left {
	float: left;
	border: 1px solid #CCC;
	margin-right: 20px;
	margin-bottom: 20px;
}
li {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #000;
}
.ContentPane table{
	margin-bottom: 30px;
}

.ContentPane table th {
	background-color: #0A3765;
	text-align: left;
	color: #FFF;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	font-size: 14px;
}
.ContentPane table .gray td{
	background-color: #F0F2F4;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
	font-size: 13px;
}
.ContentPane table td{
	font-size: 12px;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
}
.ContentPane table td.apy{
	width: 120px;
}
.ContentPane table td.rate{
	width: 80px;
}
#facebook img  {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#facebook  {
	padding-top: 6px;
	padding-bottom: 6px;
	text-align: center;
}
#LogoPane {
	height: 74px;
}