/* mac hide\*/
html, body {height:100%}
/* end hide */
body {
	padding:0;
	margin:0;
	text-align:center;
	min-width:780px;/* for mozilla*/
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color:#a8ccd7;
	background-image: url(images/gradbg_blue.gif);
	background-repeat: repeat-y;
	background-position: center;
}
#outer{
	min-height:100%;
	width:780px;
	color: #666666;
	text-align:left;
	margin:auto;
	position:relative;
	background-color:#FFFFFF;
}
 
* html #outer{height:99.9%;} /*For ie as treats height as min-height anyway - also addreeses rounding bug at bottom of screen in IE*/
#header{
	min-height:257px;
	background:url(images/header.jpg) no-repeat left top;
	position:relative;
}
* html #header{height:257px}


#navigation{
	min-height:34px;
	position:relative;
	background-image: url(images/navbg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-size:12px
}
* html #navigation{height:34px}

#left {
	position:relative;/*ie needs this to show float */
	width:220px;
	float:left;
	padding:10px;
}
#left p {padding-bottom:4px;widows:3; }
#footer {
	width:780px;
	clear:both;
	height:30px;
	background-color: #0f7391;
	color: #FFFFFF;
	text-align:center;
	padding-top:5px;
	left:1px;
	bottom:-2px;
	position: absolute;
	font-size:10px;
}

div,p  {margin-top:0}/*clear top margin for mozilla*/


#centrecontent {
	width:539px;
	float:right;
	padding-top:10px
}

#centrecontent h1 {
	margin:10px 5px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color: #0F7391;
	font-weight: bold;
}

#centrecontent h3 {
	margin:0px 5px 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#0F7391;
	width:780px;
}



#centrecontent p {padding-left:5px;widows:3;}


#centrecontent1 {
	width:780px;
	float:right;
	padding-top:10px
}

#centrecontent1 h1 {
	margin:10px 5px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color: #0F7391;
	font-weight: bold;
}

#centrecontent1 h3 {
	margin:0px 5px 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#0F7391;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	padding-bottom:5px;
}


#centrecontent1 p {padding-left:5px;widows:3;}




#mainbox {
	width:780px;
	float:left;
	padding-top:10px;
}

#mainbox h1 {
	margin:5px 5px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color: #0F7391;
	font-weight: bold;
}

#mainbox p {padding-left:5px}



#clearfooter {width:100%;height:52px;clear:both} /* to clear footer */

#flashbanner{
	width:539px;
	float:right;
	height:90px;
}

/* nav-toplevel */

#nav-toplevel {
margin: 0 auto;
padding-top: 3px;
}

#nav-toplevel ul {
list-style-type: none;
list-style-image: none;
margin: 0;
padding: 0;
height: 30px;
}

#nav-toplevel li {
display: inline;
margin: 0;
}

#nav-toplevel li a {
text-decoration: none;
}
/* nav-main */

#nav-main {
text-align: left;
color: #FFFFFF;
padding: 0;
margin: 0;
}

#nav-main li {
margin: 0 0 0 0;
text-align: left;
line-height: 30px;
}

#nav-main li a {
text-transform: capitalize;
color: #FFFFFF;
font-weight: bold;
padding: 0px 10px;
}

#nav-main li a:hover {
color: #596591;
}


#corners {
	width:539px;
	float:left;
	padding-top:10px;
}


/* rounded corners */
.investment{display:block}
.investment *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#CFE4EF}
.investment1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #eaf3f8;
  border-right:1px solid #eaf3f8;
  background:#dbeaf3}
.investment2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fafcfd;
  border-right:1px solid #fafcfd;
  background:#d8e9f2}
.investment3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #d8e9f2;
  border-right:1px solid #d8e9f2;}
.investment4{
  border-left:1px solid #eaf3f8;
  border-right:1px solid #eaf3f8}
.investment5{
  border-left:1px solid #dbeaf3;
  border-right:1px solid #dbeaf3}
.investmentfg{
  background:#CFE4EF;
  padding:5px;
  color:#0F7391;
  }
.investmentfg h4{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#0F7391;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	padding-bottom:5px;
	text-transform: capitalize;
  }
.investmentfg li{
	list-style-type: square;	
  }
.investmentfg p{
	widows:3;	
  }
img {
border: none;
}

#rightimages {
	position:relative;/*ie needs this to show float */
	width:210px;
	float:right;
	padding-top:10px;
}
#rightimages p {padding-bottom:4px;widows:3; }


#clearcorners {
	clear:both;
	width:780px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	padding-bottom:5px;
}

#clearcorners ul {
margin-left:15px;
}

#clearcorners h3 {
	margin:0px 5px 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#0F7391;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	padding-bottom:5px;
}





.navlinks {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: normal;
color: #0F7391;
line-height: 1.5;
text-align: left;
}

a:link.blue{color:#0F7391; text-decoration: none;}
a:visited.blue{color:#0F7391; text-decoration: none;}
a:hover.blue{color:#FFFFFF; text-decoration:none; background-color: #0F7391;}
a:active.blue{color:#0F7391; text-decoration:none;}

#footerlinks {
	width:780px;
	clear:both;
	height:30px;
	background-color: #FFFFFF;
	color: #0f7391;
	text-align:center;
	padding-top:0px;
	left:0;
	bottom:-2px;
	position: absolute;
	font-size:10px;
}

#mainbox {
	width:539px;
}

#mainbox ul{
	margin-left:15px;
}

#mainbox li {
	font-size:14px;
	color:#0D97BB;
	
}

#mainbox img{
	padding-bottom:5px;
}

.style1 {
	color: #0D97BB;
	font-weight: bold;
}
#style3 {color: #FF0000}
.style4 {
	font-size: 17px;
	font-weight: bold;
	text-transform: capitalize;
}
.style5 {font-weight: bold}
.style6 {font-weight: bold}


.style8 {font-size: 14px}
.style9 {font-size: 13px}
.style10 {
	color: #0D97BB;
	font-size: 16px;
}