﻿body ul#header 
{ 
	background-position: 0 0; 
}
a.button 
{
	border: 1px solid #DDD;
	background: url(../images/bg-button.gif);
	display: block;
	width: auto;
	padding: 3px;
}
ul#header 
{
	list-style-type: none;
	margin: 0px; 
	padding: 0px 4px 0px 5px;
	background: url(../images/jsa-bg-header.gif);
	height: 107px;
	font-size: 11px;
}
ul#header li  
{
	text-align:center;
	float: right;
	height: 15px;
	font-weight:bold;
	width: auto;
	margin-top: 0px;
	padding-top: 85px;
}
ul#header a 
{
	color: #333;
	display: block;
	width: auto;
	padding: 0 12px;
}
#header li#logo   
{
	top: 8px;
	padding-top: 0px;
	padding-left: 0px;
	position: absolute;
	width: 275px;
	height: 100px;
} 
li#contact  
{
	background: url(../images/jsa-bg-pipe.jpg) no-repeat bottom left;
}
li#formadv  
{
	background: url(../images/jsa-bg-pipe.jpg) no-repeat bottom left;
}
ul#nav 
{
	list-style-type: none;
	margin: 0px; 
	padding: 0px 5px 0px 5px;
	background: url(../images/jsa-bg-nav.jpg);
	height: 33px;
}
ul#nav li 
{
	display: inline-block;
	float: left;
	width: 220px; 
}
ul#nav li a {
	display: block;
	padding: 6px 0px 6px 0px;
	text-align: center;
	background-color: #6eacda;
	color: #FFF;
	font-size: 18px;
	text-decoration: none;
}
ul#nav li a:hover, body#investors ul#nav li.investors a, body#managers ul#nav li.managers a, body#about ul#nav li.about a 
{
	background-color: #c0dfb1;
	color: #333333;
}

/* main page container */

div#container 
{
	padding: 30px 4px 0 5px;
	background: url(../images/jsa-bg-container.gif) top left;
}
div#sidebar 
{
	float: right;
	margin-right: 22px;
	width: 213px;
}
* html div#sidebar 
{ 
	margin-right: 11px; 
}
div#sidebar div.box 
{
	border: 1px solid #5fb543;
	padding: 1px;
	margin: 0 0 5px;
}
div.box h2 
{
	margin: 0 0 1px;
	background: #c0dfb1;
	color: #333333;
	font-weight: bold;
	font-size: 16px;
	padding: 4px 6px 5px 9px;
}
div.box ul 
{
	margin: 0; padding: 10px 5px 10px 20px;
	list-style-type: none;
	text-align: right;
	min-height: 55px;
}
* html div.box ul 
{ 
	min-height: 0; height: 45px; 
}
div.box ul ul  
{
	min-height: 0; 
}
div.box.market ul 
{
	background: #FFF url(../images/jsa-bg-box-market.gif) top left repeat-x;
	text-align:left;
}
div.box.market li 
{
	background: url(../images/jsa-bg-arrow.gif) no-repeat;
	padding:0 0 0 20px;
}
div.box.memos ul 
{
	background: #FFF url(../images/jsa-bg-box-memos.gif) top left repeat-x;
	text-align: left;
}
div.box a.button {
	float: right;
}
div.box.memos li 
{
	background: url(../images/jsa-bg-arrow.gif) no-repeat;
	padding:0 0 0 20px;
}

/*subnavs for individual pages*/

body#investors div#subnav h2 { background-color: #6eacda; color: #fff; }
body#managers div#subnav h2 { background-color: #6eacda; color: #fff; }
body#about div#subnav h2 { background-color: #6eacda; color: #fff; }

div#subnav ul 
{ 
	text-align: left;
	font-size: 14px;
	margin: 0; padding: 10px;
	background: #FFF url(../images/jsa-bg-box-links.gif) top left repeat-x;
	background-color: #FFFFFF;
}
div#sidebar div#subnav  
{
	border: 1px solid #6eacda;
}
div#subnav li 
{
	margin-bottom: 5px;
}
div#subnav a 
{ 
	color: #333; 
}
div#content 
{
	width: 455px;
	margin-left: 22px;
}
p#footer 
{
	background: url(../images/jsa-bg-footer.gif);
	height: 33px;
	padding: 10px 4px 0 5px;
	color: #FFF;
	text-align: center;
}
.clear 
{
	clear: both;
	height: 10px;
}

/* popup window & links */

div.people 
{ 
	visibility: hidden;
	height: 1px;
	overflow: hidden;
}
div.people p 
{
	padding: 0px 14px 10px 10px;
}
div.people .hd  
{
	color: white;
	background-color: #333333;
}
ul#peoplelinks, ul#peoplelinks2   
{
	list-style-type: none;
	margin: 0; padding: 0;
}
ul#peoplelinks li, ul#peoplelinks2 li 
{
	float: left;
	width: 180px;
	margin-right: 15px;
	padding-right:10px;
}
iframe body 
{ 
	padding: 20px; 
}