/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~GLOBAL STYLES ~~~~~~~~~ */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

* {
	margin: 0;
	padding:0;
	}
	
html {
}

body {
	xbackground: #E4E0DB url("../images/bg.jpg");
	background: #fff;
	width: auto;
	color: #333;
	font-family: Verdana, sans-serif;
	margin: 0;
	line-height: 1.3em;
	font-size: 10px;
}

a img {
	border: none;
}

a, a:link {
	color: #768C0C;
	xbackground-color: transparent;
}


a:hover {
	color: #055A34;
	xbackground-color: transparent;
}


p{
	padding: 0 0 10px 0;
	font-size: 1.06em;
	line-height: 1.6em;
	font-weight:normal;
}

h3{
	padding:0;
	font-size: 1.06em;
	line-height: 1.4em;
	font-weight:normal;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~LAYOUT STYLES ~~~~~~~~~ */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#container {
	background: transparent;
}
#content {
	background: transparent;
}


#header {
	background: transparent;
	position: relative;
    width:100%;
}


#main {
	margin: 0;
	}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~NAVIGATION STYLES ~~~~~~~~~ */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#nav {
display:none !important;
}

#global_nav { display:none !important;}

/* end of nav style */
			
#nav_value { display:none !important;	}

/*~~~~~~~~~~~HOMEPAGE STYLES ~~~~~~~~~ */

#home #masthead { width: 100%; height: 188px; position: relative;}

		#home #masthead #learn_more {
			position: absolute;
			top: 133px;
			left: 313px;
			background: url("../images/btn_learn.gif") no-repeat top left; /*IE 6 fix */
			width: 141px;
			height:30px;
		}
		
		#home #masthead #learn_more a.learn_more {
			float:left;
			width:107px;
			xheight:10px;
			background: #A1B842 url("../images/btn_learn.gif") no-repeat top left;
			font-family:Arial, Helvetica, sans-serif;
			letter-spacing: 0.2em;
			color: #fff;
			text-decoration: none;
			xpadding-left: 34px;
			xpadding-top: 3px;
			xpadding-bottom: 4px;
			padding: 3px 0 4px 34px;
		}
		
		#home #masthead #learn_more a.learn_more:hover {
			color: #E2550D;
			background-position: -141px 0px;
		}		

	#home_content_container {
	background: transparent url("../images/home_box_bottom.jpg") no-repeat bottom left;
	padding-bottom: 19px; 
	}
	
	#home_content_wrapper {
	background:  url("../images/home_box_bg.jpg") repeat-y top left;
	padding-bottom: 10px; xborder: 1px solid #ff0000;
	}
	
	#home_content {
	background:  url("../images/home_box.jpg") no-repeat top left; xborder: 1px solid #00ff00;
	}
	
		#home_content #why_p21 {
		 float:left;
		 width: 280px;
		}
	
		#home_content #why_p21 p{
		 padding: 20px 70px 0 34px;
		 color: #055A34;
		 font-size: 1.06em;
		 line-height: 1.5em;
		}
		#home_content #why_p21 #snap_shot {
			margin: 10px 70px 0 34px;
			background: url("../images/btn_fund.gif") no-repeat top left; /*IE 6 fix */
			width: 155px;
		}
		
		#home_content #why_p21 #snap_shot a.snap_shot {
			float:left;
			width:125px;
			xheight:30px;
			background: #DEEAA6 url("../images/btn_fund.gif") no-repeat top left;
			font-family:Arial, Helvetica, sans-serif;
			letter-spacing: 0.2em;
			color: #fff;
			text-decoration: none;
			xpadding-left: 30px;
			xpadding-top: 3px;
			xpadding-bottom: 4px;
			padding: 3px 0 4px 30px;
		}
		
		#home_content #why_p21 #snap_shot a.snap_shot:hover {
			color: #E2550D;
			background-position: -155px 0px;
		}		
		
		#home_content #fund_today{ float:left; }
		
		#home_content #fund_today div.box {
		 float:left;
		 width: 220px;
		}
		
		#home_content #fund_today h1 {
		 padding: 20px 30px 0 0;
		 font-family:Arial, Helvetica, sans-serif;
		 color: #E2550D;
		 font-weight:normal;
		 font-size: 1.8em;
		 line-height: 1em;
		}
		
		#home_content #fund_today div.box h2 {
		 padding: 10px 30px 5px 0;
		 color: #055A34;
		 font-weight: bold;
		 font-size: 1.2em;
		 line-height: 1.2em;
		}
		
			#home_content #fund_today div.box h2 a { color: #055A34; text-decoration:none; }
			#home_content #fund_today div.box h2 a:hover { text-decoration:underline; }

		#home_content #fund_today div.box p {
		 font-size: 1em;
		 line-height:1.4em;
		 padding: 0 30px 10px 0;
		}
	    #home_content #fund_today div.box h3 {
		font-size: 1em;
		line-height: 1.3em; 
		padding: 0 30px 0 0;}

		
/*~~~~~~ Subpages (Secondary and Tertiary Pages) Sytle ~~~~~~~~~~~~~~~~~~ */

	#masthead h1 { 
		font: normal 28px/40px Arial;
		color: #055A34;
	}


/*column styles - left column */
#col1 {
	display:none !important;
}

#subpage #col1 { xmargin-top:40px;}

	#col1 h2 {
		padding: 0 20px;
		font-size: 1em;
		font-weight: bold;
		text-transform:uppercase;
		color:#055A34;
		margin-bottom: 17px;
	}
	
	#col1 h3{
		padding: 0 20px;
		font-size: 1.06em;
		font-weight: normal;
		color:#055A34;
	}

		#col1 h3.learnmore{
		padding: 0 20px 0 32px;
		background: url("../images/bullet_square.gif") no-repeat 20px 50%;
	}


	#col1 p{
		padding: 0 15px 10px 20px;
	}


		#col1 ul, #col1 div.callout {
		padding:40px 0 25px 0;
		background: #F4F8E1 url("../images/sub_bg.gif") repeat-y top left;
		xlist-style-position:inside;
		width:226px;
		list-style:none;
		border-bottom: 1px solid #D9E1B3;
		}
		
		#col1 ul li {  margin: 0 15px; padding-left: 18px; background: #F4F8E1 url("../images/bullet_tertiary.gif") no-repeat 0 0.7em; }
		#col1 ul li a {font-size: 1.06em; line-height: 2em; }
		#col1 ul li a:hover { text-decoration:none; }
		#col1 ul li a.current { text-decoration:none; color: #055A34; }

		#col1 ul li ul  { background: none; padding: 10px 0; border-bottom: none; width:170px; }
		#col1 ul li ul li { padding: 0px; margin: 0;  background: none; }
		#col1 ul li ul a { font-size: 1em; line-height: 1.8em; }


		#col1 blockquote { font: normal 1.8em/1.5em Verdana; color: #A6BC3C; text-align: right; padding: 120px 20px 0 20px; }

		#col1 div.callout { background:none; }

			#col1 div.callout h2, #col1 div.callout p { margin: 0; }

/*column 2 style */

#col2 {
	xfloat:right;
	width:450px;
	xpadding: 40px 30px 30px 20px;
	xborder: 1px solid #00ff00;
	xposition:absolute;
	xtop: 0;
	xright: 0;
}

/* tertiary pages- in-depth style - bottom of leaf */


	#col2 h2{
		font-size: 1.4em;
		line-height: 1.4em;
		color:#E2550D;
		font-weight:bold;
		margin-bottom: 0.7em;
		padding-top:20px;
	}

	
	#col2 h3{
		font-size: 1.2em;
		line-height: 1.8em;
		color:#055A34;
		font-weight: bold;
	}

		#subsubpage #col2 h3{ font-size: 1.2em; margin-top: 15px;}/*subsubpage specific style */


	#col2 ul { list-style:none; font-size: 1.06em; line-height: 1.6em; margin-bottom: 2em;}
		#col2 ul li { padding-left: 13px; background: #fff url("../images/bullet_arrow.gif") no-repeat 0 6px; }


.in_depth #col2 #profile {
	float:left;
	width: 310px;
	xborder: 1px solid #ff0000;

}

.in_depth #col2 #profile_list {
	float:right;
	width: 130px;
	border: 1px solid #ff0000;

}

/*~~~~~~~~~~~FUND SNAPSHOT STYLES ~~~~~~~~~ */

.fund_snapshot p { font-size: 1em;}
#subpage.fund_snapshot #submain { background: #fff url("../images/sub_bg.gif") repeat-y top left; }
#subpage.fund_snapshot #nav{ height:32px; } /*fund snapshot has a different style than other subpages */

#subpage.fund_snapshot #masthead h1 { 
	font: normal 24px/30px Arial;
	color: #055A34;
	padding: 0pt; 
}

#subpage.fund_snapshot #col1 { margin-top:0px; width: 160pt; xborder: 1px solid #ccc;}
#subpage.fund_snapshot #col2 {   
	margin-top: 0; padding-top:0px; padding-right: 0px; width:310pt; xfloat:left;	xborder: 1px solid #ccc;}
#subpage.fund_snapshot #col1 h2 {font-size: 1.2em; text-transform:capitalize; margin: 0; padding:10px 0 0 0;}
#subpage.fund_snapshot #col2 h2.print { margin-top: 0pt;}

#subpage.fund_snapshot #submain #methods { display:none !important; }


dl { 	width:190px; 
 border-bottom: 1px solid #D9E1B3; padding: 10px 0; line-height: 1.3em; xfloat:left;}

dt {float:left; font-weight:bold; padding-right: 5px;}

dl.assets {border-bottom:none; padding-bottom:0; }
dl.assets dt dd {float:none;}


dl dl { border-bottom:none; padding: 2px 15px; clear:both; width: 150px;}

dl dl dt,
dl dl dd {font-weight:normal; } 

dl.ratio { padding-top:8px;}


dl.topten  { padding-top:0; }
dl.topten dt { width:120px; }

dl.management { margin-bottom:30pt; }
dl.management dd {padding-bottom: 10px; }

dl.invest_min { padding-top:0; }

dl.contact_info { padding-top:0; }
dl.contact_info dt {float:none;}

dl.contact_info dd.phone {padding-top: 10px;}
dl.contact_info dd.email {padding-top: 0;}

.fund_snapshot #col2 a.viewall { padding-left: 17px;line-height: 3em; background: #fff url("../images/bullet_tertiary.gif") no-repeat 0 2px; }

table#holdings, table#performance  {
	border: 1px solid #D9E1B3;
	width:100%; /*this seems to work for all browsers */
	text-align:left;
	font-family: Verdana, sans-serif;
	font-size: 1em;
	color:#333;
	float:right;
	padding:0;
	margin:0;
}

table#holdings tbody tr th, table#performance tbody tr th {
	background: #055A34;
	color: #fff;
	font-weight: bold;
	padding: 5px 15px ;
}

table#holdings tbody tr th.colname, table#performance tbody tr th.colname {
	background: #A6BC3C;
	color: #333;
}

table#holdings tbody tr, table#performance tbody tr {
	padding: 3px 15px;
	border: 1px solid #D9E1B3;
	border-top:none;
}

table#holdings tbody tr td, table#performance tbody tr td{
	padding: 3px 0px 3px 15px;
}

/*~~~~~~~~~~~WHAT'S NEW STYLES ~~~~~~~~~ */

.whats_new #col2  h2.section {background:  url("../images/hr_bg.gif") repeat-x top left; padding-top:25px;}
.whats_new p span.date_name {color: #768C0C; font-weight:bold;}
.whats_new div.featuring { text-align:center; padding: 10px 0; }


/*~~~~~~~~~~~WHY P21 STYLES ~~~~~~~~~ */
	#subpage.why_p21 #masthead h1 { 
		padding-top: 56px;
		width: 200px;
		line-height: 1em;
	}


/*~~~~~~ Footer Sytle ~~~~~~~~~~~~~~~~~~ */
	
#footer { visibility:hidden !important; }
	
img.logo {
	margin-bottom: 40px;
}


.alignRight { float:right; }
.alignLeft { float:left; }