html, body{ 
	margin: 0; 
	padding:0;
	font: 100%  arial, sans-serif;
	color: #676767;
	text-align: center
 } 
 
#pagewidth{ 
	width:750px;  
	margin: 0 auto;
	text-align: left
} 
 
#header{
	position:relative; 
	height:129px; 
	width:100%;
	margin:0;
	background: url(../images/headerbk.png) repeat-x;
} 

#header .printlogo img {display: none;}/* hides print logo */

#leftcol{
	width:196px; 
	float:left; 
	position:relative;
	font-size: 70%;
 }
 
#maincol{  
	float: right; 
	display:inline; 
	position: relative; 
	width:539px; 
 }

#maincontent {font-size: 70%;; margin: 0 0 10px 0}

.indent { padding: 0 5px 0 15px; float: left; width: 100%}

#footer{
 	height:50px; 
 	background-color:#fff; 
 	clear:both;
 	font-size: 70%
 } 

#header h1 {
	position: absolute;
	left: 13px;
}
	
#header h1.jf {
	margin: 13px 0 0 0;
	padding: 0;
	background: url(../images/logofoundation.png) no-repeat;
	width: 173px;
	height: 55px;
}

#header h1 a {
	height:55px;
	left:0; top:0;
	overflow:hidden;
	position:absolute;
	text-indent:-5000px;
	width:173px;
	z-index:20;
}

#toplinks {float: right; clear: both; margin: 0 0 10px 0}
#toplinks ul {display: block;}
#toplinks ul li {float: left}

#toplinks ul li a.subscribe span {display: none}
#toplinks ul li a.subscribe {display: block; width: 58px; height: 16px; background:url(../images/toplink_sub0.png) left no-repeat; }

#toplinks ul li a.sitemap span {display: none}
#toplinks ul li a.sitemap {display: block; width: 48px; height: 16px; background:url(../images/toplink-sitemap.png) left top no-repeat; }
#toplinks ul li a.sitemap:hover { background:url(../images/toplink-sitemap.png) left bottom no-repeat; }

#toplinks ul li a.contact span {display: none}
#toplinks ul li a.contact {display: block; width: 69px; height: 16px; background:url(../images/toplink-contact.png) left top no-repeat; }
#toplinks ul li a.contact:hover { background:url(../images/toplink-contact.png) left bottom no-repeat; }

#toolkit {position: absolute; top: 54px; left: 700px}
#toolkit .toolitem {float: left}
#toolkit a img {border: none !important; margin: 0 0 0 3px}

/* LISTS */
#maincontent ul {margin: 0 0 0 15px; padding: 0; }
#maincontent ul li {list-style: circle;}
#maincontent ol {margin: 0 0 0 22px; padding: 0;}
#maincontent ol li {list-style-type: decimal !important;}

/* SEARCH */

#searchbox {
margin: 0 0 0 0;
display: block;
background-color: #D8D8D8;
padding: 2px;
float: right;
clear: both;
width: 290px;
}

#search input.searchBoxinput {
border: 1px solid #9D9D9D;
display: block;background-color: #fff; width: 142px; color: #666; font-size: 10px;margin: 0 5px 0 65px; float: left; padding: 2px 0 2px 4px;}

#search input.searchBoxinput:hover {
background-color: #F1F0F0;
}

#search .searchSubmit {
border: 1px solid #9D9D9D;display: block; width: 66px; background-color: #9A9A9A;color: #fff; font-size: 10px;padding: 0 0 2px 0; height: 19px;
float: left}

#search .searchSubmit:hover {
background-color: #F1F0F0;
color: #333;
cursor: pointer
}

/* FORMATTING */

.blue a:hover {text-decoration: underline}
ul {margin: 0; padding: 0}
li {list-style: none}

/* blue = #004B8D */

#crumb a:active, #crumb a:link, #crumb a:visited {padding: 0 0 0 0px; color: #767676}

/* MAINCONTENT */

.highlightbox {display: block; width: 100%; border-top: 1px solid #E1E1E1; border-bottom: 1px solid #E1E1E1; float: left; padding: 0; margin: 10px 0; clear: both}

.highlight0 {display: block; width: 95%; padding: 0 5px 0 13px; margin: 0 10px 0 0}
.highlightbox .left {float: left}

.highlight1 {display: block; width: 350px; float: left; padding: 0 5px 0 13px; border-right: 1px solid #E1E1E1; margin: 0 10px 0 0}
.highlight1 .image {float: left}

.highlight2 {display: block;}
.highlight1 h2 {margin: 0 0 0 10px}
#latestpress {display: block; float: right; width: 150px}
#latestpress ul li {margin: 0 0 5px 0}
.mainimage {padding: 15px 0 0 0; margin: 0; display: block; clear: both}
#sectionnews {padding: 0;margin: 0 0 0 5px; display: block; float: left; width: 240px;}
#featuretable {clear: both; width: 100%}


/* LEFT COL */

#leftcol h2 {
	color: #fff;
	font-size: 110%;
	text-transform: uppercase;
	font-weight: bold;
	padding: 0;
	margin: 15px 0 15px 13px;
	text-shadow:#000000 0pt 0pt 0pt;/*remove Safari text shadow */
}

.highlight {padding: 5px}

#leftcol ul {
	margin: 0 0 0 13px;
	display: block;
	width: 170px;
}

#leftcol ul ul{width: 146px;}

#leftcol ul li.itemstyle,  #leftcol ul li.this {
	border-bottom: 1px solid #0E599A;
}

#leftcol ul ul li.submenuselected a {
	color: #fff;
	font-weight: normal !important;
	background: url(../images/aroblue.png) 1% 10px no-repeat!important;
}

#leftcol ul a {
	background: url(../images/arowhite.png) 1% 10px no-repeat;
	padding: 5px 0 5px 10px;
	width: 160px;
	display: block;
	color: #fff;
	font-weight: bold;
	text-shadow:#000000 0pt 0pt 0pt;/*remove Safari text shadow */
}

#leftcol ul ul a {width: 146px; font-weight:normal!important; background: url(../images/arowhite.png) 1% 10px no-repeat!important;}

#leftcol .submenu a {
	font-weight: normal;
	background-image: none;
}

#leftcol li.submenu {border: none !important; margin-top:-5px;}

#leftcol li.this {color: #ffffff;}

#leftcol li.submenuselected {border: none !important; margin-top:-5px;}

/* PRIMARY NAV */

#primarynav {position: absolute; top: 100px;left: 27px; display: block; width: 100%}

#primarynav {float: right; clear: both; margin: 0 0 10px 0}
#primarynav ul {display: block;}
#primarynav ul li {float: left; margin: 0 18px 0 0}

#primarynav ul li a.fabout span {display: none}
#primarynav ul li a.fabout {display: block; width: 236px; height: 12px; background:url(../images/nav-about.png) left top no-repeat; }
#primarynav ul li a.fabout:hover { background:url(../images/nav-about.png) left bottom no-repeat; }

#primarynav ul li a.fproj span {display: none}
#primarynav ul li a.fproj {display: block; width: 123px; height: 12px; background:url(../images/nav-proj.png) left top no-repeat; }
#primarynav ul li a.fproj:hover { background:url(../images/nav-proj.png) left bottom no-repeat; }

#primarynav ul li a.fnews span {display: none}
#primarynav ul li a.fnews {display: block; width: 45px; height: 12px; background:url(../images/nav-news.png) left top no-repeat; }
#primarynav ul li a.fnews:hover { background: url(../images/nav-news.png) left bottom no-repeat; }

#primarynav ul li a.ffundguide span {display: none}
#primarynav ul li a.ffundguide {display: block; width: 152px; height: 12px; background:url(../images/nav-fund.png) left top no-repeat; }
#primarynav ul li a.ffundguide:hover { background: url(../images/nav-fund.png) left bottom no-repeat; }

/* FOOTER */

#footer .footerlinks {display: block; width: 100%; border-bottom: 1px solid #ADADAD}

#footer .footerlinks ul {margin: 5px 0 5px 9px; padding: 0; color: #ABABAB}
#footer .footerlinks ul li {display: inline; margin: 0 5px 0 0}
#footer .footerlinks a {color: #ABABAB}


#footer .copy {margin: 5px 0 5px 13px; padding: 0; color: #ABABAB; float: left}
#footer .rightlink {margin: 5px 0 5px 0; padding: 0; float: right}
#footer .rightlink a { color: #ABABAB;}

/* SITEMAP */

.sitemaptrunklevel2 { margin: 0 0 12px 0; }
.trunktitle { font-size: 110%; font-weight: bold; border-bottom: 1px dotted #487ABE; padding: 0 0 5px 0; margin: 15px 0 5px 0; width: 523px; } 
.branchmapitem a { margin: 0; padding: 0 0 0 10px;font-weight: bold;
background: url(../images/aroblue.png) 1% 5px no-repeat; }
.branchmap ul.leafmap { margin: 0 0 6px 12px; padding: 0;}
.branchmap ul.leafmap li { display: block; background: none; padding: 0; margin: 2px 0 0 0;}
.branchmap ul.leafmap li a,
.branchmap ul.leafmap li a span { padding: 0 0 0 10px; margin: 0; background: none; text-decoration: none;}
.branchmap ul.leafmap li a:hover,
.branchmap ul.leafmap li a:hover span { text-decoration: underline;}

/* SEARCH RESULTS */

div.searchresults {margin: 0 0 10px 0; padding: 0; display: block; float: left;width: 400px;}
div.resultsnumber {margin:0; padding: 0; display: block; float: left; font-weight: bold}
div.resultstext {margin: 0 0 0 25px; padding: 0; display: block; position: relative;}
div.resultsurl {margin:0 0 5px 0}
div.resultsscore {font-size: 10px}

/* LANDING BLOCKS */


#landingblocks {display: block;margin: 10px 0 0 0; border-top: 1px solid #E1E1E1;padding: 10px 0 0 0; float: left; width: 100%;}
.listblock2 {margin: 0 0 10px 0; width: 255px; float: left}
.listblock2 .image {float: left; margin: 0 5px 0 0}
.listblock2 h4 {margin: 0; padding: 0; font-size: 105%}
.listblock2 .content p {margin: 0; padding: 0}

/* PAGE FORMS */
#form input.checkbox {width: 15px; clear: both}

#form td select.inputitem,
#form td select,
#form input.inputitem {
width: 180px;
font-size: 9px;
margin: 1px 0 5px 0;
border: 1px solid #7F9DB9;
}

#form textarea {font-size: 12px; width: 430px; height: 250px}
.maintext .error {font-weight: bold; color: red; display: block; margin: 10px 0 0 0}

form span.error,
span.required,
#form span.required {
	font-weight: bold;
	color: red;
	font-size: 9px
	}

a.formsubmit {border: 1px solid; background-color: #D8005E; color: #fff !important; padding: 3px 5px; font-weight: bold}

#featurelisting {display: block; width: 280px; border-right: 1px solid #E1E1E1; float: left}
#featurelisting .listblock {margin: 0 0 10px 0; width: 255px;}
#featurelisting .listblock .image {float: left; margin: 0 5px 0 0}
#featurelisting h4 {margin: 0; padding: 0; font-size: 105%}
#featurelisting .content p {margin: 0; padding: 0}


.clearfix:after {
	content: "."; 
	display: block;
	height: 0; 
	clear: both; 
	visibility: hidden;
}
 
.clearfix{display: inline-block;}


#wrapper {background: url(../images/bluebk.png) repeat-y;margin:0 0 0 13px;}

a {text-decoration: none; color: #004B8D}

#maincontent h2 {color: #004B8D; font-size: 130%; text-transform: uppercase; font-weight: bold; padding: 0; margin: 15px 0}

#crumb a:hover {color: #004B8D}

#footer .footerlinks a:hover {color: #004B8D}

#crumb {display: block; background: url(../images/crumbblue.png) 0 2px no-repeat; margin: 0; padding: 0 0 0 15px; color: #767676;}

#maincontent h2.blue {color: #004B8D !important}

#bluelinks ul {padding: 0; margin: 0}

#bluelinks ul li {list-style:none!important;}

ul.leafmap li {list-style:none!important;}