﻿/* CSS Document */

/* This is the main body style. */
body 
{
    font-family: Trebuchet MS, Arial, Helvetica, Verdana;
    font-size: 15px;
    color: #666666;
    text-decoration: none;
    background-color: #CCCCCC; 
}

/* This is the default text size and color - changing here changes all non styled text */
.DefaultText
{
    font-family: Trebuchet MS, Arial, Helvetica, Verdana;
    font-size: 15px;
    color: #666666;
    text-decoration: none; 
}
.DefaultText a:link {color: #0099CC; text-decoration: none; }
.DefaultText a:visited {color: #0099CC; text-decoration: none; }
.DefaultText a:active {color: #0099CC; text-decoration: none; }
.DefaultText a:hover {color: #333399; text-decoration: none; }

/* This is the 'Wrapper' div which draws the border around the newsletter, NOT INCLUDING the Page Footer. */
#divWrapper 
{
    
    width: 800px; 
	margin:0px auto;
	border:1px solid #bbb;
	/*padding-top:20px;
	padding-bottom: 20px;*/
	background-color: #FFFFFF;
	 
}

/* This is the Page Footer containing the Archives and copyright info. */
#PageFooter
{
	width:800px;
	margin:0px auto;
    font-size: 10px;
    color: #666666;
    text-align: center;
}
/* This is for the Featured Article on the Homepage */
.FeaturedArticle
{
	/*border:1px solid #666666;*/
	background-color:#F8F8CF;
    text-align: left;
    padding: 10px;
}

#divSignOut
{
    text-align: right; 
    padding-right: 20px;
    padding-top: 2px; 
    background: #1A7893; 
    height:20px;    
}

.SignOut
{color: #FFFFFF; font-size: 12px; text-decoration: none; }
.SignOut a:link 
{color: #FFFFFF; text-decoration: none; }
.SignOut a:visited 
{color: #FFFFFF; text-decoration: none; }
.SignOut a:active 
{color: #CBE5E0; text-decoration: none; }
.SignOut a:hover 
{color: #CBE5E0; text-decoration: none; }



/* This is for the Main Navigation Fly Out Menu */
.subMenu
{
	margin-right:1px;
	margin-bottom:1px;
	border:1px solid #CBE5E0;
	background-color:#e9f8f5;
    cursor: default;
    text-align: left;
    vertical-align: middle;
}

.subMenuText
{color: #333399; font-size: 12px; text-decoration: none; }
.subMenuText a:link 
{color: #333399; text-decoration: none; }
.subMenuText a:visited 
{color: #333399; text-decoration: none; }
.subMenuText a:active 
{color: #FF6633; text-decoration: none; }
.subMenuText a:hover 
{color: #FF6633; text-decoration: none; }


    
/* For Homepage Read More of the Feature Article LINK */    
.ReadMore
{color: #666666; font-size: 11px; text-decoration: none; padding: 10px; }
.ReadMore a:link 
{color: #666666; text-decoration: none; }
.ReadMore a:visited 
{color: #666666; text-decoration: none; }
.ReadMore a:active 
{color: #000000; text-decoration: none; }
.ReadMore a:hover 
{color: #000000; text-decoration: none; }

/* For View Article Pages Next Article and Previous Article LINKS */
.NextPrevious
{color: #333399; font-size: 11px; text-decoration: none; padding: 10px; }
.NextPrevious a:link 
{color: #333399; text-decoration: none; }
.NextPrevious a:visited 
{color: #333399; text-decoration: none; }
.NextPrevious a:active 
{color: #666666; text-decoration: none; }
.NextPrevious a:hover 
{color: #666666; text-decoration: none; }
 
/* For Bread Crumbs */   
.breadcrumb {color: #666666; font-size: 10px; text-decoration: none; padding: 2px;}
.breadcrumb a:link {color: #666666; text-decoration: none; }
.breadcrumb a:visited {color: #666666; text-decoration: none; }
.breadcrumb a:active {color: #666666; text-decoration: none; }
.breadcrumb a:hover {color: #000000; text-decoration: none; }


/* For Page Footer copyright info */  
.footer {color: #666666; font-size: 10px;}
.footer a:link {color: #666666; text-decoration: none; font-size: 9px; }
.footer a:visited {color: #666666; text-decoration: none; font-size: 9px; }
.footer a:active {color: #666666; text-decoration: none; font-size: 9px; }
.footer a:hover {color: #000000; text-decoration: none; font-size: 9px; } 

/*---------- PB Product Finder Menu Items */
.CategoryMenu
{
    font-family: "Trebuchet MS", Arial, Helvetica, Verdana;    
    font-size: 11px;    
    line-height: 16px;    
	color:#1A7893;
    text-decoration:none;    
    background-color:#FFFFFF;
    cursor: pointer;
    /*padding-left:5px;*/
    /*padding-right:5px;*/
    /*border-bottom: 1px solid white;*/
}

.CategoryMenuHover
{
    font-family: "Trebuchet MS", Arial, Helvetica, Verdana;    
    font-size: 11px;    
    line-height: 16px;    
	color:#FFFFFF;
    text-decoration:none;    
    background-color:#1A7893;
    cursor:default;
     /*padding-left:5px;*/
    /*padding-right:5px;*/
}

.PDFandArchiveLink 
{color: #666666; font-size: 12px; text-decoration: none; font-weight: bold; cursor: pointer; }
.PDFandArchiveLink  a:link 
{color: #666666; text-decoration: none;  cursor: pointer;}
.PDFandArchiveLink  a:visited 
{color: #666666; text-decoration: none; }
.PDFandArchiveLink  a:active 
{color: #333399; text-decoration: none; }
.PDFandArchiveLink  a:hover 
{color: #333399; text-decoration: none; cursor: pointer; }
   

/* Poll Container Panel - Overall panel for poll question, answers & submit button */
.PBPollContainer
{   font-size: 12px;
    color: #000000;
    text-decoration: none;
    background-color: #CBE5E0;
    border: #333399 1px solid; 
    width: 300px;
    height: 250px; 
    text-align: center;
    padding: 10px;
}

.PBPollTitleTab
{   color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    width: 150px;
    border: #333399 1px solid;
    background-color: #333399;
    padding-left: 5px; 
    padding-right: 5px; 
} 

.PBPollTitle
{   font-size: 16px;
    color: #FFFFFF;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    text-transform: capitalize;
    font-weight: bold;
}

.PBPollQuestion
{   font-size: 12px;
    color: #000000;
    text-decoration: none;
    padding: 10px;
    text-align: left;
}

.PBPollAnswers
{   text-align: left;
    padding: 10px;
}

.PBPollVoteResults
{   padding: 10px;
    text-align: left;
    font-size: 12px;
    color: #666666;
    text-decoration: none; 
}

.PBPollVoteResults a:link
{    color: #666666;
     text-decoration: none;
     font-weight: bold; 
}           

.PBPollVoteResults a:visited
{   color: #666666;
    text-decoration: none;
    font-weight: bold; 
}           

.PBPollVoteResults a:active
{   color: #333399;
    text-decoration: none;   
    font-weight: bold; 
}           

.PBPollVoteResults a:hover
{   color: #333399;
    text-decoration: none;
    font-weight: bold;
}
/*  Begin Article Text and styles */


/*  This is a div for the Left Column on the articles. It holds the image and text */
.ArticleLeftColumn
{   float:right; 
    width: 210px;
    padding: 5px;
}
/*  Quote and background color */
.ArticleQuote
{   color: #666666;
    font-size: 12px;
    font-weight: bold;
    background-color: #F8F8CF;
    padding: 10px;
    width: 160px;
} 
/*  ------------------- */


.ArticleHeader 
{color: #FF6633; font-size: 23px; font-weight: bold; }

.ArticleSubHead 
{color: #1A7893; font-size: 18px; font-weight: bold; }

.WomenHighlight 
{color: ##FF0099; font-size: 15px; font-weight: bold; }

.ComingSoonText 
{color: ##666666; font-size: 12px; font-weight: bold; }

.ComingSoonBullet
{color: #FF6633; font-size: 14px; font-weight: bold; } 

.GreenText 
{color: ##336600; font-size: 15px; }

.ArticleSubTitle
{
    font-size: 15px;
    color: #FF6633;
    font-weight: bold;
    text-decoration: none; 
}
.ArticleEmphasis
{
    font-size: 15px;
    color: #000000;
    font-weight: bold;
    text-decoration: none; 
}
.ArticleIntro
{
    font-size: 15px;
    color: #333333;
    font-weight: bold;
    text-decoration: none; 
}
.BulletPoints1
{
    font-size: 15px;
    color: #333399;
    font-weight: bold;
    text-decoration: none; 
}
.BulletPoints2
{
    font-size: 15px;
    color: #CC9900;
    font-weight: bold;
    text-decoration: none; 
}

.Category4ArticlePages
{
    font-size: 16px;
    color: #333399;
    font-weight: bold;
    text-decoration: none; 
}

.IssueMonth
{
    font-size: 18px;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
    padding-right: 20px;
    padding-top: 10px;
    text-align: right;
}

/* --------- */  
.ArticleFootnotes {color: #666666; font-size: 10px; padding-top: 30px;}
.ArticleFootnotes a:link {color: #333399; text-decoration: underline; font-size: 9px; }
.ArticleFootnotes a:visited {color: #333399; text-decoration: underline; font-size: 9px; }
.ArticleFootnotes a:active {color: #FF6633; text-decoration: underline; font-size: 9px; }
.ArticleFootnotes a:hover {color: #FF6633; text-decoration: underline; font-size: 9px; }


/* ----Goal Line Tips at the bottom of the Article pages----- */ 
.GoalLineHeader
{
    font-size: 14px;
    color: #FF6633;
    font-weight: bold;
    text-decoration: none; 
} 

.GoalLine
{
    font-size: 14px;
    color: #1A7893;
    text-decoration: none; 
    padding: 15px;
    border: 1px solid #CCCCCC;
}
/* ----This is for a box in the articles like Feb 2009 has 'More is Better' in the Fitness article----- */  

.BoxExtras
{
    font-size: 14px;
    color: #000000;
	background-color: #CBE5E0;
    text-decoration: none; 
    padding: 15px;
    border: 1px solid #000000;
}
/* --------- */  


/* For Recipe Nutritional Information */  
.RecipeNutrition {color: #666666; font-size: 11px;}
.RecipeNutrition a:link {color: #666666; text-decoration: none;}
.RecipeNutrition a:visited {color: #666666; text-decoration: none;}
.RecipeNutrition a:active {color: #666666; text-decoration: none; }
.RecipeNutrition a:hover {color: #000000; text-decoration: none; }  

.RecipeIngredients {color: #333399; font-size: 16px;}
.RecipeIngredients a:link {color: #666666; text-decoration: none; }
.RecipeIngredients a:visited {color: #666666; text-decoration: none; }
.RecipeIngredients a:active {color: #666666; text-decoration: none; }
.RecipeIngredients a:hover {color: #000000; text-decoration: none; }  

/* For the Archive page-this is the list of issues */  
.ArchiveList {color: #333399; font-size: 20px; line-height: 1.5; }
.ArchiveList a:link {color: #333399; text-decoration: none; font-size: 16px; line-height: 1.5; }
.ArchiveList a:visited {color: #333399; text-decoration: none; font-size: 16px;}
.ArchiveList a:active {color: #666666; text-decoration: none; font-size: 16px;}
.ArchiveList a:hover {color: #666666; text-decoration: none; font-size: 16px;} 

/* For the Archive page-this is the expiration text at the top */  
.ArchiveExpire {color: #666666; font-size: 14px; line-height: 1.5; }

/* --------- */ 
