* { }

html { overflow-y:scroll; }
body {  margin:0; padding: 10px; font-size:12px; background:#eee; font-family:"Franklin Gothic Book","Arial Narrow",arial,sans-serif; }

del { color:#ccc; }
h1, h2, h3 { font-family:"Franklin Gothic Demi","Arial Black",arial,sans-serif; font-weight:500; }
  h1, h2 { color:#000; padding:5px; margin:0 5px 0.5em; }
  h1, h3 { font-size:2em; letter-spacing:-0.05em; }
    h2 { font-size:1.5em; border-bottom:1px solid #ccc; }
    h3 { color:#666; margin:0.25em 0; line-height:0.9em; }

#navtabs { margin:10px 0 0; padding:0; }
  #navtabs li { display:block; float:left; list-style-type:none; margin:0 2px 0 0; }


.content { background:#fff; border-bottom:1px solid #ddd; clear:both; margin:0 auto 1em; padding:10px; }

.left, .right, .middle { float:left; width: 32%; margin: 0 0.5%; }
#slinks { width: 64.5%; }
.lastedit { clear:both; border-top:1px solid #eee; padding:5px; margin:3px 0 0; }
  .lastedit a, #info .button { color:#666; text-decoration:none; float:right; cursor:pointer; }

.quick { margin: 0 0.5%; padding:0.2em; }
  .quick a, .quick span { color:#fff; background:#666; text-decoration:none; cursor:pointer; margin: 0 0.5em; padding:0.1em 0.4em;
    text-shadow: #000 0 1px 0;  font-family:"Franklin Gothic Demi","Arial Black",arial,sans-serif; }
  
.news { margin:10px 0; padding:0; }
  .news p, ul { padding:0; margin:0 0 1em; }
    .news p.jobinfo { color:#777; font-family:"Franklin Gothic Demi","Arial Black",arial,sans-serif; font-weight:500; padding: 0 0 0 24px; }
      .news p.jobinfo img.icon { background:#666; float:left; vertical-align:middle; margin: -0.1em 0.5em 0 -24px; }
    .news li { margin:0 0 0 20px; padding:0 0 0 4px; }
    .news li, .news a { color:#777; }
      .news li span { color:#000; }
  
.image { margin:10px 0; border:5px solid #999; padding:0 !important; }
  .image p { position:relative; margin:0 !important; padding:0 !important; }
    .image p img { width:100%; margin:0 !important; padding:0 !important; height:auto; vertical-align:middle; }
    .image p span { position:absolute; bottom:0; left:0; background:#999; color:#fff; font-style:italic; padding:4px 8px; margin:0; float:left; 
      text-shadow: #000 0 1px 0;}
      html>body .image p span { background:rgba(153,153,1530.75); }
    
#navtabs li { font-family:"Franklin Gothic Demi","Arial Black",arial,sans-serif; cursor:pointer; font-weight:500; padding:5px 10px;
  background:#fff url('../images/gradient.png') repeat-x bottom right; border-top:1px solid #fff;
  border-bottom:1px solid #aaa; text-shadow: #fff 0 1px 0; position:relative; z-index:0; }
  #navtabs li.ql {
    background:#000 url('../images/gradientdark.png') repeat-x top right !important;
    border-top:1px solid #888; border-bottom:1px solid #000; color:#fff !important; text-shadow: #000 0 1px 0; }
  #navtabs li.selected { background:#fff !important; border-bottom:1px solid #fff !important; }
  #navtabs li a { color:#fff !important; text-decoration:none;}
  #navtabs li span { background:#000 url('../images/gradientdark.png') repeat-x top right; color:#fff; text-shadow: #000 0 1px 0;
    padding: 0.1em 0.5em; display:none; position:absolute; top: -0.7em; right: 0; z-index:5; font-size:0.8em; }

li.selected, h1, h2 { text-shadow: #ccc 0 1px 1px!important; }

::-moz-selection{ background:#000; color:#fff; }
::selection { background:#000; color:#fff; }

.image.blue { border-color:#009; }
.image.blue p span, .news.blue p.jobinfo img.icon  { background:#009; }
html>body .image.blue p span { background:rgba(0,0,153,0.75); }
.news.blue h3 , .news.blue p.jobinfo, .news.blue li, .news.blue a { color:#33c; }

.image.red { border-color:#900; }
.image.red p span, .news.red p.jobinfo img.icon  { background:#900; }
html>body .image.red p span { background:rgba(153,0,0,0.75); }
.news.red h3 , .news.red p.jobinfo, .news.red li, .news.red a { color:#c33; }

.image.green { border-color:#090; }
.image.green p span, .news.green p.jobinfo img.icon  { background:#090; }
html>body .image.green p span { background:rgba(0,153,0,0.75); }
.news.green h3 , .news.green p.jobinfo, .news.green li, .news.green a { color:#3c3; }

.image.purple { border-color:#509; }
.image.purple p span, .news.purple p.jobinfo img.icon  { background:#509; }
html>body .image.purple p span { background:rgba(90,0,153,0.75); }
.news.purple h3 , .news.purple p.jobinfo, .news.purple li, .news.purple a { color:#93c; }