/* Highlights 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 highlight.  They'll go in between all highlights. */

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

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

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

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

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

.highlight_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; }

/* highlight 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,  .highlight_text 
{ font-size: small; text-align: justify;  margin: 5px 5px 5px 5px; height: 260px; overflow: scroll; }

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

.spotlight_title, .highlight_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, .highlight_clear 
{ clear: right; margin-bottom: 0px; margin-top: 0px; }