﻿/**************
Anything in css with a ".name" is a class. When adding ".name" to a page class="name"
Anything in css with "#name" is a id reference. In the page it will be id="name"
this will be used to format tables and everything within its properties
Anything in css with just "name" is a styled tag. it effect the properties of <p> 
*
*****************/




body 
{
    padding-left:10px;
    padding-top:10px;
    padding-right:10px;
    
}
/* table layout for all pages*/
.home_table
{
  width:1000px;  
}
.left_content
{
  width:760px !important;
  z-index:0;
}
.left_content_print
{
   font-family:Georgia;
   font-size:12pt; 
   color:#000;
   font-weight:normal;
   line-height:16pt;
 width:760px; 
 z-index:2;  
}
.gallery
{
  width:1000px;
  position:relative;
  

}
.right_content
{
  width:0px !important;
  height:auto;
  padding-left:25px;
  padding-right:25px;
  text-align:left;
  position:relative;
  visibility:hidden;

}

/* horizontal nav */
.menu
{
   color:White;
   font-family:Arial;
   font-size: 12px;
   padding-top:5px;
   padding-left:6px;
   text-decoration:none;
   font-weight:400;
   letter-spacing:1.2pt;
   vertical-align:middle;
    visibility:hidden;
   margin:0px;
   
}
.menuspacer
{
   color:White;
   font-family:Arial;
   font-size: 14px;
   padding-top:0px;
   text-decoration:none;
   font-weight:400;
   letter-spacing:1.2pt;
   vertical-align:middle;
   height:22px;
   background-color:#400000; 
}
.menubg
{
    background-color:#400000;
    width:1000px;
    height:24px;
    padding-top:4px;
    padding-left:20px;
    padding-right:20px;
    
    
}
/*
.menulink
{
   color:White;
   font-family:Arial;
   font-size: 14px;
   padding-top:4px;
   padding-bottom:4px;
   padding-left:4px;
   padding-right:8px;
   text-decoration:none;
   font-weight:400;
   letter-spacing:1.2pt;
   vertical-align:middle;
   height:22px;
   width:100%;
   background-color:#400000; 
}
.menulink:link
{
   color:White;
   font-family:Arial;
   font-size: 14px;
   padding-top:0px;
   text-decoration:none;
   font-weight:400;
   letter-spacing:1.2pt;
   vertical-align:middle;
   height:22px;
   background-color:#400000; 
}
.menulink:hover
{
   color:White;
   font-family:Arial;
   font-size: 14px;
   padding-top:4px;
   padding-bottom:5px;
   margin:0;
   text-decoration:none;
   font-weight:400;
   letter-spacing:1.2pt;
   vertical-align:middle;
   height:22px;
   width:auto;
   background-color:#000000; 
}
.menulink:active
{
   color:White;
   font-family:Arial;
   font-size: 14px;
   padding-top:0px;
   text-decoration:none;
   font-weight:400;
   letter-spacing:1.2pt;
   vertical-align:middle;
   height:22px;
   background-color:#400000; 
}
    
.menulink:visited
{
   color:White;
   font-family:Arial;
   font-size: 14px;
   padding-top:0px;
   text-decoration:none;
   font-weight:400;
   letter-spacing:1.2pt;
   vertical-align:middle;
   height:22px;
   background-color:#400000; 
}
*/
.nav
{
    height:22px;
    padding:0;
    margin:0;
    width:100%;
    background:#400000;
}


/* end of horizontal nav */


.search
{
    padding-top:0px;
    padding-bottom:0px;
    float:left;
    visibility:hidden;
}
.subscribe_ebony
{
    padding-right:5pt;
    float:left;
}

.subscribe_ebony
{
    height:30px; 
    font-size:12px;
    font-family:Arial CE;
    color:#000;
    font-weight:normal;
    padding-left:5pt;
    display:inline;
    float:left;
    }
.subscribe_jet
{
    padding-right:5pt;
}   
.subscribe_jet
{
    height:32px; 
    font-size:11px;
    font-family:Arial CE;
    color:#000;
    font-weight:normal;
    padding-left:5pt;
    display:inline;
    float:left;
}
.search
{
    font-size:11pt;
    font-family:Arial CE;
    color:#000;
    font-weight:normal;
    padding-left:0pt;   
    float:left;
}
.search_row
{
 
     visibility:hidden;
}
.footer
{
 background-color:#400000;
    height:32px; 
    font-size:11pt;
    font-family:Arial CE;
    color:#fff;
    font-weight:normal;
    letter-spacing:1.2pt;  
    width:1020px; 
}
.footerText
{

    font-size:11pt;
    font-family:Arial CE;
    color:#666;
    font-weight:normal;
    letter-spacing:1.2pt;  
    width:1000px; 
}
.footerText:link
{

    font-size:11pt;
    font-family:Arial CE;
    color:#666;
    font-weight:normal;
    letter-spacing:1.2pt;  
    width:1000px;
    text-decoration:none; 
}
.footerText:visited
{

    font-size:11pt;
    font-family:Arial CE;
    color:#666;
    font-weight:normal;
    letter-spacing:1.2pt;  
    width:1000px;
    text-decoration:none; 
}
.footerText:hover
{

    font-size:11pt;
    font-family:Arial CE;
    color:#666;
    font-weight:normal;
    letter-spacing:1.2pt;  
    width:1000px; 
    text-decoration:underline;
}

.footerText:active
{

    font-size:11pt;
    font-family:Arial CE;
    color:#666;
    font-weight:normal;
    letter-spacing:1.2pt;  
    width:1000px;
    text-decoration:none; 
}
/*******************************************/
/* related articles, large stories */
.main_story
{
    height:321px;
    border-bottom: dotted 3px #666;   
    padding-top:2px;
    padding-bottom:2px;
    width:560px;
}
h1
{
     font-family:Georgia;
    font-size:24pt;  
    color:#400000; 
       padding-bottom:1px;
   margin-bottom:0px; 
      padding-top:1px;
   margin-top:0px; 
}

/* this is a tag used for all red 16px heading  */
h2
{
    font-family:Georgia;
   font-size:16pt;
   color:#400000; 
   padding-bottom:1px;
   margin-bottom:0px;   
      padding-top:1px;
   margin-top:0px;  
}
h2 a
{
    font-family:Georgia;
   font-size:16pt;
   color:#400000; 
   padding-bottom:1px;
   margin-bottom:0px;   
      padding-top:1px;
   margin-top:0px; 
   text-decoration:none; 
}
h2 a:link
{
    font-family:Georgia;
   font-size:16pt;
   color:#400000; 
   padding-bottom:1px;
   margin-bottom:0px;   
      padding-top:1px;
   margin-top:0px; 
   text-decoration:none; 
}
h2 a:hover
{
    font-family:Georgia;
   font-size:16pt;
   color:#400000; 
   padding-bottom:1px;
   margin-bottom:0px;   
      padding-top:1px;
   margin-top:0px; 
   text-decoration:none; 
}
h2 a:active
{
    font-family:Georgia;
   font-size:16pt;
   color:#400000; 
   padding-bottom:1px;
   margin-bottom:0px;   
      padding-top:1px;
   margin-top:0px; 
   text-decoration:none; 
}
h2 a:visited
{
    font-family:Georgia;
   font-size:16pt;
   color:#400000; 
   padding-bottom:1px;
   margin-bottom:0px;   
      padding-top:1px;
   margin-top:0px; 
   text-decoration:none; 
}
redheadlinelinks
{
    font-family:Georgia;
   font-size:16pt;
   color:#400000; 
   padding-bottom:1px;
   margin-bottom:0px;   
      padding-top:1px;
   margin-top:0px; 
   text-decoration:none;    
}
redheadlinelinks:link
{
    font-family:Georgia;
   font-size:16pt;
   color:#400000; 
   padding-bottom:1px;
   margin-bottom:0px;   
      padding-top:1px;
   margin-top:0px; 
   text-decoration:none;    
}
redheadlinelinks:hover
{
    font-family:Georgia;
   font-size:16pt;
   color:#400000; 
   padding-bottom:1px;
   margin-bottom:0px;   
      padding-top:1px;
   margin-top:0px; 
   text-decoration:none;    
}
redheadlinelinks:active
{
    font-family:Georgia;
   font-size:16pt;
   color:#400000; 
   padding-bottom:1px;
   margin-bottom:0px;   
      padding-top:1px;
   margin-top:0px; 
   text-decoration:none;    
}
redheadlinelinks:visited
{
    font-family:Georgia;
   font-size:16pt;
   color:#400000; 
   padding-bottom:1px;
   margin-bottom:0px;   
      padding-top:1px;
   margin-top:0px; 
   text-decoration:none;    
}
/* this is a tag used for all red 16px heading  */
h5
{
    font-family:Georgia;
   font-size:16pt;
   color:#400000;     
}
/* this is a tag used for all gray 16px heading  */
h3
{
    font-family:Georgia;
   font-size:16pt;
   color:#000;
   padding-bottom:1px;
   margin-bottom:0px; 
   padding-top:1px;
   margin-top:0px;      
}
/* blog feature */
h4
{
    font-family:Georgia;
   font-size:13pt; 
   color:#000;
   padding-bottom:1px;
   margin-bottom:0px; 
      padding-top:1px;
   margin-top:0px; 
}
p
{
    font-family:Georgia;
   font-size:12pt; 
   color:#000;
   font-weight:normal;
   line-height:16pt;
}
span
{
   font-family:Georgia;
   font-size:12pt; 
   color:#000;
   font-weight:normal;
   line-height:16pt;
}

.dateTime
{
    font-family:Georgia;
   font-size:10pt; 
   color:#000;
   font-weight:500;
}

#featureTeasers
{
  width:366px; 
  position:relative; 
  float:left;
  display:inline;
}

#vid_home_ad_nav
{
 width:170px;
 margin-left:25px;
 position:relative;
 float:left;
 display:inline;
}
.borderdotsfeature
{
    width:336px;
    border-bottom: dotted 3px #666;   
    padding-bottom:10px;  
    padding-top:10px;
    margin-bottom:5px; 
    float:left;
    position:relative;
}
.borderdots
{
    width:560px;
    border-bottom: dotted 3px #666;   
    padding-bottom:2px;  
    padding-top:2px;
    margin-bottom:5px;
    float:left; 
    position:relative
}
.solidredborder
{
    border-bottom:1px solid #400000;
    padding-top:6px;
    padding-bottom:6px;
    width:560px;
    float:left;
    position:relative;
  
}
.blogsolidredborder
{
    border-bottom:1px solid #400000;
    padding-top:0px;
    padding-bottom:6px;
    margin:0;
    width:400px;
    float:left;
    position:relative;
  
}
.titlelinks:link
{
 color:#400000;
 text-decoration:none;
 font-size:16pt;
  font-family:Georgia;  
 font-weight:800;   
}
.titlelinks:active
{
 color:#400000;
 text-decoration:none;
 font-size:16pt;
  font-family:Georgia;  font-weight:800;   
}
.titlelinks:hover
{
 color:#400000;
 text-decoration:none;  
 font-size:16pt; 
  font-family:Georgia;  font-weight:800;
}
.titlelinks:visited
{
 color:#400000;
 text-decoration:none;  
 font-size:16pt;
  font-family:Georgia;   font-weight:800;
}


.menu {font-family: arial, sans-serif; width:1020px; height:30px; position:relative; padding:0; margin:0; font-size:11px; margin:0px 0 0px 0; background:#400000; position:relative; z-index:100; visibility:hidden;}
.menu ul {padding:0; margin:0; list-style-type: none;  }

.menu ul li {float:left; border-left:1px solid #fff; width:AUTO;}

.menu ul li a, .menu ul li a:visited {display:block; width:AUTO; text-decoration:none; padding:0 10PX 0 10px; height:30px; line-height:30px; color:#fff; background:#400000 url(../../graphics/drop.gif) bottom right no-repeat;}

.menu table {border-collapse:collapse; margin:0; padding:0; font-size:1em;}

.menu ul li ul {visibility:hidden; position:absolute; top:30px; border:1px solid #000; border-top:1px solid #000; height:30px; display:inline; text-align:center; }


.menu ul li:hover a,
.menu ul li a:hover {color:#fff; background:#000;}

.menu ul li:hover ul,
.menu ul li a:hover ul {visibility:visible; width:1017px;background:#FFF; color:#000; text-align:center;}

.menu ul li:hover ul.right_side li,
.menu ul li a:hover ul.right_side li {float:right; border:0;text-align:center;}

.menu ul li:hover ul.left_side li,
.menu ul li a:hover ul.left_side li {float:left; border:0; text-align:center; left:100px}

.menu ul li:hover ul li a.sub,
.menu ul li a:hover ul li a.sub {background:#fff bottom right no-repeat; color:#000; text-align:center;}

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {visibility:hidden; position:absolute; left:130px; top:30px; text-align:center; }

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {display:block; background:#fff; color:#000;  border-left:1px solid #000; text-align:center;}

.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {background:#999; color:#000; text-align:center;}

.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {visibility:visible; color:#000; background:#dfc184;}

.menu ul li:hover ul.right li {float:right;}

.menu ul li:hover ul li:hover ul li a,
.menu ul li a:hover ul li a:hover ul li a {background:#dfc184; color:#000;text-align:center;}

.menu ul li:hover ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover ul li a:hover {background:#bd8d5e; color:#fff;text-align:center;}
