.topnav,
#mainnav,
#subnav,
.sidebar,
.screen,
.access
{
	position:absolute;
	top:0;
	left:0;
	width:0;
	height:0;
	overflow:hidden;
	display:none;
	visibility:hidden;
}

body.howweinvest h2	{color: #9B9934;}
body.mutualfunds h2 {color: #CD9934;}
body.investors h2	{color: #E49043;}
body.account h2		{color: #996699;}
body.account div,p,table	{margin: 0 !important;}

body.account.fullwidth	#content		{background: none!important;}
body.account.fullwidth #content .maincontent 	{width: 690px !important;}
body.account form.twocols div					{width: 680px; margin: 0 0 6px 0; font-size: 1.15em;}
body.account form.twocols p						{font-size: 1.25em; line-height: 1.50em;}
body.account h3									{margin: 0 !important;}
body.account form.twocols label.textbox			{float:left;  width: 135px; padding-top: 3px; margin:0; }
body.account form.twocols label.textboxlong		{float:left;  width: auto; padding-top: 3px; margin:0;}
body.account form.twocols input.textbox			{float:left; width: 158px; height: 15px; margin:0;  padding:0; font-size: 1em;}
body.account form.twocols input.submit			{width: auto; height: auto; margin-left:9px; font-size: 0.9em;}
body.account form.twocols span.checkbox	input	{float: left; width: auto; height: 15px; margin-right:3px; font-size: 0.9em;}
body.account form.twocols table.radiolist		{float:none; width: 250px;}
body.account form.twocols label.xlabel			{float:left;  width: 145px; padding-top: 0px; margin:0;}
body.account form.twocols span.xlabel			{padding: 0; margin:0;}
body.account form.twocolsfull div				{float:left; width: 100%; margin: 0 0 6px 0;}
body.account form.twocolsfull table				{float:left;}
body.account form.twocolsfull label.textbox			{float:left;  width: 90px; padding-top: 3px; margin:0;}
body.account form.twocolsfull label.textboxlong		{float:left;  width: auto; padding-top: 3px; margin:0;}
body.account form.twocolsfull input.textbox			{float:left; width: 158px; height: 15px; margin:0;  padding:0; font-size: 1em;}
body.account form.twocolsfull input.submit			{width: auto; height: auto; margin-left:9px; font-size: 0.9em;}
body.account form.twocolsfull span.checkbox	input	{float: left; width: auto; height: 15px; margin-right:3px; font-size: 0.9em;}




html,body			{font-family: arial, helvitica, sans-serif; font-size: 76%; }
body *				{float: none;}
body				{background: #FFF; color: #666; /*default text colour*/}
h1.logo					{margin:0; width: 375px; overflow: hidden; height: 64px;} /* parnassus investments logo ONLY*/
form, ul, ol, li 	{padding:0; margin:0; list-style:none; font-size: 1.00em;}
ul ul				{font-size: 1em;} /* fixes nesting */
li li				{font-size: 1em;} /* fixes nesting */
ul					{width: 75%;}
form * 				{font-size: 1.00em;}
a img 				{border:none;}
a 					{text-decoration:none; font-weight: bold;  color: #069;}
a:hover,
a.selected			{color: #960 !important;} /*global selected anchor colour, use !important on sub styles to override */
a.arrow				{padding-left:9px; font-weight: bold; background: url(../images/interface/snav_arrow.gif) -9px -4px no-repeat;}
a:hover.arrow		{background: url(../images/interface/snav_arrowselected.gif) -9px -4px no-repeat;}
p					{font-size: 1.10em; line-height: 1.35em; width: 75%;}
p a					{font-weight: normal;}
p.aright			{text-align: right;}
p.topnav			{height: 20px; padding:8px 16px 0 0; margin:0; font-size: 1.15em; text-align:right;}
p.topnav a			{padding:0 6px 0 10px; font-weight:normal; background: #069 url(../images/interface/bg_arrowmask.gif) 0 0 no-repeat;}
body.home p.topnav a.home,
p.topnav a:hover	{background-color: #960; color: #960;} /* alter arrow colour with background-color attribute*/
h1.logo					{margin:0; width: 375px; overflow: hidden; height: 64px;} /* parnassus investments logo ONLY*/
h1.logo img				{margin-left: -5px;}
h2					{font-size: 1.70em; color:#808080; margin-top:0;} 
h2.grey				{color:#808080 !important;} /* section landing pages */
h3					{font-size: 1.20em; margin:2em 0 1.5em 0;} 
/* bio styles are used for rounded box with pic, title and quote.
No wrapper or wrapping is necessary, order is <img class="bio" /><h4 blass="bio">...</h4><p class="bio">...</p> */
h4.bio				{ margin:10px 0 0 0; text-transform: uppercase; font-size: 1.20em;}
h4.tcahlsten		{background-image: url(../images/copy/TITLE_tcahlsten.gif);}/* H4 css image replacement*/
img.bio				{margin:10px 0 0 0;}
p.bio				{/*display:block; width: 387px; height: 67px; padding: 14px 12px 0 12px; margin:0; font-size: 1em; */
					 background:#FFF url(../images/interface/bg_biocopy.gif) 0 0 no-repeat;}
#content ul 		{padding: 0 25px; margin-top: 10px;}
#content ul li 		{list-style: square outside; margin-bottom: 10px; font-size: 1.10em;}
img.left			{margin:0 20px 10px 0;}
img.right			{margin:0 0 10px  20px;}

table					{width: 510px; margin:10px 0; padding:0; font-size: 1.10em; }
table table				{font-size: 1em;}
table th				{background: #A9A9A9; color: #FFF; text-align:center; font-size: 1.20em;}
table td				{text-align:left; color: #333; padding: 5px 0}
table td.right			{float:none; text-align:right;}
table td.left			{float:none; text-align:left;}
table.fundprices td,
table.fundprices th 	{border-left: 1px solid #FFF;}
table.fundprices th span{font-size: 0.75em; line-height: 1.6em;}
table.fundprices td.left{width: 165px; padding:0 0 0 6px;}
table.acctsum 			{float:left; clear:both; /* stop margin collapse */}
table.acctsum th		{width: 500px; padding-left: 10px; text-align:left;}
table.acctsum th span	{font-size: 1.10em; line-height: 1em; color: #069;}
table.acctsum td.left	{padding: 0 0 0 10px;}
table.acctsum td.right	{color: #666;}
table.newaccountdata 	{margin: 0 !important;}
table.newaccountdata td,		
table.newaccountdata th 		{padding: 5px 5px 5px 5px; float:none; text-align:center}
table.newaccountdata th span	{font-size: 0.75em; line-height: 1.6em;}
table.newaccountdata td.left	{width: 165px; padding:0 0 0 6px;}
table.fullwidth			{float:left; width: 670px; margin-right: 10px;}
table.fullwidth.right	{margin-right: 0; clear:right;}
table.fullwidth td		{text-align:left; padding: 0 0 0}
table.fullwidth th		{background: #A9A9A9; color: #FFF; text-align:center; font-size: 1.20em;}
table.fullwidth td.right,
table.fullwidth th.right			{float:none; text-align:right;}
table.fullwidth td.left,
table.fullwidth th.left			{float:none; text-align:left;}
#footer {float: left; width: 75%; border-top: 2px solid #CCC; margin-top: 1em; font-size: 1.1em; font-family:"Trebuchet MS";}


/* use these declarations for elements that require clearing*/
/* ~The clear list~ */

p.bio:after,
.clearfix:after {content: "."; display: block; clear: both; height: 0; visibility: hidden;}
/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}
/* .maincontent, p.bio already has a height declaration */
/* End hide from IE-mac */