﻿/* CSS layout */
body {
	margin-top: 0px;
	background-color: #656565;
	text-align: center;
}

h4 {
	color: #808285;
	font-family: trebuchet MS;
	font-size: .9em;
	font-weight: bold;
	text-transform:uppercase;
	padding-left: 3px;
	margin: 0;
}

h5 {
	margin: 0;
	color: #808285;
	font-family: trebuchet MS;
	font-size: .9em;
	font-weight: bold;
}

#shell {
	background-image: url('images/shadow.jpg');
	background-repeat: repeat-y;
	margin: 0 auto;
	text-align: left;
	width: 941px;
	border: 0px white solid;
	background-color: #656565;
	padding: 0px 26px;
}
#bg {
	background-image: url('images/topbar.jpg');
	width: 942px;
}
#bgbottom {
	background-image: url('images/bottombar.jpg');
	width: 951px;
}
.goldbg {
	background-color: #E6BF49;
	height: 12px;
}
/*
.transsband {
	background-image:url('images/tradnsband.gif');
	background-repeat: repeat-y;
	padding: 0px 18px;
}
*/
.clear {
	clear: both;
}

.cap {text-transform: capitalize;}

#loginarrow {
	padding-left: 150px; 
	padding-top: 0px;
}
#login {
	background-image: url('images/loginbgnone.gif');
	background-repeat: no-repeat;
	height: 152px;
	width: 281px;
	font-family: Helvetica;
	text-transform: uppercase;
	font-size: .7em;
}
#login2 {
	background-image: url('images/mastercard_secure2.jpg');
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 104px;
	width: 250px;
	font-family: Helvetica;
	font-size: .7em;
	border: 0px #E6BF49 solid;
	padding-right: 36px;
	padding-top: 24px; 	
}
#loginhead {
	font-size: 1.7em;
	color: #fff;
	text-align: left;
	padding: 3px 0px;
	text-transform: none;
	letter-spacing: 1px;
	margin: 0;
}
#bankhead {
	font-family: Garamond;
	font-size: 18pt;
	color: #fff;
	text-align: left;
	text-transform: capitalize;
}
#logintext {
	color: #fff;
	padding: 0px 0px 0px 43px;
	text-align: left;
	font-size: .9em;
}
#lowerhead {
	font-family: Garamond;
	font-size: 18pt;
	text-align: left;
	padding: 0px 0px;
	color: #2A4478;
}
#logo {
	background-image: url('images/nstar_bg.jpg');
	background-repeat: no-repeat;
	height: 152px;
	width: 942px;
	border: 0px #fff solid;
	padding: 0px 0px 0px 0px;
	text-align: center;
}
.indiheading {
	color: #2A4478;
	font-size: 1.2em;
/*	text-transform: capitalize; */
	font-family: helvetica;
	font-weight: bold;
	margin-left: 18px;
	margin-top: 25px;
	margin-right:18px;	
}

.indisubheading {
	color: #2A4478;
	font-size: 0.8em;
/*	text-transform: capitalize; */
	font-family: helvetica;
	font-weight: normal;
	padding-top: 65px;
	margin-right:18px;	
}
.inditext {
	color: #2A4478;
	font-size: .85em;
	font-family: helvetica;
	margin-left: 18px;
	margin-right:18px;
}
.indilefttext {
	color: #2A4478;
	font-size: 14px;
	font-family: garamond;
	margin-left:18px;
}
.contentheading {
	color: #2A4478;
	font-size: 1.3em;
	text-transform: capitalize;
	font-family: Garamond;
}
.contenttext {
	color: #2A4478;
	padding: 0px 24px 0px 0px;
	font-size: .8em;
}
#contentleft {
	background-image: url('images/transband_pink.jpg');
	background-position: bottom;
	background-repeat: repeat-x;
	background-color: #9E005D;
	width: 274px;
	height: 148px;
	float: left;
	color: #fff;
	padding: 101px 0px 0px 27px;
	font-size: .9em;
}
#contentleft2 {
	background-image: url('images/brown_bg.jpg');
	background-position: bottom;
	background-repeat: repeat-x;
	background-color: #9a8576;
	width: 274px;
	height: 148px;
	float: left;
	color: #fff;
	padding: 101px 0px 0px 27px;
	font-size: .9em;
}
#contentleft3 {
	background-image: url('images/green_bg.jpg');
	background-position: bottom;
	background-repeat: repeat-x;
	background-color: #92a65f;
	width: 274px;
	height: 148px;
	float: left;
	color: #fff;
	padding: 101px 0px 0px 27px;
	font-size: .9em;
}
#contentleft4 {
	background-image: url('images/purple_bg.jpg');
	background-position: bottom;
	background-repeat: repeat-x;
	background-color: #73508a;
	width: 274px;
	height: 148px;
	float: left;
	color: #fff;
	padding: 101px 0px 0px 27px;
	font-size: .9em;
}

#content {
	background-image: url('images/banner_bg.jpg');
	background-position: left;
	background-repeat: repeat-x; /*	background-image: url('images/african_bg.jpg');
	background-repeat: no-repeat;
	background-position: right top;
*/;
	height: 249px;
	width: 640px;
	float: right;
}
#contentleftbottom {
	background-color: #fff;
	width: 274px;
	height: 100%;
	color: #2A4478;
	font-size: 14px;
	font-family: Garamond;
	float: left;
	padding: 0px 9px 25px 27px;
	*padding: 25px 9px 25px 27px;
}

td.contentleftbottom2 {
	background-color: #fff;
	height: 100%;
	color: #2A4478;
	font-size: 18pt;
	font-family: Garamond;
	float: left;
	padding: 25px 9px 25px 18px;
}

#contentleftbottom2 {
	background-color: #fff;
	height: 100%;
	color: #2A4478;
	font-size: 18pt;
	font-family: Garamond;
	float: left;
	padding: 25px 9px 25px 18px;
}
td.contentproduct {
	color: #2A4478;
	font-size: .8em;
	font-family: helvetica;
	padding: 0 12px 0 18px;
}
#contentproduct {
	color: #2A4478;
	font-size: .8em;
	font-family: helvetica;
	padding: 0 12px 0 18px;
}
#contentbottom {
	background-color: #fff;
	color: #000;
	width: 100%;
	width: 900px;
	*width: 600px;
	margin: 22px 0px 0px 19px;
}

#contenttable {
	margin: 25px 0px 18px 19px;
	*margin: 0px 0px 18px 19px;
}
#directname {
	color: #808285;
	font-family: trebuchet MS;
	font-size: .9em;
	font-weight: bold;
	text-transform:uppercase;
	padding-left: 3px;
}
#direct {
	color: #2A4478;
	font-size: .8em;
	font-family: helvetica;
	padding: 12px 24px 12px 18px;
}

#footerleft {
	background-color: #1B3663;
	color: #fff;
	padding: 9px 0px 9px 60px;
	float: left;
	width: 233px;
}
#footerright {
	background-color: #1B3663;
	color: #fff;
	padding: 9px;
	float: right;
	width: 630px;
	text-align: right;
}
#footer {
	background-image: url('images/nstar_bottom.jpg');
	background-position: bottom;
	background-repeat: no-repeat;
	height: 45px;
	width: 942px;
}

a.login:visited {
	color: #fff;
	text-decoration: none;
}

a.login:link {
	color: #fff;
	text-decoration: none;
}
a.login:active {
	color: #fff;
	text-decoration: underline;
}

a.login:hover {
	color: #fff;
	text-decoration: underline;
}

#navholder {
	background-image: url('images/nav_bg.jpg');
	background-repeat: no-repeat; /*	background-color: #A5A7A6; */;
	height: 26px;
	width: 634px;
	margin: 0;
	padding: 0 0 0 314px; /* controls nav placement on the right */
}

/*NAVIGATION*/
#nav ul {
	float: left;
	list-style: none;
	line-height: 1;
	font-weight: normal;
	padding: 0;
	margin: 0;
}
#nav {
	float: left;
	list-style: none;
	line-height: 1;
	font-weight: normal;
	padding: 0;
	margin: 0;
}
#nav a {
	display: block;
	color: #fff;
	text-decoration: none;
	text-align: center;
	padding: 0 10px;
	line-height: 26px;
	text-transform: capitalize;
	font-family: Helvetica;
	text-transform: capitalize;
	font-size: .9em;
	letter-spacing: 1px;
}
#nav li {
	float: left;
	padding: 0;
}
#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 200px;
	font-weight: normal;
	margin: 0;
	line-height: 16px;
	border: 1px #1B3663 solid;
	background: #fff;
	color: #441A24;
}
#nav li li {
	width: 200px;
	padding: 3px 0px;
}
#nav li ul a {
	width: 200px;
	line-height: 16px;
	color: #1B3663;
	text-align: left;
	border: none;
	padding: 0 3px;
}
#nav li ul a:hover {
	color: #fff;
	width: 190px;
	background-color: #1B3663; /* #283054; */
}
#nav li ul ul {
	margin: -1.3em 0 0 10em;
}
#nav li ul.noclip ul {
	margin-left: -10em;
}
#nav li.sfhover ul ul ul {
	left: -999em;
	display: block;
}
#nav li.sfhover ul ul {
	left: -999em;
	display: block;
}
#nav li:hover ul ul ul {
	left: -999em;
	display: block;
}
#nav li:hover ul ul {
	left: -999em;
	display: block;
}
#nav li li li.sfhover ul {
	left: auto;
	display: block;
}
#nav li li.sfhover ul {
	left: auto;
	display: block;
}
#nav li.sfhover ul {
	left: auto;
	display: block;
}
#nav li li li:hover ul {
	left: auto;
	display: block;
}
#nav li li:hover ul {
	left: auto;
	display: block;
}
#nav li:hover ul {
	left: auto;
	display: block;
}
#nav li.sfhover {
	background: #1B3663;
	color: #fff;
}
#nav li:hover {
	background: #1B3663;
	color: #fff;
}
a.contentlink:visited {

	text-decoration: none;
	text-transform: capitalize;
	font-family: garamond;
	font-size: 1em;
	color: #C48F41;
}
a.contentlink:link {

	text-decoration: none;
	text-transform: capitalize;
	font-family: garamond;
	font-size: 1em;
	color: #C48F41;
}
a.content:active {
	text-decoration: none;
	text-transform: capitalize;
	font-family: garamond;
	font-size: 1em;
	color: #000;
	text-decoration: underline;
}
a.contentlink:hover {
	text-decoration: none;
	text-transform: capitalize;
	font-family: garamond;
	font-size: 1em;
	color: #000;
	text-decoration: underline;
}
/*
#nav ul {
	background-color: #656565;
	padding: 3px;
	margin: 0 auto;
	line-height: 2;
	width: 700px;
	text-transform: capitalize;
	margin: 0px 0px 0px 238px;
}
#nav a {
	background-color: #656565;
	color: #fff;
	width: 100px;
	float: left;
	border: 0px fuchsia solid;
}
#nav a:hover {
	color: #fff;
	text-align: left;
}
#nav li {
	display: inline;
	text-align: left;
	width: 75px;
}
#nav li ul {
	border: 1px #fff solid;
	background-color: #272844;
	position: absolute;
	left: -999em;
	width: 150px;
	font-weight: normal;
	padding: 3px;
}
#nav li ul ul {
	margin: -1em 0 0 0px;
}
#nav li.sfhover ul ul {
	left: -999em;
}
#nav li:hover ul ul {
	left: -999em;
	padding: 0px 0px 0px 0px;
}


#nav li li.sfhover ul {
	left: auto;
}
#nav li.sfhover ul {
	left: auto;
}
#nav li li:hover ul {
	left: auto;
}
#nav li:hover ul {
	left: auto;
}
*/
