/* editorials Stylesheet */

/* The navigation bars are centered, and show on both the top and bottom
   of the page. */
.hl_navbar { text-align: center; clear: right; margin-top: 10px;
          margin-bottom: 10px; font-size: large; }

/* hr tags should have some nice top/bottom margins, and otherwise clear
   things for the next editorial.  They'll go in between all editorials. */

hr.editorial { clear: both;  margin-top: 5px;  margin-bottom: 5px; }

/* There's not much to be said about each editorial div - we want some
   margins, and that's about it. */

/*
.editorial { margin-top: 30px;  margin-bottom: 30px; clear: right; }
*/

/* editorial text, images, and titles are what make up the different
   sections of the editorial.  They're usually done with 'div's too. */

/*
.editorial_text  { font-size: medium; text-align: justify;  margin-top: 5px; 
                   margin-right: 10px; }

.editorial_image { font-size: small; font-style: italic; text-align: right; 
                   float: right; margin-left: 15px; }


*/

/* There's not much to be said about each spotlight div - we want some
   margins, and that's about it. */

.spotlight { margin: 5px 5px 0px 0px; clear: right; }

/* editorial text, images, and titles are what make up the different
   sections of the spotlight pages.  They're usually done with 'div's too. */

.spotlight_text,  .editorial_text 
{ font-size: small; text-align: justify;  margin: 5px 5px 5px 5px; }

.spotlight_image, .editorial_image 
{ font-size: small; font-style: italic; text-align: right; 
  float: right; margin: 10px 0px 0px 10px; }

.spotlight_title, .editorial_title
{ background-image: url(/include/images/h3_bk.jpg);
  margin: 0px 0px 0px 0px; padding: 5px; font-size: medium; line-height: 100%; 
  font-weight: normal; color: #666666; border-bottom: 1px solid #CCCCCC; 
  border-top-width: 1px; border-top-style: solid; border-top-color: #CCCCCC; 
  background-repeat: repeat; }

.spotlight_clear, .editorial_clear 
{ clear: right; margin-bottom: 0px; margin-top: 0px; }