﻿/*##############################################
 HTML ELEMENTS
##############################################*/ 
body {
	margin: 0 auto;
	background-color: #cccccc;	
	background-image: url('../images/ui/bodyBg1.gif');
	background-repeat: repeat-x;
}
/*##############################################
 NAMED ELEMENTS
##############################################*/ 
#container1 {
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	clear: both;
	margin-top: 0px;
	background-color: #ECEEF1;
}
#container1Bottom {
	background-image:url('../images/ui/container1Bottom1.gif');
	background-repeat:no-repeat;
	height:20px;
	margin-left: auto;
	margin-right: auto;
	width: 950px;

}
#header,
.header {
	background-image: url('../images/ui/header.jpg');
	background-repeat: no-repeat;
	height: 210px;
}

/* CAN */
.hdr_sam_can {
    background-image: url('../images/ui/hdr_sam_can.jpg');
    background-repeat: no-repeat;
	height: 173px;
}
.hdr_sam_can_company {
    background-image: url('../images/ui/hdr_sam_can_company.jpg');
    background-repeat: no-repeat;
	height: 173px;
}
.hdr_sam_can_price {
    background-image: url('../images/ui/hdr_sam_can_price.jpg');
    background-repeat: no-repeat;
	height: 173px;
}
.hdr_sam_can_mutual {
    background-image: url('../images/ui/hdr_sam_can_mutual.jpg');
    background-repeat: no-repeat;
	height: 173px;
}
.hdr_sam_can_hedge {
    background-image: url('../images/ui/hdr_sam_can_hedge.jpg');
    background-repeat: no-repeat;
	height: 173px;
}
.hdr_sam_can_investment {
    background-image: url('../images/ui/hdr_sam_can_investment.jpg');
    background-repeat: no-repeat;
	height: 173px;
}
.hdr_sam_can_insights {
    background-image: url('../images/ui/hdr_sam_can_insights.jpg');
    background-repeat: no-repeat;
	height: 173px;
}
.hdr_sam_can_news {
    background-image: url('../images/ui/hdr_sam_can_news.jpg');
    background-repeat: no-repeat;
	height: 173px;
}
.hdr_sam_can_oil {
    background-image: url('../images/ui/hdr_sam_can_oil.jpg');
    background-repeat: no-repeat;
	height: 173px;
}
.hdr_sam_can_gold {
    background-image: url('../images/ui/hdr_sam_can_gold.jpg');
    background-repeat: no-repeat;
	height: 173px;
}
/* INT */
.hdr_sam_int {
    background-image: url('../images/ui/hdr_sam_int.jpg');
    background-repeat: no-repeat;
	height: 173px;
}
.hdr_sam_int_company {
    background-image: url('../images/ui/hdr_sam_int_company.jpg');
    background-repeat: no-repeat;
	height: 173px;
}
.hdr_sam_int_price {
    background-image: url('../images/ui/hdr_sam_int_price.jpg');
    background-repeat: no-repeat;
	height: 173px;
}
.hdr_sam_int_mutual {
    background-image: url('../images/ui/hdr_sam_int_mutual.jpg');
    background-repeat: no-repeat;
	height: 173px;
}
.hdr_sam_int_hedge {
    background-image: url('../images/ui/hdr_sam_int_hedge.jpg');
    background-repeat: no-repeat;
	height: 173px;
}
.hdr_sam_int_investment {
    background-image: url('../images/ui/hdr_sam_int_investment.jpg');
    background-repeat: no-repeat;
	height: 173px;
}
.hdr_sam_int_insights {
    background-image: url('../images/ui/hdr_sam_int_insights.jpg');
    background-repeat: no-repeat;
	height: 173px;
}
.hdr_sam_int_news {
    background-image: url('../images/ui/hdr_sam_int_news.jpg');
    background-repeat: no-repeat;
	height: 173px;
}
.hdr_sam_int_oil {
    background-image: url('../images/ui/hdr_sam_int_oil.jpg');
    background-repeat: no-repeat;
	height: 173px;
}
.hdr_sam_int_gold {
    background-image: url('../images/ui/hdr_sam_int_gold.jpg');
    background-repeat: no-repeat;
	height: 173px;
}
/* PRI */
.header_pw {
    background-image: url('../images/ui/hdr_pw.jpg');
    background-repeat: no-repeat;
	height: 173px;
}
.header_pw_company {
    background-image: url('../images/ui/hdr_pw_company.jpg');
    background-repeat: no-repeat;
	height: 173px;
}
.hdr_pw_price {
    background-image: url('../images/ui/hdr_pw_price.jpg');
    background-repeat: no-repeat;
	height: 173px;
}
.header_pw_mutual {
    background-image: url('../images/ui/hdr_pw_mutual.jpg');
    background-repeat: no-repeat;
	height: 173px;
}
.header_pw_hedge {
    background-image: url('../images/ui/hdr_pw_hedge.jpg');
    background-repeat: no-repeat;
	height: 173px;
}
.hdr_pw_investment {
    background-image: url('../images/ui/hdr_pw_investment.jpg');
    background-repeat: no-repeat;
	height: 173px;
}
.hdr_pw_insights {
    background-image: url('../images/ui/hdr_pw_insights.jpg');
    background-repeat: no-repeat;
	height: 173px;
}
.hdr_pw_news {
    background-image: url('../images/ui/hdr_pw_news.jpg');
    background-repeat: no-repeat;
	height: 173px;
}
.hdr_pw_oil {
    background-image: url('../images/ui/hdr_pw_oil.jpg');
    background-repeat: no-repeat;
	height: 173px;
}
.hdr_pw_gold {
    background-image: url('../images/ui/hdr_pw_gold.jpg');
    background-repeat: no-repeat;
	height: 173px;
}
#topNav {
	padding:8px 20px 0px 0px;
	width:600px;
	float:left;
}

#topNav a, #topNav a:visited, #topNav a:hover
{
    color: #CCCCCC;
    padding: 4px 15px 4px 20px;
    text-decoration: none;
    text-align: center;
}

#topNav a.currentTop,
#topNav a.currentTop:hover,
#topNav a.currentTop:visited 
{
    padding-left:15px;
    font-weight:bold;
    color:#ffffff;
}


#contactLink 
{
    padding:8px 25px 0px 0px;
    float:right;
    color:#00215B;	
	text-decoration:none;
	text-align:center;	
	font-weight:bold;
}
#contactLink a,
#contactLink a:visited {
	color:#00215B;	
	text-decoration:none;
	text-align:center;	
	font-weight:bold;
}
#contactLink a:hover {
	color:#00215B;	
	text-decoration:none;
	text-align:center;	
	font-weight:bold;
	text-decoration:underline;	
} 
#contactLinkPrivate 
{
    padding:8px 25px 0px 0px;
    float:right;
    color:#fff;	
	text-decoration:none;
	text-align:center;	
	font-weight:bold;
}
#contactLinkPrivate a,
#contactLinkPrivate a:visited {
	color:#fff;	
	text-decoration:none;
	text-align:center;	
	font-weight:bold;
}
#contactLinkPrivate a:hover {
	color:#fff;	
	text-decoration:none;
	text-align:center;	
	font-weight:bold;
	text-decoration:underline;	
} 
#postioningStatement 
{
	padding:180px 20px 0px 20px;
	color:#fff;
	text-align:right;
	font-size:16px;
}
#contentContainer {
	background-color:#d8dce1;
	float:left;
	width:760px;
	float:right;
	}

#contentContainerFooter {
	background-image:url('../images/ui/contentContainerFooterBg.gif');
	background-repeat:no-repeat;
	height:20px;
	width:760px;
	float:right

}

#content1 {
	float: left;
	width: 500px;
}
#content1 #content1Inner {
	clear: both;
	padding: 20px 20px 10px 10px;
	position: relative;
	/*text-align:justify;*/
}
#singleContent1 {

	width: 930px;
}
#singleContent1 #singleContent1Inner {
	clear: both;
	padding: 20px 20px 10px 40px;
	position: relative;
	text-align:justify;
}

#content2 {
	float: left;
	width: 250px;
}
#content2 #content2Inner {
	clear: both;
	padding: 20px 20px 10px 10px;
	position: relative;
}
#content3 {
	float: left;
	width: 740px;
}
#content3 #content3Inner {
	clear: both;
	padding: 20px 20px 10px 10px;
	position: relative;
	/*text-align:justify;*/
}
#content4 {
	float: left;
	width: 500px;	
}
#content4 #content4Inner {
	clear: both;
	margin-top:20px;
	padding: 0px 20px 10px 10px;
	position: relative;
	border-right:solid 1px #999999;
	/*text-align:justify;*/
}

#lhSidebar {
	float: left;
	width: 190px;
	clear: both;
}
#lhSidebar #lhInner {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#rhSidebar {
	float: left;
	width: 190px;
}
#rhSidebar #rhInner {
	padding: 0px 20px 10px 10px;
}


/*##############################################
 HOMEPAGE STYLES
##############################################*/

#homeTopLeft 
 {
     width:290px;
     float:left;
     background-color:#fff;
 }
 #homeTopRight 
 {
     width:660px;     
     float:left;
     background-color:#fff;
 }
 #htrInner 
 {
     padding:12px 15px 8px 15px;
     color:#2b2f64;
 }
 .SelectorLink,
 .SelectorLink:visited
 {
     text-decoration:none;
     font-weight:bold;  
     display:block;  
     padding:5px; 
 }
  .SelectorLink:hover
 {
     text-decoration:none;
     font-weight:bold;     
     display:block;
     background-color:#a3aead;
     color:#fff;
 }
 #homeRotator
 {
    width:660px;
    float:left;
    margin:0;
 }
 #homeNews
 {
    width:660px;
    float:left;
    margin:0;
 }
 #homeNews #inner
 {
    padding:10px 20px 10px 20px;
 }
 #title 
 {
    background-color: #00215B;
    width:660px;
    float:right;
    margin:0;    
 }
 #title h1
 {
    color:#fff;
    padding:20px;
    margin:0;
 }
 
 .bulletList4 
{
	margin-left:0px;
	padding-left:0px;
	list-style-type:none;
	display:inline;

}
.bulletList4 li 
{
	margin-left:0px;
	padding:5px 65px 5px 15px;
	background-image:url(../images/bullet2.gif);
	background-repeat:no-repeat;
	background-position:0px 7px;
	list-style-type:none;
	display:inline;
	
}
.bulletList4 li a,
.bulletList4 li a:visited,
.bulletList4 li a:hover
{
	color:#2b2f64;
	font-weight:bold;
}
#homeContent
{ 
    background-color: #ECEEF1;
    background-image: url(../images/ui/homeContentBg.gif);   
}
#homeContent #divider1 
{
	height:0px;
	background-color:#D8DCE1;
}
#homeContent #content1 {
	float: left;
	/*width: 370px;	*/
}
#homeContent #content1 #content1Inner {
	clear: both;
	padding: 0px 15px 10px 15px;
	position: relative;	
	margin:20px 0px 0px 0px;
}
#homeContent #content2 {
	float: right;
	width: 290px;	
}
#homeContent #content2 #content2Inner {
	clear: both;
	padding: 0px 0px 0px 0px;
	position: relative;	
}
		
#homeContent #lhSidebar {
	float: left;
	width: 290px;
	clear: both;	
    min-height:300px;
	height:auto !important;
	height:300px;
	background-color:#ECEEF1;
}
#homeContent #lhSidebar #lhInner {
	padding: 20px 20px 0px 20px;
	margin: 0px 0px 0px 0px;
}
#homeBottom {
	background-image:url('../images/ui/homeFooter.gif');
	background-repeat:no-repeat;
	height:50px;
	margin-left: auto;
	margin-right: auto;
	width: 950px;

}

#ftrWrapper
{   
    width:950px;
    margin-left: auto;
    margin-right: auto;
    
}
#otherSites
{
    width:250px;
    float:left;
    padding-top:10px;
}
.footer {
	clear: both;
	padding:  10px 10px 3px 10px;
	margin: 0px 10px 10px 10px;
	color:#333333;
	width: 650px;
	margin-left: auto;
	margin-right: auto;
	clear: none;
	text-align:right;
	line-height:25px;
	font-size:smaller;
	float:right;
}

.footer a,
.footer a:hover,
.footer a:visited{
	color:#333333;
	text-decoration:none;
	margin-left:30px;
}

#fundSelector
{
	float: left;
	background-color: #C7CED3;
	width: 100%;
}
#fundSelector #fundSelectorInner 
{
	padding:10px 20px 10px 20px;
}
#writeHere {
	color: #FFFFFF;
	background-color: #000000;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 14px;
	font-weight: bold;
	text-align: right;
	letter-spacing: 8px;
	margin-top: 2px;
}




/*##############################################
 SPLASH PAGE 
##############################################*/

#splashContainer1 {
	/*width: 950px;*/
	height:1070px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	clear: both;
	margin-top: 0px;
	background-color: #ffffff;	
	background-image: url('../images/ui/Splash_Page_Image.jpg');	
	background-repeat:no-repeat;
	background-position:center top;
	position:relative;
}
#splashContainer2 {
	width: 950px;
	height:1070px;
	margin-left: auto;
	margin-right: auto; 
	padding: 0px;
	clear: both;
	margin-top: 0px;	
	position:relative;
}
#splashSamNav {	
	width:341px;
	position:absolute;
	top:252px;
	left:70px;

}
#splashSamNav img{
	margin:0px 0px 1px 0px;
	float:left;
	border:0px;	
}
#splashPwNav {
	width:341px;
	position:absolute;
	top:252px;
	left:520px;
}
#splashPwNav img{
	margin:0px 0px 1px 0px;
	float:left;
	border:0px;	
}

/*##############################################
 FUND PAGE ELEMENTS
##############################################*/ 
#fundPageTabs 
{
	background-color:#d8dce1;
	background-image: url(../images/ui/tabContainerBg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left:10px;
}


#fundPageA,
#fundPageC  
{
	float:left;
	width:600px;
}
#fundPageC  
{
    background-image: url(../images/ui/fundCBg.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#fundPageA .inner,
#fundPageC .inner 
{
	padding:20px;
}
#fundPageB 
{
	float:left;
	width:340px;
	border-left:solid 1px #999999;
	color: #535681;
}
#fundPageB .inner  
{
	padding:20px 20px 20px 10px;
}
#fundPageD  
{
	float:left;
	width:340px;

	color: #535681;
}
#fundPageD .inner  
{
	padding:0px 20px 20px 20px;
}
#fundPageE,
#fundPageF  
{
	float:left;
	width:950px;
	
}
#fundPageE .inner,
#fundPageF .inner
{
	padding:20px;
}
#fundPageE .inner
{
    background-image: url(../images/ui/fundRelatedMaterialsBg.gif);
    background-repeat: no-repeat;
    background-position: 440px 0px;
}
#fundPageF .inner
{
    background-image: url(../images/ui/fundPortfolioBg.gif);
    background-position:0px 30px;	
    background-repeat: no-repeat;
}


#fundPageA .pageTitle,
#fundPageB .pageTitle,
#fundPageC .pageTitle,
#fundPageD .pageTitle,
#fundPageE .pageTitle,
#fundPageF .pageTitle {

	color:#666666;
}
.fundTable1
{
	width:100%;
	border-collapse:collapse;
}
.fundTable1 td
{
	padding:5px;
	border-bottom: 1px solid #c5c5c5;	
	margin:0px;
	vertical-align:top;

}
/*.fundTable1 .valueCol
{
	padding:5px 30px 5px 5px;
	text-align:right;
}*/
.fundTable1 .valueCol
{
	text-align:right;
}
.fundTable1 .valueCol2
{
	padding:5px 90px 5px 5px;
	text-align:right;
}

.fundTable2
{
	width:300px;
}
.fundTable2 td
{
	padding:3px;

	vertical-align:top;	
	line-height:.9em;
}
.fundTable .nameCol 
{
	width:80px;
}
.fundTable .valueCol 
{
	width:50px;
	padding-right:5px;
	text-align:right;
}
.portfolioData 
{
	float:left;
}
.relatedMaterials1 
{
    float:left;
    width:410px;
    margin-right:40px;
}
.relatedMaterials2 
{
    float:left;
    width:410px;
    margin-left:10px;
}
.fundTable3
{
}
.fundTable3 td
{
	padding:3px;
	vertical-align:top;	
	line-height:.9em;
}
/*##############################################
PRICE AND PERFORMANCE PAGE ELEMENTS
##############################################*/ 
#pricePerformanceTabs 
{
	background-image: url(../images/ui/tabContainerBg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color:#d8dce1;	
	padding-left:10px;	
}


#pricePerformanceA,
#pricePerformanceB,
#pricePerformanceC,
#pricePerformanceD
#fundPageC  
{
	float:left;
	width:930px;
}
#pricePerformanceA .inner,
#pricePerformanceB .inner,
#pricePerformanceC .inner,
#pricePerformanceD .inner

{
	padding:20px;
}

#pricePerformanceA .pageTitle,
#pricePerformanceB .pageTitle,
#pricePerformanceC .pageTitle,
#pricePerformanceD .pageTitle
 {

	color:#666666;
}


.ppDataTable1 
{
    border-collapse:collapse;
    border: 1px solid #C0C0C0;
	
}
.ppDataTable1 td
{
    vertical-align: top;
    padding: 5px;
    border: 1px solid #C0C0C0;
    border-collapse:collapse;
}

.ppDataTable1Header
{
	background-color:#666666;
	font-weight:bold;
	color:#fff;
}
.ppDataTableAlternate
{
	background-color:#cccccc;


}
.ppDataTableCentered
{
	text-align:center;
}
.ppDataTable2 
{
	
}
.ppDataTable2 td
{
    vertical-align: top;
    padding: 5px;
    border-top: 1px solid #D8DCE1;
    border-bottom: 1px solid #D8DCE1;
    border-left: 1px solid #D8DCE1;
    border-right: 1px solid #D8DCE1;
    border-collapse:collapse;
}
.colorBox 
{
	height:10px;
	width:10px;
	background-color:#535681;
	float:left;
	margin:1px 4px 0px 0px;
}
td.dataCell1 
{
    text-align:right;
    padding-right:20px;
}
.dataDash 
{
    padding-right:16px;
}
/*##############################################
FUND SELECTOR
##############################################*/
.fundSelectorL1 
{
	background-color:#d8dce1;	
}
.fundSelectorL1:hover
{
	color: #00215B;
	background: #AFC3CA;	
}
.fundSelectorL2 
{
	background-color:#00215b;
	color:#fff;
	font-weight:bold;
	
}
.fundSelectorL3 
{

}


/*##############################################
 AUDI VIDEO VAULT ELEMENTS
##############################################*/ 
#content1 #content1AvInner {
	clear: both;
	padding: 20px 20px 10px 10px;
	position: relative;
	text-align:justify;
}
#tabs 
{
	background-image: url(../images/ui/tabContainerBg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color:#d8dce1;
	padding-left:10px;
	width:490px;
}


#avA,
#avC,
#avE  
{
	float:left;	
	background-color:#ECEEF1;
	width:500px;
}
#avA .inner,
#avC .inner,
#avE .inner 
{
	padding:20px;
}
#avB,
#avD  
{
	float:left;
	width:340px;
	color: #535681;
}
#avB .inner,
#avD .inner  
{
	padding:20px;
}


#avA .pageTitle,
#avB .pageTitle,
#avC .pageTitle,
#avE .pageTitle{

	color:#666666;
}
.tabFooter 
{
	background-image: url(../images/ui/AVTabsBottomBg1.gif);
	background-repeat: no-repeat;
	height: 20px;
	width:500px;
}

/*##############################################
 FUND COMPARE
##############################################*/ 
#fundCompareTabs 
{
	background-color:#d8dce1;
	background-image: url(../images/ui/tabContainerBg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left:10px;
}


#fundCompareA,
#fundCompareB,
#fundCompareC  
{
	width:950px;
}
#fundCompareA .inner,
#fundCompareB .inner,
#fundCompareC .inner  
{
	padding:20px;
}
#fundCompareA .inner
{
	overflow: auto;
}


#fundCompareA .pageTitle,
#fundCompareB .pageTitle,
#fundCompareC .pageTitle{

	color:#666666;
}
/*##############################################
 photogallery
##############################################*/ 
/*#gallery 
{
}
#gallery img 
{
    border:0;
}*/