*{outline: none;}
img {border: 0;}

html,
body {
   margin:0;
   padding:0;
   height:100%;
   text-align:center;
   font: normal 10px Verdana, Arial, Helvetica, sans-serif;
   background: #f2f0e4 url(../images/peoples_bg.jpg) repeat-x top center;
}
#container {
   position:relative;
   width: 900px;
   margin-left:auto;margin-right:auto;
background:#fff; 
}
#header {
   background:#ff0;
   padding:0px;
   height:86px;
   background: url(../images/header_bg.png) no-repeat bottom center;
   text-align:left;
}

#header_right{
float:right;
margin-top:55px;
margin-right:20px;
}

#header_links
{
float:right;
clear:right;
font-size:10px;
color:#fff;
}

#header_links a
{
color:#fff;
}

#header_left{
float:left;
margin-top:0;
}

#body {
   padding:0px;
   background:#fff;
}

#front_left{
font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
width: 190px;
margin-top:25px;
margin-left:10px;
text-align:left;
float:left;
}

#left_menu{
font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
width: 190px;
margin-top:25px;
margin-left:10px;
text-align:left;
float:left;
}

.arrowlistmenu{
width: 180px; /*width of menu*/
}

.arrowlistmenu .headerbar{
font: bold 13px Arial;
color: white;
background: black url(media/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
margin-left:8px;
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
font-size:13px;
}

.arrowlistmenu ul li a{
color: #38477d;
background: url(../images/squarebullet2.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #38477d;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #38477d;
background-color: #F3F3F3;
}


#front_content 
{
float:right;
width:625px;
padding-top:15px;
text-align:left;
padding-left:10px;
padding-right:10px;
display:block;
margin-right:10px;
text-align:left;
}


#front_content P
{
font-family: Arial, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 13px;
font-weight:normal;
line-height:19px;
text-align:justify;
}

#main_content 
{
float:right;
width:625px;
padding-top:15px;
text-align:left;
padding-left:10px;
padding-right:10px;
display:block;
margin-right:10px;
text-align:left;
}

#main_content H1
{
font-family: 'Trebuchet MS', Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 26px;
font-weight:bold;
letter-spacing:-1px;
}

#main_content P
{
font-family: Arial, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 13px;
font-weight:normal;
line-height:19px;
text-align:justify;
}


#main_content TABLE TR TD
{
font-family: Arial, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 13px;
font-weight:normal;
line-height:19px;
text-align:left;
}

#main_content UL
{
font-family: Arial, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 13px;
font-weight:normal;
line-height:18px;
text-align:justify;
padding-left:30px;
padding-top:15px;
line-height:19px;
}


#main_content OL LI
{
padding-top:10px;
}

#main_content OL UL
{
margin-top:0px;
padding-bottom:20px;
}

#main_content OL UL LI
{
margin-top:0px;
padding-top:0px;
}

#main_content OL
{
font-family: Arial, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 13px;
font-weight:normal;
line-height:18px;
text-align:justify;
padding-left:30px;
padding-top:-10px;
}

#main_content H4
{
font-family: Arial, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 18px;
font-weight:bold;
line-height:20px;
letter-spacing:0px;
margin-bottom:5px;
}

#main_content H3
{
font-family: Arial, Lucida, Geneva, Helvetica, Arial, sans-serif; 
font-size: 18px;
font-weight:bold;
line-height:20px;
letter-spacing:0px;
margin-bottom:5px;
}




#main_content  A
{
color:#2A396E;
font-weight:bold;
}

#main_content  A:hover
{
color:#000000;
}

#main_content hr {border: none 0;
border-top: 1px dashed #cdcdcd;/*the border*/
width: 100%;
height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
} 

#footer {
clear:both;
   width:900px;
   height:115px;   /* Height of the footer */
background: #182556 url(../images/footer_bg.gif) repeat-x;
text-align:right;
}


ul#topnav {
	margin: 0; padding: 0;
	float:left;
	width: 100%;
	list-style: none;
	font-size: 1.2em;
	text-align:left;
background: url(../images/menu_bg.jpg) repeat-x;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative;
}
ul#topnav li a {
	float: left; 
	text-indent: -9999px;
	height: 44px;
}
ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom; }
ul#topnav a.home {
	background: url(../images/nav_home.png) no-repeat;
	width: 78px; 
}
ul#topnav a.about {
	background: url(../images/nav_about.png) no-repeat;
	width: 130px; 
}
ul#topnav a.products {
	background: url(../images/nav_products.png) no-repeat;
	width: 113px; 
}
ul#topnav a.services {
	background: url(../images/nav_services.png) no-repeat;
	width: 102px; 
}
ul#topnav a.customer {
	background: url(../images/nav_customer.png) no-repeat;
	width: 177px; 
}

ul#topnav a.wealth {
	background: url(../images/nav_wealth.png) no-repeat;
	width: 243px; 
}



ul#topnav li .sub {
	
	top: 44px; left: 0;
	background: #1C2A5C url(../images/sub_bg.png) repeat-x;
	padding: 20px 20px 20px;
	float: left;
	text-align:left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none;
	position: absolute;
	z-index:99999;
}
ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 180px;
	float: left;
	text-align:left;
}
ul#topnav .sub ul li {
	width: 100%;
	color: #fff;
	text-align:left;
	font-size:16px;
}
ul#topnav .sub ul li h2 {
	padding: 0 10px 10px 0;  margin: 0;
	font-size: 15px;
	font-weight: bold;
}
ul#topnav .sub ul li h2 a {
	padding: 5px 0;
	background-image: none;
	color: #e8e000;
}
ul#topnav .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	background: url(../images/navlist_arrow.png) no-repeat 4px 8px;
	padding: 4px 5px 4px 15px;
	display: block;
	text-decoration: none;
	color: #fff;
font-size:13px;
font-weight:normal;
}
ul#topnav .sub ul li a:hover {color: #ddd; background-position: 6px 8px ;}


#badge
	{
			position:absolute;
			right:-20px;
			top:65px;
			width:192px;
			height:62px;
			z-index:2;

}

#navigation-block {
	position:relative;
}



#vertmenu {
font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
width: 190px;
margin-top:25px;
text-align:left;
float:left;
}


#vertmenu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
#vertmenu ul li span {
margin: 0px;
padding: 0px;
font-size: 15px;
display: block;
border-bottom: 1px dashed #ededed;
padding: 8px 0px 6px 4px;
text-decoration: none;
font-weight:bold;
color: #000000;
width:190px;
}
#vertmenu ul li a {
font-size: 12px;
display: block;
border-bottom: 1px dashed #ededed;
padding: 6px 0px 4px 12px;
text-decoration: none;
color: #000000;
width:190px;
}

#vertmenu ul li a:hover, #vertmenu ul li a:focus {
color: #000000;
background-color: #ededed;
}

#ftHolder { width: 500px; float: right; text-align: center; height: 332px; padding-top:20px; padding-right:20px; }
#ft { border: 5px solid #DA1717; -moz-border-radius: 5px; }
#example { float: left; }
.ft-title { padding: 10px 10px; width: 480px; text-align: left; }

.topbar h2{ font-weight: normal !important }
.topbar a { color: #3399cc; text-decoration: none; }
.topbar a:hover { text-decoration: underline; }

.ft-prev, .ft-next { background-color: #000; padding: 0 10px;}

.ft-prev a { color:#fff;}
.ft-next a { color:#fff;}


.spacer{clear:both; height:1px;}
/* ----------- My Form ----------- */
.myform{
	margin:0;
	width:400px;
	padding:14px;
}



	/* ----------- stylized ----------- */
	#stylized{
		border:solid 2px #bcbcbc;
		background:#fff;
		float:left;
	}
	#stylized h1 {
		font-size:14px;
		font-weight:bold;
		margin-bottom:8px;
	}
	#stylized p{
		font-size:11px;
		color:#666666;
		margin-bottom:20px;
		border-bottom:solid 1px #b7ddf2;
		padding-bottom:10px;
	}
	#stylized label{
		display:block;
		font-weight:bold;
		text-align:right;
		width:140px;
		float:left;
		font-family: 'Trebuchet MS',Arial;
		font-size: 13px;
	}
	#stylized .small{
		color:#666666;
		display:block;
		font-size:11px;
		font-weight:normal;
		text-align:right;
		width:140px;
		font-family: 'Trebuchet MS',Arial;
	}
	#stylized input{
		float:left;
		font-family: 'Trebuchet MS',Arial;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		width:200px;
		margin:2px 0 20px 10px;
	}

	#stylized div{
		float:left;
		font-size:12px;
		padding:4px 2px;
		width:200px;
		margin:2px 0 20px 10px;
	}

	#stylized div INPUT{

		font-size:12px;
		float:none;
		width:20px;
		margin:2px 0 5px 0px;
	}

	#stylized select{
		float:left;
		font-family: 'Trebuchet MS',Arial;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		width:200px;
		margin:2px 0 20px 10px;
	}

	#stylized img{
		float:left;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		margin:0px 0 10px 150px;
	}

	#stylized textarea{
		float:left;
		font-family: 'Trebuchet MS',Arial;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		width:200px;
		margin:2px 0 20px 10px;
	}

	#stylized button{ 
		clear:both;
		margin-left:150px;
		width:125px;
		height:31px;
		background:#666666 url(../images/button.png) no-repeat;
		text-align:center;
		line-height:31px;
		color:#FFFFFF;
		font-size:11px;
		font-weight:bold;
	}
#stylized #consent_box
{
		background:#f5f5f5;
		border: 1px #cdcdcd solid;
		width:340px;
}

#stylized #consent_box LABEL
{
width:300px;
clear:both;
text-align:left;
float:left;
font-weight:normal;
}

#stylized #consent_box #radio
{
width:20px;
float:left;
}

#opt_out
{
width:180px;
height:300px;
float:right;
font-size:10px;
border:#e32714 1px solid;
background:#ffdfdc;
}
#opt_out P
{
font-weight:bold;
padding:10px;
}



#errorMessage
{
		border:solid 2px #890d0d;
		background:#bf1313;
		font-color:#fff;
		font-family: 'Trebuchet MS',Arial;
		font-size:13px;
		font-weight: none;
		width:418px;
		padding:5px;
		margin-bottom:10px;
}

#successMessage
{
		border:solid 2px #25890d;
		background:#38ba1a;
		font-color:#fff;
		font-family: 'Trebuchet MS',Arial;
		font-size:13px;
		width:418px;
		padding:5px;
		margin-bottom:10px;
}

#mini_icon
{
float:left;
margin-left:10px;
}
#mini_icon_text
{
float:left;
margin:0;
padding:2px 0 0 5px;
font-family:verdana, arial;
font-size:11px;
}

#mini_icon_text A
{
font-family:verdana, arial;
font-size:11px;
color:#fff;
text-decoration:none;
}

#copyright
{
color:#ffffff;
font-size:9px;
}
#footer_right
{
float:right;
padding-top:20px;
width:400px;
margin-right:20px;
}

#footer_left
{
float:left;
padding-top:20px;
width:450px;
margin-left:20px;
text-align:left;
}

#footer_left div
{
float:left;
width:125px;
margin-right:20px;
text-align:left;
}

#footer_left div UL
{
list-style-type:none;
margin:0;
padding:0;
}


#footer_left div H5
{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#fff;
margin:0;
padding:0;
}

#footer_left div A
{
color:#fff;
text-decoration:none;
}

#front_box1
{
width:305px;
height:172px;
float:left;
background:#ffffff url(../images/front_login.jpg) no-repeat;
}

#front_box2
{
width:305px;
margin-left:10px;
height:172px;
float:left;
background:#ffffff url(../images/front_news.jpg) no-repeat;
}

#front_box2 H2
{
color:#ffffff;
font-size:17px;
font-weight:normal;
letter-spacing:-1px;
margin-top:40px;
margin-left:15px;
margin-right:15px;
margin-bottom:5px;
}


#front_box2 P
{
color:#ffffff;
font-size:13px;
margin-top:30px;
margin:0px 15px 0 15px;
}

#front_box2 A
{
color:#ffffff;
font-weight:bold;
}

#cu3er-container
{
margin:0 0 0 0;
padding:0 0 3px 0;
float:left;
height:222px;
width:900px;
border-bottom:#1B285A 3px solid;
}

/* Calendar */

/* calendar.js stylesheet */

table#calendar_control {
  z-index: 10;
  font-family: Arial;
  position: absolute;
  border-collapse: collapse;
  background: white;
  border: 1px solid silver;
  cursor: default;
}

table#calendar_control td {
  text-align: center;
  vertical-align: middle;
  padding: 2px;
}

td#calendar_prev_month,  td#calendar_next_month,
td#calendar_prev_year,  td#calendar_next_year {
  cursor: pointer;
}
table#calendar_control td#calendar_prev_month {
  text-align: left;
}
table#calendar_control td#calendar_next_month {
  text-align: right;
}

td#calendar_header {
  font-size: 13px;
  font-weight: bold;
}

table#calendar_control td.day_letter {
  font-size: 10px;
  background: gainsboro;
}

table#calendar_control td.day_number {
  width: 22px;
  height: 20px;
  font-size: 12px;
  color: #333333;
  text-align: center;
  border: 1px solid #6487ae;
  cursor: pointer;
}
table#calendar_control td.normal {
  background: #c4d3ea;
}
table#calendar_control td.blank {
  background: aliceblue;
  background: #d4e3fa;
}
table#calendar_control td.hover {
  background: #fff799;
}
table#calendar_control td.selected {
  background: #ffcc66;
}
table#calendar_control td.weekend {
  color: blue;
}
table#calendar_control td.today {
  color: red;
}

<!--[if IE 6]>
#container {
   height:100%;
}
<![endif]-->