body{
	/*background-color: #a9bac3;*/
	color: #000;
	
	margin:8px 0px;
	background-color:#a9bac3; /*#600000*/
	/*background-image: url(../imagesh3/bg_body2.gif);*/

	background-repeat: repeat-y;
	background-position:center;

	/*padding: 2em 5em;		 /*remove this to stretch the layout 
			   across the screen edge-to-edge */
	font:13px Trebuchet MS, Arial, Helvetica, sans-serif;
    color:#444;
    text-align:justify;
}
#pageWrapper
{
	/*border-style: solid;
	border-width: 0px 1px;	 layout's side borders */
	/*font-family: arial, helvetica, sans-serif;arial looks better with a smaller size 
	font-size: 90%;		 */
	margin: 0 auto;

	min-width: 500px;	/* IE doens't understand this property */
	width:980px;

	background-color:#fff; /*FAFAFA*/
	
	padding: 10px 10px 10px 10px;
	border: 2px solid #000;
	

}
* html #pageWrapper
{
	/*word-wrap: break-word;	 invalid CSS but keeps IE from breaking 
				   horribly under narrow viewports */
}
#masthead
{
	background-color	:#dcdcdc;
    border              :1px solid #344766;
	color			    :#fff;
	height			    :55px;
	width               :auto;
	margin-left         :auto;
	margin-right        :auto;
}
#masthead h1
{
	display: inline;	/* easier than setting 0 padding and margin */
}

#outerColumnContainer
{
	/*background-color: #fff;*/
	border-style: solid;
	border-width: 0 0em 0 14em;	/* side border widths must equal the
				   widths of the left and right columns. 
				 */
	border-left-color: #fff;	 /*left hand column background color */
		border-right-color: #fff;	 /*right hand column background color */
	color: #000;
	z-index: 1;
}

* html #outercolumncontainer
{
	/* IE5.0/Win fix for 1px whitespace between masthead and body. 
	 * The case-incorrect selector is on purpose. IE5.0 and IE5.5 are
	 * case insensitive and I'm targeting IE 5.0. 5.5 doesn't get hurt
	 * by this extra margin work.
	 */
	margin-top: -1px;
	border-top: solid 1px #000;
}

#innerColumnContainer
{
	border-style: dashed;
	border-width: 0 0 0 0px;	/* puts borders between middle and the side 
				   columns. */
	margin: 0 -1px;		/* compensate for the borders because of
				   100% width declaration */
	width: 100%;
	z-index: 2;
}

html[xmlns] .mozclear
{
	/* this selector should be valid CSS, but Opera 7.5 (and above) will pick
	 * this up as well. Shouldn't be a problem, Opera should handle this fine,
	 * but it's a Mozilla-targeted hack, and it should probably only affect
	 * mozilla. You can do that by replacing the INVALID CSS selector
	 * :root .mozclear for what's give here.
	 */
	border-bottom: 1px solid;
	border-color: transparent;
	margin-bottom: -1px;
}

#leftColumn, #rightColumn, #contentColumn
{
	float: left;
	overflow: visible;	/* fix for IE italics bug */
	position: relative;
	z-index: 10;
}

#leftColumn
{

	margin: 0 1px 0 -15.5em;	/* the margin on the side the column is to be
				   rendered on must be the negative equal of 
				   the column's width. The opposite border must
				   be 1px -14*/
	width: 14em;
	padding-left:0px;
	/*background-image: url(../images/bg.jpg);
	background-repeat: repeat-y;*/
}
/*#rightColumn
{
	display:none;	
	float: right;	/* doesn't have to be floated right, but if using some
			   original skidoo tweaks, you need it this way 
	margin: 0 -14em 0 1px;	/* same as in the #leftColumn but reversed 
	width: 14em;
}
#rightColumn .inside
{
	font-size: 90%;	/* because the parent element ( #rightColumn )
			   defines its width in EMs, we can't change the font 
			   size in that selector, otherwise the column won't use
			   the entire width reserved for the column 
}*/
#contentColumn
{
	margin: 0 -12px;		/* required to get the negative margin-based
				   layout to work. if #contentColumn does not
				   overlap the left and right columns, then
				   the whole layout will break */
	width: 100%;
	margin-top:20px;
	margin-bottom:20px;
	border: none;
	background-color: #fff;
	

}

#topColumn
{
	margin: 0 0px;		
	margin-top:-8px;
	margin-bottom:0px;
	border: none;
	background-color: #fff;
	float:right;
	padding-left:200px;
	padding-right:0px;
	

	

}
/*#footer
{
	background-color: #666;
	border-style: solid;
	border-width: 1px 0;	/* border for bottom of layout and top of 
				   footer area 
	color: #fff;
	position: relative;
	text-align: center;
}*/
html>body #footer
{
	padding-bottom: 1.01em;	/* attempt to fix Gecko engine's rounding errors
				   which can disrupt the layout. */
}


.clear
{
	clear: both;
}
.inside
{
	padding: 0 1.5em 0 0;	/* glitch in IE caused by vertical padding in
				   this class, so 0 padding is set here and
				   those blocks that need the vertical padding
				   must be applied to the parent element.
				   the purpose of this class is to provide 
				   horizontal padding without using hacks to
				   get around IE's broken box model. so it's
				   okay to apply vertical padding to the parent
				   element, just not horizontal padding. */
}
#leftColumn, #centerColumn, #rightColumn, #masthead
{
	padding-top: 0.5em;
	padding-bottom: 0.5em;	/* this is the vert padding talked about in the
				   .inside selector comment. */
}
#masthead, #footer
{
	padding: 1em;	/* ditto from above */
}
#pageWrapper, #innerColumnContainer, #masthead, #footer
{
	/* one-stop control of border color used within
				   the layout */
}
#outerColumnContainer
{
	border-top-color: #000;	/* should match the above border color */
}

div#frontimage
{
    background-image: url(../images/frontimage650color.jpg);
    background-repeat:no-repeat;
    width:650px;
    height:323px;
}


div#frontimagetext
{
    position: relative;
    height: auto;
    width: 360px; /* width: 360px;*/ 
    left: 20px; /* left: 10px;*//* chart left: 0px; top:0px*/
    top:20px; /*top: 60px;*/
    	font:  "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
    	font-size: 17px/20px;


}



div#frontimagetext fieldset legend{color:#011e46;}
div#frontimagetext p{font-size:11pt;  text-align:left;	font-weight:500; 
}

div#frontimagefeed{ height:323PX;}
 div#frontimagefeed a
{
    
    font: 12px/16px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;

  /*  position: relative;
    height: 274px;
    width: auto;
    left: 650px;
    top: -129px;

  
         font: 14px/18px Georgia, Times, serif;
   */
}


div#frontimagelogintext
{
    margin-top:60px;
    margin-left:4px;
    /*position: relative;*/
    width: 285px;
    height: 220px;  /* width: 360px;*/ 
    /*left: 1PX; 394 414 left: 10px;*//* chart left: 0px; top:0px 600px*/ 
    /*top:10px; top: 60px;*/
    font:  "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
    font-size: 17px/20px;
    border:1px solid #999;
    padding:10px; background:#dcdcdc;
    /*-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;*/
}





/***************FONTS************************************************/
p, h1, h2, h3, h4, h5, h6
{
	margin: 1em 0;		/* for better consistency across platforms */
}

h1
{
   color:#011e46;  /* 011e46*/
   font-size:30px;   
   font-weight:lighter; 
   font-family:Arial Narrow;
}

h2
{
    font-family: arial;
    font-size: 25px;
    color:#011e46; 
    font-weight: lighter;
    
    
}

h3
{
  font-weight: normal; 
  font-size:16px;
  color: #7B1113;


}

h5
{
    font-weight:normal;
    font-size: 12px;
}

h6
{
    font-family: arial;
    font-weight:bold;
    color:#000;
    font-size:13px;
}
/***************FONTS************************************************/

.post {border: 1px solid #ccc; padding:10px; background:#eee;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;}

/****************FOOTER********************************************************/
#footer {
clear		:both;
padding		:1em;

text-align	:right;
font-size	:0.94em;
border-top	:1px solid #ccc;
border-bottom	:1px solid #ccc;
color		:#ccc;

}


#footer  a:link,  #footer a:visited {
font-size        : .94em;
color            : #ccc;
text-decoration  : underline;
font-weight      :	bold;

}
#footer a:hover {
font-size        : 11px;
color            : #000;
text-decoration  : none;
font-weight      : bold;
}
/******************************************************************************/


/******************************TOP NAV*************************************/

#masthead .navbar {
padding:0px;
margin:0;
float:left;
background-color:#dcdcdc;

}

#masthead .navbar ul{
padding:0;
margin:0;
}

#masthead .navbar li{
display:inline;
list-style:none;
padding: 0px 18px 0 0px;

color:#fff;
text-decoration:none;

}



#masthead .navbar  li a:hover{
text-decoration: none;
color: #FF6600;
font-weight:bold;
}

/*******************************TOP NAV***********************************/


dt{
font-weight:bold;   
}

dd{
padding: 15px 0px;  
font-size:11px;
}



p a:link, p a:visited{
    text-decoration: underline;
    color: #999;
}

p a:hover
{
   color:#0066cc; /*#0066cc*/
   text-decoration:underline
    
}



label
{
    font-weight:bold;
}

.newslist ul
{

}

.newslist li
{
list-style:square;  
color: #0066cc;
padding: 2px 0px;
}


.newslist li a:link,.newslist li a:visited
{
    color:#000;
    text-decoration:none;
}

.newslist li a:hover
{
    color:#0066cc;
    text-decoration:none;
}


.newslist  li h3
{
  color:#000;
  margin: 8px 0px;
}

/* Funds List */
.fundslist ul{margin-top:0px; padding-top:0px;}
.fundslist li{list-style:square;  color: #011e46;padding: 5px 0px;}

.fundslist  li h3 {color:#000; margin: 5px 0px 5px 0px;}
.fundslist li h3 a:link,.fundslist li h3 a:visited {color: olive; text-decoration:none;}
.fundslist li h3 a:hover {color:#011e46; text-decoration:none;}

.fundslist  li h6 {color:#444;font-size: 12px;font-weight: normal;}


/***View All Link on homepage****/

fieldset legend a:link, fieldset legend a:visited
{
    color:#0066cc;
    text-decoration:none;
}

fieldset legend a:hover
{
    color:#ccc;
    text-decoration:none;
}


.submenu
{
 list-style-image:none; 
 list-style:square; 
 font-size: 12px; 
 margin-left:20px;
}

#content
{
    margin: 15px 15px;
}


#content .link a:link, #content .link a:visited
{
    color: #ff6600;
    text-decoration: underline;
    
    }
    
#content  .link a:hover
{
    color: #0066cc;
    
    
    }
/**TREE VIEW HEADER ****/

#body ul.docslist  li{padding-bottom:5px; list-style:none;}
#body .docslist li a:link, .docslist li a:visited{
    background:url("../images/pdf.gif") 7px 50% no-repeat; /*11px with square*/
    padding:0 0px 0 25PX;
  
    color:#666;
    }
#body .docslist li a:hover{color: #344766; text-decoration:underline;} 
#body .docsRootNode a:link, .docsRootNode a:visited{
    text-decoration:none;  
   background:url("../images/square.gif") 10px 50% no-repeat;
    padding:0 0px 0 25PX;
    margin-left:0px; 
    color:#344766;
    }
    
#body .docsRootNode a:hover{color: #666; text-decoration:underline;}
#body .docsParentNode a:link, .docsParentNode a:visited{
    list-style:none;
    text-decoration:none; 
    /*background:url("../images/square.gif") 10px 50% no-repeat;*/
    padding:0 0px 0 25PX;
    margin-left:0px;   

 }
 #body .docsLeafNode a:link, .docsLeafNode a:visited{
    list-style:none;
    background:url("../images/pdf.gif") 10px 50% no-repeat;
    padding:0 0px 0 30PX;
    margin-left:0px;
    display:block;
    text-decoration:none
}

 .img a:link, .img a:visited{

text-decoration: none; 
color: #fff; 

}

.img a:hover{
color: #0066cc;
}




/******************** NEWS XSLT CSS************************************/
dt a:link, dt a:visited
{
    color: #666;
    text-decoration: none;
    font: 11px verdana;
}
dt a:hover
{
    color: #666;
    text-decoration:underline;
}

#doclink a:link, #doclink a:visited
{
    color: #0066cc;
    text-decoration: none;
    font: 11px verdana;
}

#doclink a:hover
{
    color: #ccc;
}


a:link .thumbnail, a:visited .thumbnail  {border: 1px solid #666; } 
a:hover .thumbnail, a:active .thumbnail {border:1px solid #0066cc;}

/******************** NEWS XSLT CSS************************************/



dd
{
    font-size: 10px;
}

ol li
{
    padding-bottom:10px;
 
}

ol li h5
{
  color:#0066cc; 
  font: bold 14px arial;
  padding-bottom: 2px; 
}

ul li a:link, ul li a:visited
{
    color:#011e46;
    text-decoration:none;
}

ul li a:hover
{
    color:#999;
    text-decoration:underline;
}


.bulletlist li
{
    padding:1px;
}


.fundperf td
{
    border-bottom:1px solid #ccc;
   
   
}

.left
{
    border-right:1px solid #ccc;
}


#RememberMe
{
    font-weight:normal;
}

input, select,textarea {
	margin:0;
	padding:0;
	}
	
/*Registration*/
th {
	margin:0 10px 0 0;
	padding:5px;
	font-weight:bold;
    cursor:pointer;
	text-align:right;
    white-space:nowrap;
	}
	
td a:link, td a:visited{
    text-decoration: underline;
    color: #999;
}

td a:hover
{
    color:#0066cc; 
}

.register 
{
    font-size:12px;
}


/*imported css*/
h1, h2, h3, h4, h5, h6
{
   margin: 2px 0 2px 0;
}

#loginbanner h2
{
    font-size: 1em;
    font-weight: normal;
    margin-top: 8px;
    color:#000;
}

#body
{
    width: 940px; /*730px*/
    margin-top: 8px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    padding: 10px 10px 20px 10px;
}

#body ul li{list-style:square; padding-bottom:10px;}


/*EMF Team*/
#employees{float:left; border-right:1px solid #eee; padding-right:15px; margin-top:0;}
#employees ul{list-style:none; margin:0px; padding:0px; padding-top:4px;}
#employees ul li{list-style:none; font-size: 12px; color: #011e46;}}
#employees  li a:link, #employees  li a:visted{color: #011e46;}
#employees a:hover{color: olive; text-decoration:none; cursor:pointer;}
#employees .title{color:#666; font-size: 12px; display:block;}

#bios{
    float:left;
    width:700px;
    height:590px;
    margin:0; padding:0;
    margin-left:10px;
    overflow:auto;
    scrollbar-track-color:#344766;
    scrollbar-arrow-color: #344766;
    scrollbar-face-color: #dcdcdc;
}

.bio{padding:0 25px;}
.bio h5{color: #666;}



.subheadertext{margin:0; padding:0;}


.fullwidth, #loginbanner
{
    border: 1px solid #ccc;
    width: auto;
    margin-right:0;
    margin-left:0 ;
    background: #eee; /*#FEFFAB url(images/background_fullwidth.jpg) repeat-y;*/
     /*background-image: url(../images/bg_pinstripes_w.gif); */
    margin-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 3px;
    text-align: left;
    margin-top: 0px; 
}

/* for the login block
    picks up most of its properties from .fullwidth */

#loginbanner
{
  padding-bottom: 0px;
}

.dashedline
{
    border-bottom: 1px dashed #ccc;
    padding-top: 2px;
    margin-bottom: 2px;
    clear:right;
}
.solidline
{
    border-bottom: 1px solid #eee;
    padding-top: 2px;
    margin-bottom: 10px;
    clear:right;
   
}

.headerline
{
    border-bottom: 1px solid #ccc;
    margin-bottom:20px;
    clear:right;
    padding:0;
   
}

form
{
    margin: 0px;
}

fieldset
{
    margin: 0px;
    padding: 0px;
    border: none;
}


/************************************************************************
* 
* Rollover buttons
*
************************************************************************/

.buttonsmall
{
    filter:chroma(color=#000000); /*fix for IE not to place focus border on submit button*/
    color: #344766;
    Height:23px;
    Width:60px;
    padding-bottom:3px;
    cursor: pointer;
    font:  13px "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
    border:1px solid #ccc;
 
}

.buttonsmall-ovr
{
    background-color:#344766;
    color:#fff;
    cursor: pointer;
    Height:23px;
    Width:60px;
    padding-bottom:3px;
    font:  13px "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
    border:1px solid #ccc;
    
}


#masthead  .loginwelcome{font:13px "Helvetica Neue",Arial,Helvetica,sans-serif;}



#masthead  .linksmall
{
    background-color:#dcdcdc;
    /*background-color:none;*/
 
    color: #344766;
    padding-left: 0px;
    padding-right: 0px;
    height:18px;
    cursor: pointer;
    font:13px "Helvetica Neue",Arial,Helvetica,sans-serif;   
     border:1px solid #ccc;
}

#masthead .linksmall-ovr
{
     background-color:#dcdcdc;
    text-decoration: underline;
    color: #344766;
    border: none;
    padding-left: 0px;
    padding-right: 0px;
    cursor: pointer;
    height:18px;
    font:13px "Helvetica Neue",Arial,Helvetica,sans-serif;
}


.hidden
{
    visibility: hidden;
}
.none
{
    display: none;
}


.performance a:link, .performance a:visited{
    text-decoration: underline;
    color: #0066cc;
}

.performance a:hover
{
    color:#666; 
}

#disclaimer{text-align:justify; color:#DB9370; }



.sidebox {
	 /*margin: 0 auto; center for now */
	width: 312px; /* ems so it will grow */
	background: url(../images/sbbody-r900.gif) no-repeat bottom right;
	font-size: 100%;
	float:left;

}
.boxhead {
	background: url(../images/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(../images/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;

}
.boxbody {
	background: url(../images/sbbody-l900.gif) no-repeat bottom left;
	margin: 0;
	/*padding: 5px 30px 31px;*/
	padding:5px 30px 30px 50px ;

}

#body .boxbody ul{margin:0px; padding:0px;}
#body .boxbody ul li
{
    padding:0px;
    margin:0px;
}

  


	.teaser {
		width:322px;
		padding:0 0 14px 0;
		/*margin:0px auto;*/
		background:url("../images/tsr322.gif") bottom left no-repeat;
	}
	.teaser h3 {
		margin:0;
		padding:7px 0px 3px 10px;
		background:url("../images/tsr322.gif") top left no-repeat;
		color:Olive;
	}

	.teaser p, .teaser a.more {
		margin:0;
		/*padding:0 10px 3px;*/
		border:1px solid #d8d8d8;
		border-width:0 1px;
		background:#fff;
		/*background:url("../images/arrow.gif") 12px 50% no-repeat;*/
	}
	.teaser a.more {
		display:block;
		text-align:left;
	
		background:url("../images/pdf.gif") 10px 50% no-repeat;
		padding:0 24px 0 29PX;
		text-decoration:none;
		color:#666;
	
	}
	.teaser a.more:hover {
		text-decoration:underline;
	}




/*Wrapping Text Around Images
Current versions of WordPress now have image alignment built-in. WordPress adds CSS classes to align the image to the right, left, and center of a paragraph, so the text will wrap around the image. 

In order to take advantage of these new CSS classes for image alignment and the text wrapping around the image, the WordPress Theme must include the following in the style.css found in the WordPress Theme directory. 
*/
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

img.right {padding: 4px; margin: 0 0 2px 7px; display: inline;}
img.left {padding: 4px; margin: 0 7px 2px 0; display: inline;}

/*History Page Images*/
.captionleft {float:left; padding-right: 10px; font-size:10px; text-align:center;}
.captionleft img {border:1px solid #666;} 
.captionleft p{padding:0; margin:0;}

.captionright {float:right; padding-left: 10px; font-size:10px; text-align:center;}
.captionleft img {border:1px solid #666;} 
.captionright p{padding:0; margin:0;}



#body .myBox {
 
    color: #000;
    width: 300px;
    padding: 0px;
    margin-right:14px;
    text-align: left;
    background-color: #dcdcdc;
    border: 1px solid #666;
	float:left;
	margin-bottom:20px;

    background-repeat: no-repeat;
    background-position: top left;
      


	
    /* Do rounding (native in Firefox and Safari)
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px; */
}

#body .myBox  h2{
 text-align:left;
 font-family: Helvetica, Arial, sans-serif;
font-weight:bold;
 font-size:14px;
 color:#fff;
 padding-bottom:20px;
 padding-top:0;
 background-color:#344766;
padding:5px 0; padding-left:10px; margin:0;

}

#body .myBox ul{margin:0px; padding:0px 5px 0px 25px;}

#body .myBox ul li
{
    padding:0px 0px 5px 0px;
    
    margin:0px;
}