body, td{
	font-size: 76%;/* font sizing in ems, baby. if you want to change anything, just change this.*/
	/*funny thing happens at 75% and lower. opera goes to a nice small size, but moz and ie pc change almost not at all. seems 76% is as small as you can go and stay the same across browsers. poop.*/
	}

body{
	margin-top: 0; 
	margin-left: 2;
	padding: 0;
	font-weight: normal;
	font-family: arial, helvetica, sans-serif, verdana ;
	color: #004B88;
	background-color: #ffffff;
	}

.regionHeader{
	color:#990000;
	font-weight:bold;
	font-size: 1.5em;
	text-align:center;
	}

.applicationLinks{
	font-size: 1.0em;
	color: #004B88;
	background-color: #ffffff;
	}
	
h1
{
    color: #004B88;
    font-size: 2.0em;
    font-weight: normal;
    text-transform: capitalize;
}
	
/*---------------------------------------Above here is for new standards-------------------------------------------*/


.branding
{
    FONT-SIZE: 12px;
    BACKGROUND-COLOR: #004B88;
    TEXT-ALIGN: center;
    COLOR:#FFFFFF
}
.branding A
{
	color: #ffffff;
	FONT-WEIGHT: bold;
}
.branding TD
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px
}
.branding TABLE
{
    WIDTH: 100%
}
.tabLink
{
    COLOR: #004B88;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: x-small;
	font-weight: bold;
	font-decoration: none;
}
.tabLink: visited
{
	FONT-WEIGHT: bold;
    COLOR: #004B88;
	text-decoration: none;
}
.tabLink: A
{
	font-size: large;
	color: #004B88;
	FONT-WEIGHT: bold;
	text-decoration: none;
}
.tabLink :hover
{
	font-size: large;
	FONT-WEIGHT: bold;
    COLOR: #004B88;
	text-decoration: none;
}
.tabLink :visited
{
	font-size: large;
	color: #004B88;
	FONT-WEIGHT: bold;
	text-decoration: none;
}
.branding2
{
    FONT-SIZE: xx-small;
    BACKGROUND-COLOR: #CCCCCC;
    TEXT-ALIGN: center;
    COLOR:#004B88
}
.sitename
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-SIZE: large;
    PADDING-BOTTOM: 0px;
    COLOR: white;
    PADDING-TOP: 0px;
    BACKGROUND-COLOR: #004B88
}
.pagename
{
    FONT-SIZE: medium
}
.navbar
{
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;
    FONT-SIZE: x-small;
	FONT-WEIGHT: normal; 
    PADDING-BOTTOM: 4px;
    PADDING-TOP: 4px;
    BACKGROUND-COLOR: #84aede;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none;
	COLOR: #000000
}
.hnavbar
{
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;
    FONT-SIZE: x-small;
	FONT-WEIGHT: normal; 
    PADDING-BOTTOM: 4px;
    PADDING-TOP: 4px;
    BACKGROUND-COLOR: #84aede;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none;
	COLOR: #000000
}
.history
{
    FONT-SIZE: xx-small;
    TEXT-ALIGN: right
}
BODY
{
	font-size: 12px;
	color: #004B88;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	background : #FFFFFF;
}
P,LI,OL,UL,SUP,SELECT
{
	font-size: 12px;
	color: #004B88;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}
HR
{
    BORDER-RIGHT: #004B88;
    BORDER-TOP: #004B88;
    BORDER-LEFT: #004B88;
    BORDER-BOTTOM: #004B88;
    HEIGHT: 4px;
    BACKGROUND-COLOR: #004B88
}
.navbar A:hover
{
    TEXT-DECORATION: underline;
    COLOR: #ffffff
}
.navbar .selected
{
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;
    COLOR: #ffff99;
    font-weight:BOLD
    
}
.hnavbar A:hover
{
    TEXT-DECORATION: underline;
    COLOR: #ffffff
}
.hnavbar .selected
{
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;
    COLOR: #ffff99;
    font-weight:BOLD
}
.sitename TABLE
{
    WIDTH: 100%
}
H1
{
    COLOR: #004B88;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: x-large;
    FONT-WEIGHT: bolder;
    TEXT-TRANSFORM: capitalize
}
H2
{
    COLOR: #004B88;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: large;
    FONT-WEIGHT: bolder;
    TEXT-TRANSFORM: capitalize
}
H3
{
    COLOR: #004B88;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: large;
    FONT-WEIGHT: lighter;
    TEXT-TRANSFORM: capitalize
}
p
{
    COLOR: #004B88;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: small;
    FONT-WEIGHT: lighter;
}

.title
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-SIZE: 16px;
    PADDING-BOTTOM: 0px;
    COLOR: #004B88;
    PADDING-TOP: 0px;
	height: 35px;
	vertical-align: middle;
}
.selectedTab
{
	background-image: url(../image/GrayBg.png)
}
.selectedWhiteTab
{
	background-image: url(../image/WhiteBg.png)
}
.selectedWhiteTab
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-SIZE: 14px;
    PADDING-BOTTOM: 0px;
    COLOR: #004B88;
    PADDING-TOP: 0px;
	vertical-align: middle;
	background-repeat: repeat-x;
}
.selectedTab
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-SIZE: 14px;
    PADDING-BOTTOM: 0px;
    COLOR: #004B88;
    PADDING-TOP: 0px;
	vertical-align: middle;
	background-repeat: repeat-x;
}
.unselectedTab
{
	background: #84AEDE;
	background: url(../image/BlueBg.png);
}
.unselectedTab
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 0px;
    COLOR: #004B88;
    PADDING-TOP: 0px;
	vertical-align: middle;
	background-repeat: repeat-x;
}
.welcome
{
    FONT-SIZE: large;
    COLOR: #004B88;
}
.applicationLinks
{
    COLOR: #004B88;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: x-small;
}
.list A:hover
{
	align: left;
	color: #004B88;
	FONT-WEIGHT: bold;
}
.footer A:hover
{
	color: #ffffff;
	FONT-WEIGHT: bold;
}
.footer A
{
	color: #ffffff;
	FONT-WEIGHT: bold;
}
.merchantBranding
{
    FONT-SIZE: xx-small;
    BACKGROUND-COLOR: #004B88;
    TEXT-ALIGN: center;
    COLOR:#004B88
}
.merchantBranding TD
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px
}
.merchantBranding TABLE
{
    WIDTH: 100%
}
.merchantBranding :hover
{
    COLOR: #000000;
}
.merchantTitle
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-SIZE: Large;
    PADDING-BOTTOM: 0px;
    COLOR: black;
    PADDING-TOP: 0px;
    BACKGROUND-COLOR: #ffffff
}
.superscript A:hover
{
	text-decoration: none;
	vertical-align: top;
	font-size: -2;
}

.superscript A
{
	text-decoration: none;
	vertical-align: top;
	font-size: -2;
}

.superscript
{
	text-decoration: none;
	vertical-align: top;
	font-size: -2;
}


