body { font-size: 100%; font-family: Times New Roman; color: #BBB; background: #000; }

/* -- Navigation bars -- */

  .navbar {
    overflow: hidden;
    margin: .5em 1% .8em;
    width: 98%;
    border-radius: .2em;
    }

  .navbar ul { list-style-type: none; padding: 0; margin: 0 auto; }

  .navbar li { float: left; }

  .navbar li       { width: 15%; }
  .navbar li.nav10 { width: 10%; }
  .navbar li.nav12 { width: 12%; }
  .navbar li.nav15 { width: 15%; }
  .navbar li.nav18 { width: 18%; }
  .navbar li.nav20 { width: 20%; }
  .navbar li.nav22 { width: 22%; }
  .navbar li.nav24 { width: 24%; }
  .navbar li.nav25 { width: 25%; }
  .navbar li.nav26 { width: 26%; }
  .navbar li.nav28 { width: 28%; }
  .navbar li.nav30 { width: 30%; }
  .navbar li.nav32 { width: 32%; }
  .navbar li.nav35 { width: 35%; }

  .navbar ul li a {
    display: table;
    font-family: "Trebuchet MS",Calibri,sans-serif;
    font-size: 13px; 
    font-weight: bold;
    text-decoration: none;
    margin: 0 auto;
   }

  .navbar a { padding-left: 0.25em; padding-right: 0.25em; }
    
/* -- BLUE navigation bar -- */

  .bluenavbar           { background: #35D; height: 1.4em; }
  .bluenavbar ul        { margin-top: 0.2em; } 

  .bluenavbar a         { color: #DDF; line-height: 1.3; border-radius: .2em; }    
  .bluenavbar a:link    { color: #DDF; }    
  .bluenavbar a:visited { color: #DDF; }    
  .bluenavbar a:hover   { color: #000; background: #9AF; }    
  .bluenavbar a:focus   { color: #000; background: #9AF; }
    
/* -- GRAY navigation bar -- */

  .graynavbar           { background: #222; height: 1.4em; }
  .graynavbar ul        { margin-top: 0.2em; } 

  .graynavbar a         { color: #888; line-height: 1.3; border-radius: .2em; }    
  .graynavbar a:link    { color: #888; }    
  .graynavbar a:visited { color: #888; }    
  .graynavbar a:hover   { color: #000; background: #AAA; }    
  .graynavbar a:focus   { color: #000; background: #AAA; }
    
/* -- GREEN navigation bar -- */

  .greennavbar           { background: #161; height: 1.4em; }
  .greennavbar ul        { margin-top: 0.2em; } 

  .greennavbar a         { color: #CCC; line-height: 1.3; border-radius: .2em; }    
  .greennavbar a:link    { color: #CCC; }    
  .greennavbar a:visited { color: #CCC; }    
  .greennavbar a:hover   { color: #000; background: #0B0; }    
  .greennavbar a:focus   { color: #000; background: #0B0; }
    
/* -- ORANGE navigation bar -- */

  .orangenavbar           { background: #830; height: 1.4em; }
  .orangenavbar ul        { margin-top: 0.2em; } 

  .orangenavbar a         { color: #EEE; line-height: 1.3; border-radius: .2em; }    
  .orangenavbar a:link    { color: #EEE; }    
  .orangenavbar a:visited { color: #EEE; }    
  .orangenavbar a:hover   { color: #000; background: #B70; }    
  .orangenavbar a:focus   { color: #000; background: #B70; }
    
/* -- pink navigation bar -- */

  .pinknavbar           { background: #F8E; height: 1.4em; }
  .pinknavbar ul        { margin-top: 0.2em; } 

  .pinknavbar a         { color: #303; line-height: 1.3; border-radius: .2em; }    
  .pinknavbar a:link    { color: #303; }    
  .pinknavbar a:visited { color: #303; }    
  .pinknavbar a:hover   { color: #000; background: #F0C; }    
  .pinknavbar a:focus   { color: #000; background: #F0C; }
    
/* -- RED navigation bar -- */

  .rednavbar           { background: #D00; height: 1.4em; }
  .rednavbar ul        { margin-top: 0.2em; } 

  .rednavbar a         { color: #322; line-height: 1.3; border-radius: .2em; }    
  .rednavbar a:link    { color: #322; }    
  .rednavbar a:visited { color: #322; }    
  .rednavbar a:hover   { color: #000; background: #F88; }    
  .rednavbar a:focus   { color: #000; background: #F88; }
    
/* -- VIOLET navigation bar -- */

  .violetnavbar           { background: #50F; height: 1.4em; }
  .violetnavbar ul        { margin-top: 0.2em; } 

  .violetnavbar a         { color: #EEE; line-height: 1.3; border-radius: .2em; }    
  .violetnavbar a:link    { color: #EEE; }    
  .violetnavbar a:visited { color: #EEE; }    
  .violetnavbar a:hover   { color: #000; background: #A8F; }    
  .violetnavbar a:focus   { color: #000; background: #A8F; }
    
/* -- PAGE CONTENT -- */

  .newitem { font-weight: bold !important; color: red; }
  
  .contentbox {
    border: 1px solid;
    border-radius: .2em;
    padding: 1% 4%;
    margin: 1em 10% 0;
    overflow: hidden;    
    }
        
  .contentboxblue   { border-color: #35D; }
  .contentboxgreen  { border-color: #161; }
  .contentboxorange { border-color: #830; }
  .contentboxpink   { border-color: #F8E; }
  .contentboxred    { border-color: #D00; }
  .contentboxviolet { border-color: #50F; }
  
  .contenttext1            { font-size:14px; color: #DDD; background: #000; }   
  .contenttext1 h1         { font-size:1.5em; margin-bottom: 1.2em; }   
  .contenttext1 h2         { font-size:1.2em; font-style: italic; color: #CCC; margin-bottom: 1.5em; }   
  .contenttext1 p          { font-size:1.1em; text-decoration: none; line-height: 1.35; }   
  .contenttext1 p.banner   { font-size:1.4em; font-style: italic; }   

/* -- TEXT white with blue links -- */

  .textbluelinks a           { color: #9AF; text-decoration:none; font-weight:bold; }
  .textbluelinks a:link      { color: #9AF; }    
  .textbluelinks a:visited   { color: #9AF; }   
  .textbluelinks a:hover     { color: #44F; }
  .textbluelinks a:focus     { color: #44F; }

  .textgreenlinks a          { color: #9B9; text-decoration:none; font-weight:bold; }
  .textgreenlinks a:link     { color: #9B9; }    
  .textgreenlinks a:visited  { color: #9B9; }   
  .textgreenlinks a:hover    { color: #7C7; }
  .textgreenlinks a:focus    { color: #7C7; }
  
  .textorangelinks a         { color: #CA8; text-decoration:none; font-weight:bold; }
  .textorangelinks a:link    { color: #CA8; }    
  .textorangelinks a:visited { color: #CA8; }   
  .textorangelinks a:hover   { color: #E60; }
  .textorangelinks a:focus   { color: #E60; }

  .textpinklinks a           { color: #F8E; text-decoration:none; font-weight:bold; }
  .textpinklinks a:link      { color: #F8E; }    
  .textpinklinks a:visited   { color: #F8E; }   
  .textpinklinks a:hover     { color: #F0C; }
  .textpinklinks a:focus     { color: #F0C; }

  .textredlinks a            { color: #F88; text-decoration:none; font-weight:bold; }
  .textredlinks a:link       { color: #F88; }    
  .textredlinks a:visited    { color: #F88; }   
  .textredlinks a:hover      { color: #F22; }
  .textredlinks a:focus      { color: #F22; }

  .textvioletlinks a         { color: #98F; text-decoration:none; font-weight:bold; }
  .textvioletlinks a:link    { color: #98F; }    
  .textvioletlinks a:visited { color: #98F; }   
  .textvioletlinks a:hover   { color: #44F; }
  .textvioletlinks a:focus   { color: #44F; }

/* -- try this -- */

  .intro_thumb_box         { display:block; clear:left; overflow:hidden; margin: 0    0 5px 0; } 
  .intro_thumb_box_lower   { display:block; clear:left; overflow:auto; margin: 20px 0 5px 0; } 
  .intro_thumb_photo       { float:left; width: 125px; margin: 0 .7em 0 0;}
  .intro_thumb_box p       { margin: 0; font-size: 1em; text-decoration: none; line-height: 1.1; }   
  .intro_thumb_box_lower p { margin: 0; font-size: 1em; text-decoration: none; line-height: 1.1; }   

/* -- 1 column photo thumbs -- */

  .table1thumbs       { display:table; width:50%; border-spacing: .7em 3em; border-collapse:separate; margin: -1.5em 0-2em 0; } 
  .row1thumbs         { display:table-row; }
  .photo1             { display:table-cell; width: 20%; text-align:right; vertical-align: middle; }
  .text2              { display:table-cell; width: 32%; vertical-align: middle; }

/* -- 2 column photo thumbs -- */

  .table2thumbs       { display:table; clear:both; width:98%; border-spacing: .7em 3em; border-collapse:separate; margin: -1.5em 0 -2em 0; } 
  .row2thumbs         { display:table-row; }
  .photo2             { display:table-cell; width: 15%; text-align:right; vertical-align: middle; }
  .text2              { display:table-cell; width: 25%; vertical-align: middle; }
  .blank2             { display:table-cell; width:  5%; vertical-align: middle; }

/* -- 3 column photo thumbs -- */

  .table3thumbs       { display:table; clear:both; width:98%; border-spacing: .7em 3em; border-collapse:separate; margin: -1.5em 0 -2em 0; } 
  .row3thumbs         { display:table-row; }
  .photo3             { display:table-cell; width: 12%; text-align:right; vertical-align: middle; }
  .text3              { display:table-cell; width: 18%; vertical-align: middle; }
  .blank3             { display:table-cell; width:  3%; vertical-align: middle; }
  
/* -- 2 column text/photo introductions to photo pages -- */

  .intro_text               { margin: 1.5em 350px 1em 0 !important; }    
  .intro_text_wrap          { margin: 1.5em 3em   1em 0 !important; }  
    
  .intro_text_wrap_orange p.banner { color: #CA8; }
  
  .intro_text_blue h1       { color: #BCF !important; }       
  .intro_text_blue h1 a     { color: #BCF !important; }      
   
  .intro_text_green h1      { color: #9B9 !important; }   
  .intro_text_green h1 a    { color: #9B9 !important; }   
  
  .intro_text_orange h1     { color: #CA8 !important; }       
  .intro_text_orange h1 a   { color: #CA8 !important; }       
   
  .intro_text_red h1        { color: #F22 !important; }       
  .intro_text_red h1 a      { color: #F22 !important; }       
   
  .intro_photos       { float:right; margin: 25px 0 15px 1.4em; width: 320px; }
  .intro_photos a     { display:block; margin: 15px 0 0; }

  .intro_photos_tall  { float:right; margin: 25px 0 15px 1.5em; width: 310px; }