﻿

/*
------------------------------------------------------------------------------------------
AJAX MODAL POPUP
------------------------------------------------------------------------------------------
*/

.ModalBackground
{
    background-color: gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.ModalPopupMainStandard
{
    float: left;
    background-color: #f3f3f3;
    border: solid 2px #013f7e;
    width: 400px;
}

.ModalPopupWidthNormal
{
    width: 400px;
}

.ModalPopupWidthPollResults
{
    width: 500px;
}

.ModalPopupWidthLostPassword
{
    width: 500px;
}

.ModalPopupWidthLostPasswordSuccess,
.ModalPopupWidthLostPasswordFailure,
.ModalPopupWidthSignInNoUser
{
    width: 380px;
}


.ModalPopupMainStandard .ModalPopupHolder
{
    float: left;
    width: 100%;
    padding-bottom: 12px;
}

.ModalPopupMainStandard .ModalPopupTitleBar
{
    float: left;
    width: 100%;
    text-align: center;
    background-color: #013f7e;
    padding-top: 5px;
    padding-bottom: 6px;
    cursor: move;
}

.ModalPopupMainStandard .ModalPopupTitleBarTitle
{
    float: left;
    width: 100%;
    font-family: arial, verdana;
    font-size: 14px;
    font-weight: bold;
    color: #eeeeee;
}

.ModalPopupMainStandard .ModalPopupBody
{
    float: left;
    width: 100%;
    background-color: #f0f0f0;
    text-align: justify;
}

.ModalPopupMainStandard .ModalPopupBodyInner
{
    padding-left: 20px;
    padding-right: 20px;
    font-family: arial, verdana;
    font-size: 14px;
    font-weight: normal;
    color: #444444;
    line-height: 16px;
}

.ModalPopupMainStandard .ModalPopupBodyRow
{
    padding-top: 11px;
    float: left;
    width: 100%;
}

.ModalPopupMainStandard .ModalPopupButtonRow
{
    float: left;
    width: 100%;
    padding-top: 12px;
    padding-bottom: 3px;
    text-align: center;
}

.ModalPopupMainStandard .ModalPopupTextBox
{
    padding: 2px 2px 4px 4px;
    background-color: #d4d4d4;
    font-family: verdana, arial;
    font-size: 12px;
    font-weight: normal;
    color: #444444;
}

.ModalPopupMainStandard .ModalPopupButton
{
    overflow: visible;
    padding-left: 14px;
    padding-right: 14px;
    height: 26px;
    padding-bottom: 2px;
    font-family: verdana, arial;
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
    color: #eeeeee;
    background-color: #013f7e;
    text-decoration: none;
    border: outset 2px #181818;
}




   
/*
------------------------------------------------------------------------------------------
SITE ADMIN LOGIN AND AUTHOR LOGIN PAGES
------------------------------------------------------------------------------------------
*/

.SiteAdminLoginArea
{
    float: left;
    width: 380px;    
    padding-left: 190px;
    margin-top: 40px;
}

.SiteAdminLoginBoxTitle
{
    width: 370px;
}

.SiteAdminLoginBox
{
    width: 370px; 
    margin-bottom: 160px;
}


.SiteAdminLoginBox .LoginBoxRow
{
    float: left;
    padding-top: 20px;   
}

.SiteAdminLoginBox .LoginBoxRowLabel
{
    float: left;
    width: 130px;
    padding-top: 5px;    
    padding-right: 7px;
    text-align: right;
    font-family: Arial, Verdana;
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;    
    color: #555555;
}

.SiteAdminLoginBox .LoginBoxRowInput
{
    float: left;        
    text-align: left;       
}

.SiteAdminLoginBox .LoginBoxMessageRow
{
    float: left;
    width: 100%;
    height: 20px;
    padding-top: 3px;   
    text-align: center;
    font-family: Arial, Verdana;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;    
    color: #dd0000;
}

.SiteAdminLoginBox .LoginBoxRowButton
{
    float: left;
    width: 100%;
    padding-top: 5px;   
    padding-bottom: 20px;
    text-align: center;
}


            

/*
------------------------------------------------------------------------------------------
ONE BLOG PAGE
------------------------------------------------------------------------------------------
*/

.BlogPageOneBlogTitle
{
    width: 570px;
}

.BlogPageOneBlog
{
    width: 570px; 
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 30px;
}

.BlogPageOneBlog .BlogTitle
{
    float: left; 
    width: 530px;
    padding-left: 20px;
    padding-right: 20px; 
    text-align: center;
    padding-bottom: 8px;
    font-family: Arial, Verdana;
    font-size: 20px;
    line-height: 23px;
    font-weight: bold;    
    color: #444444;
}
    
.BlogPageOneBlog .BlogDate
{
    float: left; 
    width: 530px;
    padding-left: 20px;
    padding-right: 20px; 
    text-align: center;
    padding-bottom: 25px;
    font-family: Arial, Verdana;
    font-size: 14px;
    line-height: 16px;
    font-weight: bold;   
    color: #888888;
}
    
.BlogPageOneBlog .BlogBody
{
    float: left; 
    width: 530px;
    padding-left: 20px;
    padding-right: 20px; 
    text-align: left;
    padding-bottom: 20px;
    font-family: Arial, Verdana;
    font-size: 14px;
    line-height: 18px;
    font-weight: normal;    
    color: #222222;
}
    
.BlogPageOneBlog .AuthorNote
{
    float: left; 
    width: 530px;
    padding-left: 20px;
    padding-right: 20px; 
    text-align: left;
    padding-bottom: 15px;
    font-family: Arial, Verdana;
    font-size: 14px;
    line-height: 17px;
    font-weight: bold;    
    font-style: italic;
    color: #777777;
}
    
 


/*
------------------------------------------------------------------------------------------
MORE BLOGS PAGE
------------------------------------------------------------------------------------------
*/

.BlogMorePageMoreBlogsTitle
{
    width: 570px;
}

.BlogMorePageMoreBlogs
{
    width: 570px; 
    padding-bottom: 20px;
    margin-bottom: 30px;
}

.BlogMorePageMoreBlogs .OneBlogWrapper
{
    float: left;
    width: 100%;
}

.BlogMorePageMoreBlogs .BlogTitle   
{
    float: left; 
    width: 530px;
    padding-left: 20px;
    padding-right: 20px; 
    text-align: center;
    padding-top: 16px;
    padding-bottom: 6px;
    font-family: Arial, Verdana;
    font-size: 18px;
    line-height: 21px;
    font-weight: bold;    
    color: #444444;
}
    
.BlogMorePageMoreBlogs .BlogTitle a:link, 
.BlogMorePageMoreBlogs .BlogTitle a:active, 
.BlogMorePageMoreBlogs .BlogTitle a:visited
{
    text-decoration: none;
    color: #0b4586;
}

.BlogMorePageMoreBlogs .BlogTitle a:hover
{
    text-decoration: underline;
    color: #9c1139;
}


.BlogMorePageMoreBlogs .BlogDate
{
    float: left; 
    width: 530px;
    padding-left: 20px;
    padding-right: 20px; 
    text-align: center;
    padding-bottom: 14px;
    font-family: Arial, Verdana;
    font-size: 12px;
    line-height: 15px;
    font-weight: bold;   
    color: #888888;
}
    
.BlogMorePageMoreBlogs .BlogBody
{
    float: left; 
    width: 530px;
    padding-left: 20px;
    padding-right: 20px; 
    text-align: left;
    padding-bottom: 42px;
    font-family: Arial, Verdana;
    font-size: 14px;
    line-height: 18px;
    font-weight: normal;    
    color: #222222;
}

.BlogMorePageMoreBlogs .TopHorizLine
{
    float: left; 
    width: 100%; 
    border-bottom: solid 1px #888888;
}





  
/*
------------------------------------------------------------------------------------------
MASTER FILE
------------------------------------------------------------------------------------------
*/

body
{
    margin: 0 auto;
    padding: 0;
    background-color: #1a4d8d; 
    background-image: url(../images/BodyBackgroundTile.png);
    background-position: left top;
    background-repeat: repeat-x;
}

.PageOuterWrapper
{
    display: block;
    width: 980px;
    margin: 0 auto;
    padding: 0;
}

.PageContentArea
{
    float: left;
    width: 914px;
    padding-left: 33px;
    padding-right: 33px;
    padding-top: 40px;
    padding-bottom: 50px;
}

.PageInnerWrapper
{
    float: left;
    width: 980px;
    margin: 0;
    padding: 0;
    border-left: solid 1px #05418d;
    border-right: solid 1px #05418d;
    border-bottom: solid 1px #05418d;
    margin-bottom: 30px;
    background-color: #ffffff;
}


.PageHeaderArea,
.PageHeaderAreaAd
{
    float: left;
    width: 980px;
    padding: 0;
    margin: 0;
    background-repeat: no-repeat;
    border-top: solid 1px #05418d;
    border-bottom: solid 1px #05418d;
    background-color: #c0d5ee;
}

.PageHeaderArea
{
    height: 188px;  
    background-image: url(../images/SiteHeaderBackground.png);
}

.PageHeaderAreaAd
{
    height: 255px;  
    background-image: url(../images/SiteHeaderBackgroundAd.png);
}


.PageHeaderAreaAd .PageHeaderShoppingCartIconAd
{
    float: left;
    width: 955px;
    padding-top: 68px; 
    text-align: right;     
}
    
.PageHeaderArea .PageHeaderShoppingCartIconNoAd
{
    float: left;
    width: 955px;
    padding-top: 100px;
    text-align: right;     
}
    

.PageHeaderBannerAd
{
    float: left;
    width: 980px;
    padding-top: 7px;
    text-align: center;
}

.TopWideBannerImage
{
    float: left;
    margin-left: 126px;
    width: 728px;
    height: 90px;
    border: solid 1px #333333;
}

.SiteCopyright
{
    float: left;
    width: 100%;
    padding-top: 15px;
    text-align: center;
    font-family: verdana, arial;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    color: #4d4d4d;
    background-color: #e9e9e9;
}

.AdminSignInLink
{
    float: left;
    width: 100%;
    padding-top: 9px;
    padding-bottom: 15px;
    font-family: verdana, arial;  
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    text-align: center;
    background-color: #e9e9e9;
}

.AdminSignInLink a:link, .AdminSignInLink a:active, .AdminSignInLink a:visited, .AdminSignInLink a:hover
{
    text-decoration: none;
    color: #1b4f90;
}

.AdminSignInLink a:hover
{
    text-decoration: underline;
    color: #9c1139;
}




/*
------------------------------------------------------------------------------------------
PAGE TOP MAIN HORIZONTAL MENU BAR
------------------------------------------------------------------------------------------
*/

.PageMainMenuArea
{  
    float: left;  
    width: 980px;
    height: 35px;
    text-align: center;
    border-bottom: solid 1px #333333; 
    background-image: url("../images/MenuBackgroundNormal.png");
    background-position: left top;
    background-repeat: repeat-x;
}

/* Need this to center the nav menu ul in the PageMainMenuArea wrapper div  */
/* Change width to be just wide enough to enclose all menu items            */
/* *** NEED TO EDIT THE WIDTH IF MENU ITEMS CHANGE ****                     */
.PageMainMenuArea .MenuCenter
{
    width: 690px;         /*  border: solid 1px green;   */
}


.MainNavigationMenu
{ 
    width: 690px;        /* *** NEED TO EDIT THE WIDTH IF ABOVE .MenuCenter WIDTH CHANGES ****  */
    height: 35px;      
    text-align: center;
    margin: 0;
    padding: 0;
}

.MainNavigationMenu ul
{
    margin: 0;                        
    padding: 0;
    text-align: center; 
}

.MainNavigationMenu li
{
    list-style-type: none;                      
    margin: 0;
    padding: 0; 
    font-family: verdana, arial;
    font-size: 14px;
    line-height: 16px;
    font-style: normal;
    font-weight: bold;
}

.MainNavigationMenu li a:link, .MainNavigationMenu li a:active, .MainNavigationMenu li a:visited, .MainNavigationMenu li a:hover
{
    height: 21px; 
    display: block;
    float: left; 
    vertical-align: middle;
    padding: 9px 27px 7px 27px;
    text-decoration: none;
    background-image: url("../images/MenuBackgroundNormal.png");
    background-position: left top;
    background-repeat: repeat-x;
    color: #393939;
}

.MainNavigationMenu li a:hover
{
    background-image: url("../images/MenuBackgroundHover.png");
    color: #ffffff;
}




/*
------------------------------------------------------------------------------------------
PAGE BOTTOM MINOR HORIZONTAL MENU BAR
------------------------------------------------------------------------------------------
*/

.PageBottomMenuArea
{  
    float: left;  
    width: 980px;
    height: 26px;
    text-align: center;
    border-top: solid 1px #838383; 
    border-bottom: solid 1px #686868; 
    background-image: url("../images/BotMenuBackgroundNormal.png");
    background-position: left top;
    background-repeat: repeat-x;
}

/* Need this to center the nav menu ul in the PageMainMenuArea wrapper div  */
/* Change width to be just wide enough to enclose all menu items            */
/* *** NEED TO EDIT THE WIDTH IF MENU ITEMS CHANGE ****                     */
.PageBottomMenuArea .MenuCenter
{
    width: 330px;         /*  border: solid 1px green;   */
}


.BottomNavigationMenu
{ 
    width: 330px;        /* *** NEED TO EDIT THE WIDTH IF ABOVE .MenuCenter WIDTH CHANGES ****  */
    height: 26px;      
    text-align: center;
    margin: 0;
    padding: 0;
}

.BottomNavigationMenu ul
{
    margin: 0;                        
    padding: 0;
    text-align: center; 
}

.BottomNavigationMenu li
{
    list-style-type: none;                      
    margin: 0;
    padding: 0; 
    font-family: verdana, arial;
    font-size: 12px;
    line-height: 14px;
    font-style: normal;
    font-weight: bold;
}

.BottomNavigationMenu li a:link, .BottomNavigationMenu li a:active, .BottomNavigationMenu li a:visited, .BottomNavigationMenu li a:hover
{
    height: 20px; 
    display: block;
    float: left; 
    vertical-align: middle;
    padding: 6px 28px 2px 28px;
    text-decoration: none;
    background-image: url("../images/BotMenuBackgroundNormal.png");
    background-position: left top;
    background-repeat: repeat-x;
    color: #393939;
}

.BottomNavigationMenu li a:hover
{
    background-image: url("../images/BotMenuBackgroundHover.png");
    color: #ffffff;
}



/*
------------------------------------------------------------------------------------------
TERMS & CONDITIONS PAGE
------------------------------------------------------------------------------------------
*/

.TermsConditionsBoxTitle
{
    width: 570px;
}

.TermsConditionsBoxBody
{  
    width: 524px; 
    padding-left: 23px;
    padding-right: 23px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 30px;
    background-color: #fbfbfb;
    font-family: Arial, Verdana;
    font-size: 14px;
    line-height: 17px;
    font-weight: normal; 
}



/*
------------------------------------------------------------------------------------------
CONTACT PAGE
------------------------------------------------------------------------------------------
*/

.ContactInfoBoxTitle
{
    width: 570px;
}

.ContactInfoBoxBody
{  
    width: 570px; 
    padding-top: 26px;
    padding-bottom: 11px;
    margin-bottom: 30px;
    background-color: #fbfbfb;
    font-family: Arial, Verdana;
    font-size: 14px;
    line-height: 17px;
    font-weight: bold; 
}

.ContactInfoBoxBody .InfoRow
{
    float: left; 
    width: 100%; 
    padding-bottom: 17px;    
}

.ContactInfoBoxBody .InfoRow .InfoLabel
{
    float: left; 
    width: 115px; 
    text-align: right;  
    color: #747474;
}

.ContactInfoBoxBody .InfoRow .InfoContent
{
    float: left; 
    width: 415px; 
    padding-left: 18px;
    color: #535353;
}




.ContactUsBoxTitle
{
    width: 570px;
}

.ContactUsBoxBody
{  
    width: 570px; 
    padding-top: 26px;
    padding-bottom: 22px;
    margin-bottom: 30px;
    background-color: #fbfbfb;
    font-family: Arial, Verdana;
    font-size: 14px;
    line-height: 17px;
    font-weight: normal;
    color: #747474;
}

.ContactUsBoxBody .ContactFormRow
{
    float: left; 
    width: 100%; 
    padding-bottom: 17px;    
}

.ContactUsBoxBody .ContactFormRow .FormLabel
{
    float: left; 
    width: 115px; 
    padding-top: 5px; 
    text-align: right;  
    font-weight: bold; 
}

.ContactUsBoxBody .ContactFormRow .FormInput
{
    float: left; 
    width: 415px; 
    padding-left: 10px;   
}

.ContactUsBoxBody .ContactFormButtonRow
{
    float: left; 
    padding-top: 7px;
    padding-left: 20px;
}
       




/*
------------------------------------------------------------------------------------------
SHIPPING PAGE
------------------------------------------------------------------------------------------
*/

.ShippingInfoTitle
{
    width: 570px;
}

.ShippingInfo
{
    width: 570px; 
    padding-top: 20px;
    padding-bottom: 25px;  
    margin-bottom: 115px;
}

.ShippingInfo .InfoRow
{
    float: left;
    padding-left: 30px; 
    padding-right: 30px;
    padding-bottom: 25px;
    font-family: Arial, Verdana;
    font-size: 16px;
    line-height: 19px;
    font-weight: normal;    
    color: #444444;
}

.ShippingInfo .AddressRow
{
    float: left;
    width: 505px;                 
    padding-left: 30px; 
    padding-right: 30px;
    padding-bottom: 14px;
    font-family: Arial, Verdana;
    font-size: 14px;
    line-height: 15px;
    font-weight: bold;    
    color: #585858;
}

.ShippingInfo .AddressRow .AddressLabel
{
    float: left;
    width: 110px;              
    padding-top: 6px;
    text-align: right;
}

.ShippingInfo .AddressRow .AddressTarget
{
    float: left;        
    width: 380px;               
    padding-left: 10px;
    text-align: left;
    font-size: 12px;
    line-height: 13px;
    font-weight: normal;
    font-style: italic;    
    color: #505050;
}

.ShippingInfo .SubscribeNowButton
{
    float: left;        
    width: 100%;
    text-align: center;
    padding-top: 22px;               
    padding-bottom: 6px;               
}


/*
------------------------------------------------------------------------------------------
SHOPPING PAGE
------------------------------------------------------------------------------------------
*/

.GoToShippingPageButton
{
    padding: 4px 8px 4px 8px;
    overflow: visible;
    font-family: Arial, Verdana;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    border: outset 2px #cccccc;
    color: #ffffff;
    background-color: #2c61a4;
}


.ShoppingMagazinesTitle
{
    width: 570px;
}

.ShoppingMagazines
{
    width: 570px; 
    padding-top: 20px;
    padding-bottom: 15px;  
    margin-bottom: 115px;
}

.ShoppingMagazines .InfoRow
{
    float: left;
    padding-left: 30px; 
    padding-right: 30px;
    padding-bottom: 21px;
    font-family: Arial, Verdana;
    font-size: 16px;
    line-height: 19px;
    font-weight: normal;    
    color: #444444;
}



.ShoppingMagazines .OneMagazine
{
    float: left;
    width: 510px;
    padding-bottom: 10px;
    margin-bottom: 50px;
    border: solid 1px #7396bd;
    margin-left: 28px;
}

.ShoppingMagazines .OneMagazine .TitleBar
{
    float: left;
    width: 100%;
    padding-top: 5px;      
    padding-bottom: 5px;
    margin-bottom: 7px;
    border-bottom: solid 1px #7396bd;
    text-align: left;
    text-indent: 21px;
    font-family: Arial, Verdana;
    font-size: 18px;
    line-height: 18px;
    font-weight: bold;    
    color: #134d8f;
    background-image: url(../images/BoxHeadingBackgroundTile.png);
    background-repeat: repeat-x;
}

.ShoppingMagazines .OneMagazine .Content
{
    float: left;
    width: 468px;
    padding-right: 28px;      
    padding-left: 14px;
}

.ShoppingMagazines .OneMagazine .CoverAndTeam
{
    float: left;  
    width: 118px;
    padding-bottom: 62px;      /* so fourth price/button option row doesn't wrap and end up underneath cover */
}

.ShoppingMagazines .OneMagazine .CoverAndTeam .Cover
{
    float: left;
    width: 100%;
    padding-top: 13px;
    padding-bottom: 8px;   
}

.ShoppingMagazines .OneMagazine .CoverAndTeam .TeamRow
{
    float: left;
    width: 100px;
    padding-right: 17px;
    padding-bottom: 10px;
    text-align: center;
    font-family: Arial, Verdana;
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;    
    color: #686868;
}

.ShoppingMagazines .OneMagazine .SubscriptionInfo
{
    float: left;         
    width: 346px;
    padding-top: 12px;
    padding-bottom: 6px;
    text-align: left;
    font-family: Arial, Verdana; 
    font-size: 15px;
    line-height: 15px;
    font-weight: bold;    
    color: #424242;
}

.ShoppingMagazines .OneMagazine .PricingAndButtons
{
    float: left;        
    width: 346px;
    height: 35px;
    text-align: left;
}

.ShoppingMagazines .OneMagazine .PricingAndButtons .Underline
{
    float: left;        
    width: 100%;
    height: 2px;
    border-bottom: solid 1px #888888;
}

.ShoppingMagazines .OneMagazine .PricingAndButtons .AddToCart
{
    float: left;      
    width: 275px;
    height: 31px;
    padding-top: 4px;
}

.ShoppingMagazines .OneMagazine .PricingAndButtons .AddToCart a:link, 
.ShoppingMagazines .OneMagazine .PricingAndButtons .AddToCart a:active, 
.ShoppingMagazines .OneMagazine .PricingAndButtons .AddToCart a:visited
{
    text-decoration: none;
    color: #ffffff;
}

.ShoppingMagazines .OneMagazine .PricingAndButtons .AddToCart a:hover
{
    text-decoration: none;
    color: #ffffff;
}    

.ShoppingMagazines .OneMagazine .PricingAndButtons .SubTypePrice
{
    float: left;
    width: 40px;
    padding-top: 3px; 
    padding-right: 30px;  
    font-family: Arial, Verdana; 
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;    
    color: #565656;
}




.ShoppingAllAccessTitle
{
    width: 300px;
}

.ShoppingAllAccessBody
{
    width: 274px;
    margin-bottom: 30px;
    padding-left: 15px; 
    padding-right: 11px;
    padding-bottom: 14px;
}

.ShoppingAllAccessBody .SubInfoRow
{
    float: left;
    padding-top: 21px;
    padding-bottom: 2px;
    font-family: Arial, Verdana;
    font-size: 16px;
    line-height: 19px;
    font-weight: normal;    
    color: #444444;
}

.ShoppingAllAccessBody .PassNameRow
{
    float: left;
    width: 100%;
    padding-top: 17px;
    padding-bottom: 7px;   
    text-align: center;
    font-family: Arial, Verdana;    
    font-size: 18px;
    line-height: 19px;
    font-weight: bold;    
    color: #444444;
}

.ShoppingAllAccessBody .SubscribeNowRow
{
    float: left;           
    width: 100%;
    text-align: center;
    padding-bottom: 28px;   
}

.ShoppingAllAccessBody .PassSubscribeCostRow
{
    float: left;
    width: 100%;
    padding-bottom: 8px;   
    text-align: center;
    font-family: Arial, Verdana;    
    font-size: 16px;
    line-height: 17px;
    font-weight: bold;    
    color: #555555;
}

.ShoppingAllAccessBody .SubscribeNowNote
{
    float: left;           
    width: 100%;
    text-align: center;
    padding-top: 1px;   
    padding-bottom: 6px;   
    font-family: Arial, Verdana;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal;    
    color: #333333;
}



/*
------------------------------------------------------------------------------------------
GENERAL LAYOUT
------------------------------------------------------------------------------------------
*/

.FullPageColumn
{
    float: left;
    width: 940px;    
}

.LeftColumn
{
    float: left;
    width: 610px; 
}

.LeftColumn .LeftSideRow
{
    float: left; 
    width: 570px; 
    margin-bottom: 30px; 
}

.RightColumn
{
    float: left;
    width: 300px; 
}






/*
------------------------------------------------------------------------------------------
MORE ARTICLES PAGE
------------------------------------------------------------------------------------------
*/


.InlineArticleMoreLink
{
    font-family: Arial;
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
}

.InlineArticleMoreLink a:link, .InlineArticleMoreLink a:active, .InlineArticleMoreLink a:visited
{
    text-decoration: none;
    color: #0b4586;
}

.InlineArticleMoreLink a:hover
{
    text-decoration: none;
    color: #9c1139;
}


.ArticleMorePageMoreArticlesTitle
{
    width: 570px;
}

.ArticleMorePageMoreArticles
{
    width: 570px; 
    padding-bottom: 20px;
    margin-bottom: 30px;
}

.ArticleMorePageMoreArticles .OneArticleWrapper
{
    float: left;
    width: 100%;
}

.ArticleMorePageMoreArticles .ArticleTitle   
{
    float: left; 
    width: 530px;
    padding-left: 20px;
    padding-right: 20px; 
    padding-top: 16px;
    text-align: center;
    padding-bottom: 6px;
    font-family: Arial, Verdana;
    font-size: 18px;
    line-height: 21px;
    font-weight: bold;    
    color: #444444;
}
    
.ArticleMorePageMoreArticles .ArticleTitle a:link, 
.ArticleMorePageMoreArticles .ArticleTitle a:active, 
.ArticleMorePageMoreArticles .ArticleTitle a:visited
{
    text-decoration: none;
    color: #0b4586;
}

.ArticleMorePageMoreArticles .ArticleTitle a:hover
{
    text-decoration: underline;
    color: #9c1139;
}


.ArticleMorePageMoreArticles .ArticleDate
{
    float: left; 
    width: 100%; 
    text-align: center;
    font-family: Arial, Verdana;
    font-size: 12px;
    line-height: 15px;
    font-weight: bold;   
    color: #888888;
}
    
.ArticleMorePageMoreArticles .ArticleBody
{
    float: left; 
    width: 530px;
    padding-left: 20px;
    padding-right: 20px; 
    text-align: left;
    padding-bottom: 42px;
    padding-top: 12px;
    font-family: Arial, Verdana;
    font-size: 14px;
    line-height: 18px;
    font-weight: normal;    
    color: #222222;
}

.ArticleMorePageMoreArticles .TopHorizLine
{
    float: left; 
    width: 100%; 
    border-bottom: solid 1px #888888;
}





/*
------------------------------------------------------------------------------------------
MORE BUZZ PAGE
------------------------------------------------------------------------------------------
*/

.BuzzMorePageMoreBuzzTitle
{
    width: 570px;
}

.BuzzMorePageMoreBuzz
{
    width: 570px; 
    padding-bottom: 20px;
    margin-bottom: 30px;
}

.BuzzMorePageMoreBuzz .OneBuzzWrapper
{
    float: left;
    width: 100%;
}

.BuzzMorePageMoreBuzz .BuzzDate
{
    float: left; 
    width: 530px;
    padding-left: 20px;
    padding-right: 20px; 
    text-align: center;
    padding-top: 16px;
    font-family: Arial, Verdana;
    font-size: 12px;
    line-height: 15px;
    font-weight: bold;   
    color: #888888;
}
    
.BuzzMorePageMoreBuzz .BuzzBody
{
    float: left; 
    width: 530px;
    padding-left: 20px;
    padding-right: 20px; 
    text-align: left;
    padding-bottom: 42px;
    font-family: Arial, Verdana;
    font-size: 14px;
    line-height: 18px;
    font-weight: normal;    
    color: #222222;
}

.BuzzMorePageMoreBuzz .TopHorizLine
{
    float: left; 
    width: 100%; 
    border-bottom: solid 1px #888888;
}





/*
------------------------------------------------------------------------------------------
SUBSCRIBER PROFILE PAGE
------------------------------------------------------------------------------------------
*/

.SubscriberProfileBoxTitle
{
    width: 570px;
}

.SubscriberProfileBoxBody
{  
    width: 570px; 
    padding-top: 22px;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.SubscriberProfileBoxBody .MainInfoRow
{  
    float: left;
    padding-left: 25px; 
    padding-right: 25px; 
    padding-bottom: 18px;
    margin-bottom: 22px;
    font-family: Arial, Verdana; 
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;    
    color: #676767;   
    border-bottom: solid 1px #888888;
}

.SubscriberProfileBoxBody .SubInfoRow
{  
    float: left;
    padding-left: 25px; 
    padding-right: 25px; 
    padding-bottom: 18px;
    font-family: Arial, Verdana; 
    font-size: 12px;
    line-height: 15px;
    font-weight: normal;    
    color: #484848;   
}

.SubscriberProfileBoxBody .SubscriberEmailAddress
{  
    float: left;
    width: 542px;
    margin-left: 25px; 
    padding-bottom: 17px;
}

.SubscriberProfileBoxBody .SubscriberUsername
{  
    float: left;
    width: 520px;
    margin-left: 25px; 
    padding-top: 20px;
    padding-bottom: 17px;
    border-top: solid 1px #888888;
}

.SubscriberProfileBoxBody .SubscriberPassword
{  
    float: left;
    width: 520px;
    margin-left: 25px; 
    padding-top: 20px;
    border-top: solid 1px #888888;
}

.SubscriberProfileBoxBody .Label
{
    float: left;
    width: 170px;
    padding-top: 6px;
    padding-bottom: 15px;
    text-align: right;
    font-family: Arial, Verdana; 
    font-size: 14px;
    line-height: 15px;
    font-weight: bold;    
    color: #747474;   
}

.SubscriberProfileBoxBody .Input
{
    float: left;
    width: 340px;
    padding-left: 9px;  
    padding-bottom: 10px;
    text-align: left;
}

.SubscriberProfileBoxBody .UpdateButton
{
    float: left;
    width: 540px;
    padding-top: 4px;
    text-align: center;   
}

.FeedbackArea
{
    float: left;
    width: 540px;
    height: 13px;
    padding-top: 6px;
    text-align: center;   
    font-family: Arial, Verdana; 
    font-size: 12px;
    line-height: 13px;
    font-weight: bold;    
    color: #dd0000;   
}




/*
------------------------------------------------------------------------------------------
ONE ARTICLE PAGE
------------------------------------------------------------------------------------------
*/

.ArticlePageOneArticleTitle
{
    width: 570px;
}

.ArticlePageOneArticle
{  
    width: 570px; 
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 30px;
}


.ArticlePageOneArticle .ArticleMainImage
{
    float: left; 
    width: 100%; 
    text-align: center; 
    padding-bottom: 5px;  
}

.ArticlePageOneArticle .ArticleTitle
{
    float: left; 
    width: 530px;
    padding-left: 20px;
    padding-right: 20px; 
    text-align: center;
    padding-bottom: 3px;
    font-family: Arial, Verdana; 
    font-size: 20px;
    line-height: 23px;
    font-weight: bold;    
    color: #444444;
}
       
.ArticlePageOneArticle .ArticleStarRatingArea
{
    float: left; 
    width: 100%; 
    padding-bottom: 7px;
}

.ArticlePageOneArticle .ArticleStarRatingArea .StarCentering
{
    width: 200px; 
    padding-left: 70px;
}

.ArticlePageOneArticle .ArticleStarRatingArea .StarCentering .StarImages
{
    float: left; 
    width: 100px; 
    padding-top: 3px;
}

.ArticlePageOneArticle .ArticleStarRatingArea .StarCentering .RatingLabel
{
    float: left; 
    width: 70px; 
    padding-top: 7px;
    font-family: Arial, Verdana; 
    font-size: 11px; 
    line-height: 12px; 
    font-weight: normal;
    color: #555555;
}

.ArticlePageOneArticle .ArticleDate
{
    float: left; 
    width: 100%; 
    text-align: center;
    padding-bottom: 25px;
    font-family: Arial, Verdana;
    font-size: 14px;
    line-height: 16px;
    font-weight: bold;   
    color: #888888;
}
    
.ArticlePageOneArticle .ArticleBody
{
    float: left; 
    width: 530px;
    padding-left: 20px;
    padding-right: 20px; 
    text-align: left;
    padding-bottom: 20px;
    font-family: Arial, Verdana;
    font-size: 14px;
    line-height: 18px;
    font-weight: normal;    
    color: #222222;
}


.ArticlePageOneArticle .AuthorNote
{
    float: left; 
    width: 530px;
    padding-left: 20px;
    padding-right: 20px; 
    text-align: left;
    padding-bottom: 15px;
    font-family: Arial, Verdana;
    font-size: 14px;
    line-height: 17px;
    font-weight: bold;   
    font-style: italic;
    color: #777777;
}
    

/* ------------ comments for one article ----------------- */

.ArticleCommentsAreaTitle
{
    width: 570px;
}

.ArticleCommentsArea
{
    width: 530px; 
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 30px;
}

.ArticleCommentsArea .ArticleCommentOneEven,
.ArticleCommentsArea .ArticleCommentOneOdd
{
    float: left; 
    width: 500px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 13px;
    padding-bottom: 17px;
    font-family: Arial, Verdana;
    font-size: 14px;
    line-height: 17px;
    font-weight: normal;
    color: #333333;
}

.ArticleCommentsArea .ArticleCommentOneEven
{
    background-color: #ffffff;
}

.ArticleCommentsArea .ArticleCommentOneOdd
{
    background-color: #f0f0f0;
}

.ArticleCommentsArea .ArticleCommentOneEven .CommentUser,
.ArticleCommentsArea .ArticleCommentOneOdd .CommentUser
{
    float: left;
    width: 98%;
    font-weight: bold;
    color: #777777;
}

.ArticleCommentsArea .ArticleCommentOneEven .CommentDate,
.ArticleCommentsArea .ArticleCommentOneOdd .CommentDate
{
    float: left;
    width: 98%;
    color: #777777;
    padding-top: 2px;
}

.ArticleCommentsArea .ArticleCommentOneEven .CommentBody,
.ArticleCommentsArea .ArticleCommentOneOdd .CommentBody
{
    float: left;
    width: 98%;
    color: #222222;
    padding-top: 8px;
}

/* ---------- add comment form --------------------- */
.ArticleCommentFormTitle
{
    float: left; 
    width: 100%; 
    margin-top: 45px; 
    border-top: solid 1px #7396bd;
    border-left: solid 1px #7396bd;
    border-right: solid 1px #7396bd;
    border-bottom: solid 1px #7396bd;
    background-color: #dddddd;
    color: #134d8f;
    font-family: Arial, Verdana; 
    background-image: url(../images/BoxHeadingBackgroundTile.png);
    background-repeat: repeat-x;
    padding-top: 6px; 
    padding-bottom: 3px;
    text-align: left;
    text-indent: 15px;
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
}

.ArticleCommentForm
{
    float: left; 
    width: 100%; 
    padding-top: 20px; 
    padding-bottom: 6px;
    margin-bottom: 8px;
    font-family: Arial, Verdana;
    font-size: 14px;
    line-height: 17px;
    font-weight: normal;
    color: #636363;
    border-bottom: solid 1px #7396bd;
    border-left: solid 1px #7396bd;
    border-right: solid 1px #7396bd;
    background-color: #f5f5f5;
}

.ArticleCommentForm .CommentFormRow
{
    float: left; 
    width: 100%; 
    padding-bottom: 10px;    
}

.ArticleCommentForm .CommentFormRow .FormLabel
{
    float: left; 
    width: 110px; 
    padding-top: 5px; 
    text-align: right;  
    font-weight: bold; 
}

.ArticleCommentForm .CommentFormRow .FormInput
{
    float: left; 
    width: 400px; 
    padding-left: 10px;   
}

.ArticleCommentForm .CommentFormButtonRow
{
    float: left; 
    padding-top: 7px;
    padding-left: 20px;
    padding-bottom: 10px;
}
       
                        
                        
                        

/*    
.ArticlePageOneArticle .ArticleDate
{
    float: left; 
    width: 100%; 
    text-align: center;
    padding-bottom: 25px;
    font-family: Arial, Verdana;
    font-size: 14px;
    line-height: 16px;
    font-weight: bold;   
    color: #888888;
}
    
.ArticlePageOneArticle .ArticleBody
{
    float: left; 
    width: 100%; 
    text-align: left;
    padding-bottom: 20px;
    font-family: Arial, Verdana;
    font-size: 14px;
    line-height: 18px;
    font-weight: normal;    
    color: #222222;
}
*/


  
            
/*
------------------------------------------------------------------------------------------
COMMON LOOK FOR MANYS PAGES
------------------------------------------------------------------------------------------
*/


/*
------------------------------------------------------------------------------------------
SEARCH RESULTS PAGE
------------------------------------------------------------------------------------------
*/

.SearchResultLink
{
    float: left;
    width: 100%;
    padding-bottom: 3px;
}

.SearchResultItemDate
{
    float: left;
    width: 100%;
    padding-bottom: 15px;
    font-family: Arial, Verdana; 
    font-size: 12px;
    line-height: 13px;
    font-weight: normal;
    color: #505050;
}

.SearchResultsNoMatches
{
    float: left;
    width: 100%;
    padding-top: 3px;
    padding-bottom: 11px;
    font-family: Arial, Verdana; 
    font-size: 14px;
    line-height: 17px;
    font-weight: bold;
    color: #606060;
}


.SearchResultsArticlesTitle
{
    width: 570px;
}

.SearchResultsArticlesBody
{
    width: 570px;
    padding-top: 17px;
    padding-bottom: 7px;
    margin-bottom: 30px;
}

.SearchResultsArticlesBody .Content
{
    float: left;
    width: 530px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: left;
    font-family: Arial, Verdana; 
    font-size: 14px;
    line-height: 16px;
}

.SearchResultsBlogsTitle
{
    width: 570px;
}

.SearchResultsBlogsBody
{
    margin-bottom: 30px;
    padding-top: 17px;
    padding-bottom: 7px;
}

.SearchResultsBlogsBody .Content
{
    float: left;
    width: 530px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: left;
    font-family: Arial, Verdana; 
    font-size: 14px;
    line-height: 16px;
}

.SearchResultsBuzzTitle
{
    width: 570px;
}

.SearchResultsBuzzBody
{
    margin-bottom: 30px;
    padding-top: 17px;
    padding-bottom: 7px;
}

.SearchResultsBuzzBody .Content
{
    float: left;
    width: 530px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: left;
    font-family: Arial, Verdana; 
    font-size: 14px;
    line-height: 16px;
}

.SearchResultsBuzzBody .Content p
{
    margin: 0;
    padding: 0;
}

.SearchResultsBuzzBody .Content .SearchResultBuzzItem
{
    float: left;
    width: 100%;
    padding-bottom: 3px;
}



/*
------------------------------------------------------------------------------------------
COMMON
------------------------------------------------------------------------------------------
*/

.StandardButton, .StandardButtonSmall
{
    overflow: visible;
    font-family: verdana, arial;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    border: outset 2px #cccccc;
    color: #ffffff;
    background-color: #2c61a4;
}

.StandardButton
{
    padding: 3px 8px 3px 8px;
}

.StandardButtonSmall
{
    padding: 2px 3px 2px 3px;
}

.StandardDropDownList
{
    font-family: Verdana, Arial;
    font-size: 13px;
    font-weight: normal;
    background-color: #f0f0f0;
    color: #134d8f;
    padding-top: 2px;
}

.SearchTextBox
{
    height: 17px;
    padding: 1px 2px 1px 4px;
    font-family: Verdana, Arial;
    font-size: 14px;
    line-height: 17px;
    font-weight: normal;
    background-color: #f6f6f6;
    color: #134d8f;
}

.StandardTextBox, .StandardTextBoxMultiLine
{
    padding: 2px 2px 3px 4px;
    font-family: Arial, Verdana;
    font-size: 14px;
    line-height: 16px;
    font-weight: bold;
    background-color: #f6f6f6;
    color: #555555;
}

.StandardTextBox
{
    height: 18px;
}


/* uniform look for links in articles, blogs, buzz - override in classes for exceptions */
a:link, 
a:active, 
a:visited
{
    font-weight: bold;
    text-decoration: none;
    color: #0154c8;
}

a:hover
{
    text-decoration: underline;
    color: #9c1139;
}    


/* uniform look to the various areas, or boxes, title area (Buzz Box, Latest News, Blogs) */
.StandardBoxTitle
{
    float: left;
    border-top: solid 1px #7396bd;       
    border-left: solid 1px #7396bd;
    border-right: solid 1px #7396bd;
    border-bottom: solid 1px #7396bd;
    background-color: #dddddd;
    color: #134d8f;
    font-family: Arial, Verdana; 
    background-image: url(../images/BoxHeadingBackgroundTile.png);
    background-repeat: repeat-x;
}

/* uniform look to the title in the title area of a main area (box) (More Buzz, More Latest News, More Blogs) */
.StandardBoxTitle .TitleName
{
    float: left;
    padding-top: 10px; 
    padding-bottom: 7px;
    text-align: left;
    text-indent: 15px;
    font-size: 24px;
    line-height: 26px;
    font-weight: bold;
}

/* uniform color to the "More" links (More Buzz, More Latest News, More Blogs) */
.StandardBoxTitle .MoreLink
{
    float: right;
    text-align: right;
    padding-right: 20px;  
    padding-top: 16px;
}

.StandardBoxTitle .MoreLink a:link, 
.StandardBoxTitle .MoreLink a:active, 
.StandardBoxTitle .MoreLink a:visited
{
    font-family: Arial, Verdana; 
    font-size: 14px;
    line-height: 16px;
    font-weight: bold;
    text-decoration: none;
    color: #0b4586;
}

.StandardBoxTitle .MoreLink a:hover
{
    font-family: Arial, Verdana; 
    font-size: 14px;
    line-height: 16px;
    font-weight: bold;
    text-decoration: underline;
    color: #9c1139;
}


/* uniform look to the various areas, or boxes (Buzz Box, Latest News, Blogs) */
.StandardBoxBody
{
    float: left;
    border-left: solid 1px #7396bd;        /* top border supplied by title area bottom border */
    border-right: solid 1px #7396bd;
    border-bottom: solid 1px #7396bd;
}



            
/*
------------------------------------------------------------------------------------------
RIGHT COLUMN MANY PAGES
------------------------------------------------------------------------------------------
*/

.SignInBoxTitle
{
    width: 300px;
}

.SignInBoxBody
{
    width: 300px;
    margin-bottom: 30px;
    padding-top: 18px;
    padding-bottom: 15px;
}

.SignInBoxBody .SignedInUsername
{
    float: left;
    width: 260px;
    padding-left: 17px;
    padding-bottom: 9px;
    font-family: Arial, Verdana; 
    font-size: 14px;
    line-height: 15px;
    font-weight: bold;
    color: #535353;
}

.SignInBoxBody .SignedInLogout
{
    float: left;
    width: 70px;
    padding-left: 17px;
    font-family: Arial, Verdana;
    font-size: 12px; 
    line-height: 13px;
    font-weight: normal; 
}

.SignInBoxBody .SignedInLogout a:link, 
.SignInBoxBody .SignedInLogout a:active, 
.SignInBoxBody .SignedInLogout a:visited
{
    text-decoration: none;
    color: #0b4586;
}

.SignInBoxBody .SignedInLogout a:hover
{
    text-decoration: underline;
    color: #9c1139;
}

.SignInBoxBody .SignedInProfile
{
    float: left;
    width: 120px;
    font-family: Arial, Verdana;
    font-size: 12px; 
    line-height: 13px;
    font-weight: normal; 
}

.SignInBoxBody .SignedInProfile a:link, 
.SignInBoxBody .SignedInProfile a:active, 
.SignInBoxBody .SignedInProfile a:visited
{
    text-decoration: none;
    color: #0b4586;
}

.SignInBoxBody .SignedInProfile a:hover
{
    text-decoration: underline;
    color: #9c1139;
}


.SignInBoxBody .SignInUsername,
.SignInBoxBody .SignInPassword
{
    float: left;
    padding-bottom: 10px;
    font-family: Arial, Verdana; 
    font-size: 12px;
    line-height: 13px;
    font-weight: bold;
    color: #434343;
}

.SignInBoxBody .SignInUsername .SignInLabel,
.SignInBoxBody .SignInPassword .SignInLabel
{
    float: left;
    width: 92px;
    padding-top: 7px;
    text-align: right; 
}

.SignInBoxBody .SignInUsername .SignInInput,
.SignInBoxBody .SignInPassword .SignInInput
{
    float: left;
    padding-left: 9px;
    text-align: left;   
}

.SignInBoxBody .SignInButton
{
    float: left;
    padding-top: 5px;
    padding-left: 22px;
    padding-bottom: 12px;
}

.SignInBoxBody .SignInButton .SignIn
{
    float: left;
    padding-right: 17px;
}

.SignInBoxBody .SignInButton .LostPassword
{
    float: left;
    padding-top: 8px;
    font-family: Arial, Verdana;
    font-size: 11px; 
    line-height: 13px;
    font-weight: normal; 
}

.SignInBoxBody .SignInButton .LostPassword a:link, 
.SignInBoxBody .SignInButton .LostPassword a:active, 
.SignInBoxBody .SignInButton .LostPassword a:visited
{
    text-decoration: none;
    color: #0b4586;
}

.SignInBoxBody .SignInButton .LostPassword a:hover
{
    text-decoration: underline;
    color: #9c1139;
}


.SignInBoxBody .SignUpInfo
{
    float: left;
    padding-left: 22px;
    font-family: Arial, Verdana; 
    font-size: 14px;
    line-height: 15px;
    font-weight: bold;
    color: #545454;
}


.SignInBoxBody .SignUpInfo a:link, 
.SignInBoxBody .SignUpInfo a:active, 
.SignInBoxBody .SignUpInfo a:visited
{
    font-family: Arial, Verdana; 
    font-size: 16px;
    line-height: 17px;
    font-weight: bold;
    text-decoration: none;
    color: #0b4586;
}

.SignInBoxBody .SignUpInfo a:hover
{
    font-family: Arial, Verdana; 
    font-size: 16px;
    line-height: 17px;
    font-weight: bold;
    text-decoration: underline;
    color: #9c1139;
}


.LostPasswordDialogInstructionsRow
{
    float: left;
    width: 100%;
    padding-top: 10px;
    font-family: Arial, Verdana;
    font-size: 14px;
    line-height: 17px;
    font-weight: bold;   
    color: #676767;
}

.LostPasswordDialogEmailAddressRow
{
    float: left;
    width: 100%;
    padding-top: 21px;
    padding-bottom: 9px;
    font-family: Arial, Verdana;
    font-size: 14px;
    line-height: 15px;
    font-weight: bold;   
    color: #484848;
}

.LostPasswordDialogEmailAddressRow .Label
{
    float: left;
    padding-left: 30px;
    padding-top: 6px;
}

.LostPasswordDialogEmailAddressRow .Input
{
    float: left;
    padding-left: 8px;
}


.SearchBoxTitle
{
    width: 300px;
}

.SearchBoxBody
{
    width: 300px;
    margin-bottom: 30px;
    padding-top: 22px;
    padding-bottom: 25px;
}

.SearchBoxBody .Caption
{
    float: left;
    width: 98%;
    padding-bottom: 4px;   
    font-family: arial, verdana;
    font-size: 12px;
    font-weight: bold;
    color: #6e6e6e;
}

.SearchBoxBody .Content
{
    float: left;
}

.SearchBoxBody .PhraseSearchArea
{
    float: left;       
    width: 169px;
    padding-left: 12px;
}

.SearchBoxBody .TeamSearchArea
{
    float: left;       
    width: 98px;
    padding-left: 15px;
    border-left: solid 1px #7396bd;
}


.TwitterBoxTitle
{
    width: 300px;
}

.TwitterBoxTitle .TwitterIcon
{
    float: right;
    width: 61px;
    height: 23px;
    text-align: right;
    padding-right: 20px;  
    margin-top: 12px;
}

.TwitterBoxBody
{
    width: 300px;
    height: 320px;
    margin-bottom: 30px;
    scrollbar-face-color: #d4dce7;
    scrollbar-shadow-color: #adc6e4;
    scrollbar-highlight-color: #adc6e4;
    scrollbar-3dlight-color: #91b2da;
    scrollbar-darkshadow-color: #a0bcdc;
    scrollbar-track-color: #e3e2e2;
    scrollbar-arrow-color: #656565;
    overflow: auto;
}

.TwitterBoxBody .TwitterOneEven,
.TwitterBoxBody .TwitterOneOdd
{
    float: left;
    width: 268px;
    padding-top: 9px;
    padding-bottom: 8px;
    padding-left: 8px;
    padding-right: 8px;
    text-align: left;
    font-family: Arial, Verdana; 
    font-size: 12px;
    line-height: 15px;
    font-weight: normal;
    color: #333333;
}

.TwitterBoxBody .TwitterOneEven
{
    background-color: #fdfdfd;
}

.TwitterBoxBody .TwitterOneOdd
{
    background-color: #eeeeee;
}

/*
.TwitterBoxBody .TwitterOneEven p,
.TwitterBoxBody .TwitterOneOdd p
{
    padding: 0;
    margin: 0;
    padding-bottom: 3px;
}
*/

.TwitterBoxBody .TwitterOneEven .TweetText,
.TwitterBoxBody .TwitterOneOdd .TweetText
{
    float: left;
    width: 100%;
    margin-bottom: 1px;
}

.TwitterBoxBody .TwitterOneEven .TweetTime,
.TwitterBoxBody .TwitterOneOdd .TweetTime
{
    float: left;
    width: 100%;
    text-align: center;
    color: #555555;
    font-size: 10px;
    font-weight: bold;
}



.BuzzBoxTitle
{
    width: 300px;
}

.BuzzBoxBody
{
    width: 300px;
    height: 320px;
    margin-bottom: 30px;
    scrollbar-face-color: #d4dce7;
    scrollbar-shadow-color: #adc6e4;
    scrollbar-highlight-color: #adc6e4;
    scrollbar-3dlight-color: #91b2da;
    scrollbar-darkshadow-color: #a0bcdc;
    scrollbar-track-color: #e3e2e2;
    scrollbar-arrow-color: #656565;
    overflow: auto;
}

.BuzzBoxBody .BuzzOneEven,
.BuzzBoxBody .BuzzOneOdd
{
    float: left;
    width: 268px;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 8px;
    padding-right: 8px;
    text-align: left;
    font-family: Arial, Verdana; 
    font-size: 12px;
    line-height: 14px;
    font-weight: normal;
    color: #333333;
}

.BuzzBoxBody .BuzzOneEven
{
    background-color: #fdfdfd;
}

.BuzzBoxBody .BuzzOneOdd
{
    background-color: #eeeeee;
}

.BuzzBoxBody .BuzzOneEven p,
.BuzzBoxBody .BuzzOneOdd p
{
    padding: 0;
    margin: 0;
}

.TwitterArea 
{
    float: left;
    width: 300px;
}

.AdsScriptAdArea
{
    float: left;
    text-align: center;
    width: 300px;
    margin-bottom: 30px;
}

.AdsMediumRectangleAdArea 
{
    float: left;
    text-align: center;
    width: 300px;
    margin-bottom: 30px;
}

.Ads31RectangleAdArea 
{
    float: left;
    width: 300px;
    margin-bottom: 30px;
}

.SmallAdsArea 
{
    float: left;
    width: 292px;
    height: 284px;
    margin-bottom: 30px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.SmallAdsArea .SmallAdsVertTable
{
    width: 292px;
    border-collapse: collapse;
}

.SmallAdsArea .SmallAdsVertTable .SmallAdsVertRow
{
    height: 142px;
}

.SmallAdsArea .SmallAdsVertTable .SmallAdsVertRow .SmallAdsVertCell
{
    width: 144px;
    text-align: center;
    vertical-align: middle;
}


.HomePagePollHorizSpacer
{
    float: left; 
    width: 28px; 
    height: 100px;
}

.MagCoverGalleryTitle
{
    float: left;
    width: 300px;       
    border-top: solid 1px #7396bd;
    border-left: solid 1px #7396bd;
    border-right: solid 1px #7396bd;
    border-bottom: solid 1px #7396bd;
    background-color: #dddddd;
    color: #134d8f;
    font-family: Arial, Verdana; 
    background-image: url(../images/BoxHeadingBackgroundTile.png);
    background-repeat: repeat-x;
    padding-top: 6px; 
    padding-bottom: 3px;
    text-align: left;
    text-indent: 15px;
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
}

.HomeMagCoverGalleryTitle
{
    width: 270px;       
}

.MagCoverGalleryArea,
.HomeMagCoverGalleryArea
{
    float: left;
    padding-top: 16px;
    padding-bottom: 12px;   
    text-align: center;
    border-left: solid 1px #7396bd;
    border-right: solid 1px #7396bd;
    border-bottom: solid 1px #7396bd;
    background-color: #f0f0f0;
    margin-bottom: 30px;
}

.MagCoverGalleryArea
{
    width: 300px;
}

.HomeMagCoverGalleryArea
{
    width: 270px;
}

.MagCoverGalleryArea .MagCoverLink,
.HomeMagCoverGalleryArea .MagCoverLink
{
    float: left;
    width: 100%;
    text-align: center;
    padding-top: 6px;
    font-family: Arial, Verdana;
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;    
}

.MagCoverGalleryArea .MagCoverLink a:link, 
.MagCoverGalleryArea .MagCoverLink a:active, 
.MagCoverGalleryArea .MagCoverLink a:visited,
.HomeMagCoverGalleryArea .MagCoverLink a:link, 
.HomeMagCoverGalleryArea .MagCoverLink a:active, 
.HomeMagCoverGalleryArea .MagCoverLink a:visited
{
    text-decoration: none;
    color: #0b4586;
}

.MagCoverGalleryArea .MagCoverLink a:hover,
.HomeMagCoverGalleryArea .MagCoverLink a:hover
{
    text-decoration: underline;
    color: #9c1139;
}



/*
------------------------------------------------------------------------------------------
POLL, MORE POLLS, POLE DIALOG
------------------------------------------------------------------------------------------
*/

.PollHorizSpacer
{
    float: left;
    width: 21px; 
    height: 100px; 
}   

.PollsAllWrapper
{
    float: left; 
    width: 100%;
}

.PollColWrapper
{
    float: left; 
    width: 271px;  
}

.OnePollWrapper
{
    float: left;
    width: 270px;
    margin-bottom: 30px;
}   

.OnePollWrapper .PollTitle
{
    width: 100%;
}   

.OnePollWrapper .PollContent
{
    width: 242px;
    padding-left: 14px;
    padding-right: 14px;
    padding-top: 15px; 
    padding-bottom: 18px;
}

.OnePollWrapper .PollContent .PollQuestion
{
    float: left;
    width: 100%; 
    padding-bottom: 16px; 
    font-family: Arial, Verdana;
    font-size: 15px; 
    line-height: 19px; 
    font-weight: bold; 
    color: #474747;
}

.OnePollWrapper .PollContent .PollAnswer
{
    float: left; 
    width: 100%;
    padding-bottom: 13px; 
}
     
.OnePollWrapper .PollContent .PollAnswer .PollRadioButton
{
    float: left; 
    width: 11%;              
    padding-top: 0px;
}

.OnePollWrapper .PollContent .PollAnswer .PollLabel
{
    float: left; 
    width: 87%;
    font-family: Arial, Verdana;    
    font-size: 15px; 
    line-height: 17px;
    font-weight: normal; 
    color: #222222;   
}

.OnePollWrapper .PollContent .PollButtonRow
{
    float: left;
    width: 100%;
    padding-top: 7px;
}

.OnePollWrapper .PollContent .PollButtonRow .VoteButton
{
    float: left;
    padding-left: 2px;
    padding-right: 15px;
}

.OnePollWrapper .PollContent .PollButtonRow .ShowResults
{
    float: left;
    padding-top: 7px;
    font-family: Arial, Verdana;
    font-size: 12px; 
    line-height: 13px;
    font-weight: normal; 
}

.OnePollWrapper .PollContent .PollButtonRow .ShowResults a:link, 
.OnePollWrapper .PollContent .PollButtonRow .ShowResults a:active, 
.OnePollWrapper .PollContent .PollButtonRow .ShowResults a:visited
{
    text-decoration: none;
    color: #0b4586;
}

.OnePollWrapper .PollContent .PollButtonRow .ShowResults a:hover
{
    text-decoration: underline;
    color: #9c1139;
}


.PollDialogResultsQuestion
{
    float: left;
    width: 100%;
    padding-top: 20px;
    font-family: Arial, Verdana;
    font-size: 14px;
    line-height: 15px;
    font-weight: bold;   
    color: #484848;
}

.PollDialogResultsAnswers
{
    float: left;
    width: 100%;
}

.PollDialogOneVoteArea
{
    float: left; 
    width: 100%; 
    padding-bottom: 7px;  
    padding-top: 15px;  
}

.PollDialogOneVoteArea .OneAnswer
{
    float: left;    
    width: 100%; 
    padding-bottom: 4px;  
    font-family: Arial, Verdana;
    font-size: 14px;
    line-height: 14px;
    font-weight: normal;   
    color: #333333;
}

.PollDialogOneVoteArea .VotesBar
{
    float: left;                /* width is determined by the app */
    height: 13px; 
    background-color: #7396bd;
    border: solid 1px #05418d;
}
    
.PollDialogOneVoteArea .VotePercentage
{
    float: left;
    padding-left: 10px;
    padding-top: 1px;
    font-family: Arial, Verdana;
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;   
    color: #05418d;
}   




/*
------------------------------------------------------------------------------------------
HOME PAGE
------------------------------------------------------------------------------------------
*/

.HomePageBlogsTitle
{
    width: 570px;
}   

.HomePageBlogs
{
    width: 570px; 
    margin-bottom: 30px;
}
    
.HomePageBlogs .HomePageBlogOneEven,
.HomePageBlogs .HomePageBlogOneOdd
{
    float: left;
    width: 570px;
    padding-top: 8px;
    padding-bottom: 8px; 
}

.HomePageBlogs .HomePageBlogOneEven
{
    background-color: #fdfdfd;
}

.HomePageBlogs .HomePageBlogOneOdd
{
    background-color: #eeeeee;
}

.HomePageBlogs .HomePageBlogOneEven .HomeBlogAuthorThumbnail,
.HomePageBlogs .HomePageBlogOneOdd .HomeBlogAuthorThumbnail
{
    float: left;
    width: 85px; 
    padding-left: 10px;    
}

.HomePageBlogs .HomePageBlogOneEven .HomeBlogAuthorThumbnail .ThumbnailImage,
.HomePageBlogs .HomePageBlogOneOdd .HomeBlogAuthorThumbnail .ThumbnailImage
{
    float: left;
    border: solid 1px #777777;
}

.HomePageBlogs .HomePageBlogOneEven .HomeBlogAuthorName,
.HomePageBlogs .HomePageBlogOneOdd .HomeBlogAuthorName
{
    float: left;
    width: 445px;
    padding-top: 2px;
    color: #525252;
    text-align: left;
    font-family: Arial, Verdana; 
    font-size: 18px;
    line-height: 20px;
    font-weight: bold;
}
    
.HomePageBlogs .HomePageBlogOneEven .HomeBlogLink,
.HomePageBlogs .HomePageBlogOneOdd .HomeBlogLink
{
    float: left;
    width: 445px;     
    padding-top: 5px;
    text-align: left;
    font-family: Arial, Verdana;  
    font-size: 16px;
    line-height: 19px;
    font-weight: bold;
    text-transform: uppercase;
}
    
.HomePageBlogs .HomePageBlogOneEven .HomeBlogLink a:link, 
.HomePageBlogs .HomePageBlogOneEven .HomeBlogLink a:active, 
.HomePageBlogs .HomePageBlogOneEven .HomeBlogLink a:visited, 
.HomePageBlogs .HomePageBlogOneOdd .HomeBlogLink a:link, 
.HomePageBlogs .HomePageBlogOneOdd .HomeBlogLink a:active, 
.HomePageBlogs .HomePageBlogOneOdd .HomeBlogLink a:visited
{
    text-decoration: none;
    color: #0b4586;
}

.HomePageBlogs .HomePageBlogOneEven .HomeBlogLink a:hover,
.HomePageBlogs .HomePageBlogOneOdd .HomeBlogLink a:hover
{
    text-decoration: underline;
    color: #9c1139;
}

    
/* -------------------------- */

.HomePageMainArticlesTitle
{
    width: 570px;
}

.HomePageMainArticles
{
    width: 570px; 
    margin-bottom: 30px;
}

.HomePageMainArticles .HomeArticleLinkOneEven,
.HomePageMainArticles .HomeArticleLinkOneOdd
{
    float: left;
    width: 570px;
    padding-top: 6px;
    padding-bottom: 6px; 
}

.HomePageMainArticles .HomeArticleLinkOneEven
{
    background-color: #fdfdfd       /* #f2f6fa;    very, very light blue  */
}

.HomePageMainArticles .HomeArticleLinkOneOdd
{
    background-color: #eeeeee;      /* #dce4ec;    very light blue  */
}

.HomePageMainArticles .HomeArticleLinkOneEven .HomeArticleThumbnail,
.HomePageMainArticles .HomeArticleLinkOneOdd .HomeArticleThumbnail
{
    float: left;
    padding-left: 10px;    
    width: 105px; 
}

.HomePageMainArticles .HomeArticleLinkOneEven .HomeArticleNoThumbnail,
.HomePageMainArticles .HomeArticleLinkOneOdd .HomeArticleNoThumbnail
{
    float: left;
    padding-left: 10px;   
    width: 15px; 
}

.HomePageMainArticles .HomeArticleLinkOneEven .HomeArticleLink,
.HomePageMainArticles .HomeArticleLinkOneOdd .HomeArticleLink
{
    float: left;
    width: 95%;         /* 452px;  */     
    text-align: left;
    font-family: Arial, Verdana;  
    font-size: 16px;
    line-height: 19px;
    font-weight: bold;
    text-transform: uppercase;
}
    
.HomePageMainArticles .HomeArticleLinkOneEven .HomeArticleLink a:link, 
.HomePageMainArticles .HomeArticleLinkOneEven .HomeArticleLink a:active, 
.HomePageMainArticles .HomeArticleLinkOneEven .HomeArticleLink a:visited, 
.HomePageMainArticles .HomeArticleLinkOneOdd .HomeArticleLink a:link, 
.HomePageMainArticles .HomeArticleLinkOneOdd .HomeArticleLink a:active, 
.HomePageMainArticles .HomeArticleLinkOneOdd .HomeArticleLink a:visited
{
    text-decoration: none;
    color: #326094;   /* #0b4586;   darker blue */
}

.HomePageMainArticles .HomeArticleLinkOneEven .HomeArticleLink a:hover,
.HomePageMainArticles .HomeArticleLinkOneOdd .HomeArticleLink a:hover
{
    text-decoration: underline;
    color: #9c1139;
}










/*
------------------------------------------------------------------------------------------
STANDARD FORM (CONTACT US FORM, ADMIN LOGIN FORM)
------------------------------------------------------------------------------------------
*/

.StandardFormTable
{
    border-collapse: collapse;        /* set width per particular form in a .ParticularFormTypeFormTable class */
    border: none;
}

.StandardFormFieldset
{        
    _position: relative;              /* set width per particular form in a .ParticularFormTypeFormField class */
    _display: block;
    border: groove 2px #888888;
    background-color: #eeeeee;
    padding-top: 25px;
}

.StandardFormLabelCell
{
    vertical-align: middle;            /* set width per particular form in a .ParticularFormTypeFormLabelCell class */
    text-align: right;
    padding-right: 6px;
    font-family: verdana, arial;  
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 8px;
    color: #666666;
}

.StandardFormContentCell
{
    vertical-align: middle;           /* set width per particular form in a .ParticularFormTypeFormContentCell class */
    text-align: left;
    padding-left: 6px;
    padding-bottom: 10px;
}

.StandardFormButtonCell
{
    text-align: left;                /* set left padding per particular form in a .ParticularFormTypeFormButtonCell class */
    padding-bottom: 5px;
    font-family: arial, verdana;  
    font-size: 12px;
    font-weight: bold;
    color: #eeeeee;
}

.StandardFormMessageStatusCell
{
    float: left;
    width: 97%;
    padding-left: 5px;
    font-family: verdana, arial;  
    font-size: 14px;
    font-weight: bold;
    color: #69c8fe;
}

.StandardFormCommentNote
{
    font-family: verdana, arial;  
    font-size: 11px;
    font-style: italic;
    color: #777777;
}



/*
------------------------------------------------------------------------------------------
ADMIN LOGIN PAGE
------------------------------------------------------------------------------------------
*/

.AdminLoginFormDiv
{
    float: left;
    margin-left: 210px;
    margin-top: 60px;
    margin-bottom: 120px;
}

.AdminLoginFormTable
{
    width: 295px; 
}
.AdminLoginFormFieldSet
{
    width: 295px; 
}
.AdminLoginFormLabelCell
{
    width: 110px; 
}
.AdminLoginFormContentCell
{
    width: 185px;  
}
.AdminLoginFormButtonCell
{
    padding-left: 50px;
}
















