@import "http://www.huberspace.net/common/global.css";


/* ******** TAGS ********** */
body
{
  background-color:#eee;
  margin:0; padding:0;
}

body, td
{
  font-size:13px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}

a img { border:0; }

.caption { margin-top:1px; }

fieldset
{
  border:0;
  padding:0;
  margin:0;
}

form
{
  padding:0; 
  margin:0;
}



H1 
{
  font-size: 20px;
  color: #009;
  font-weight:normal;
}

H2
{
  font-size: 16px;
  color: #c00;
  font-weight:bold;
}

H3
{
  font-size: 14px;
  color: #064b74;
  font-weight:bold;
}

p { margin: 0 0 1em 0; }

A:hover { text-decoration: none }
A { text-decoration: underline }

tr { vertical-align:top; }

.text { font-size:13px }
.smalltext { font-size:10px; }
.whitetext, .whitetext A { color:#fff }
.bigtext { font-size:16px }

.newssource{ font-size:10px; font-style:italic; color:#aaa }

.viewall { font-size:10px; text-align:right; padding:0; margin-top:0 }


/* ***** SPECIAL STUFF ***** */

table { border-collapse:collapse; }

col.date { width:20%;}
col.info { width:80%; }

fieldset.action { text-align:center; }
fieldset.action legend { display:none; }



#videos ol li:after,
#audios ol li:after,
div#header:after,
div#other-headlines:after
{
  clear: both;
  content: ".";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}


/* ***** PAGE LAYOUT ***** */

#wrapper
{
  min-width: 770px;   /* this keeps the center text from becoming unreadable due to line length */
  max-width: 1000px;   /* this keeps the center text from becoming unreadable due to line length */
  width: expression(document.body.clientWidth < 772 ? "770px" : document.body.clientWidth > 1002 ? "1000px" : "auto");
  /* A KLUDGE to make IE6 mimick min and max-width settings */
}

#container{
  padding:0 0 0 150px;
}

#content{
  background-color:#fff;
  float:left;
  width:100%;    
  border-left:150px solid #253c87;
  border-right:0;
  margin-left:-150px;
  margin-right:0;
  display:inline; /* So IE plays nice */
}

#leftsidebar{
  float:left;
  width:150px;
  margin-left:-150px;
  position:relative;
}

#maincontent{
  margin-right:0;
  float:right;
  width:100%;
}

#rightsidebar{
display:none;
}


/* ***** SITE WIDE TEMPLATE STYLES ***** */


#header
{
 background: #fff url(/images/headerbg2.gif) no-repeat top right;
 width:100%;
 height:85px;
 margin:0;
 padding:0;
}


#header a#logo
{
  float:left;
  padding:0 0 0 300px;
  margin:0;
  background: transparent url(/images/leftheader2.gif) no-repeat top left;
}

#header a#logo img
{
  margin:5px 0 6px 0;
  display:block; /* there was a gap without this */
  width:195px;
  height:74px;
}


#subscribebox
{
  height:46px;
  background: #fff url('/images/searchboxbg.gif') repeat-x;
  margin:0;
  padding:0;
  display:block;
  clear:both;
}

#subscribebox form
{
  background: #fff url(/images/searchbox.gif) no-repeat;
  margin:0;
  padding:0;
  width:520px;
  height:46px;
}

#subscribebox legend
{
 display:none;
}

#subscribebox fieldset
{
  padding:14px 0 0 20px;
  margin:0;
}

#subscribebox label
{
  font-weight:bold;
  font-size:11px;
  color:#fff;
}


#subscribebox input[type=text]
{
  width:120px;
  border:1px solid #aaa;
  font-size:11px;
}

#subscribebox input[type=submit]
{
  font-size:11px;
}


#maincontent-inner
{
  margin:10px;
}


#footer
{
   clear:both;
   background-color:#eee;
   font-size:85%;
   text-align:center;
   padding:5px 0 5px 140px;
}


/* ***** NAVIGATION ***** */


ul#menu
{
  padding: 0;
  margin: 1em 0 1em 0;
}

ul#menu li
{
  list-style:none;
  border-bottom: 1px solid #253cb7;
  padding: 0  !important;
  margin: 0;
}

ul#menu li a
{
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  display:block;
  padding: 7px 0 7px 5px;
}

ul#menu A:hover
{
  background:#253c97;
}


#sections
{
  border-top:1px solid #00c;
  border-bottom:1px solid #00c;
  padding:5px 0 5px 0;
  text-align:center;
  margin:20px 0 20px 0;
  font-size:11px
}



/* ***** HOME PAGE ***** */


#home #container
{
  padding-right:330px;
}

#home #content{
  margin-right:-330px;
  border-right:330px solid #fff;
}


#home #maincontent{
  float:left;
  margin-right:-100%;
}



#home #rightsidebar{
  float:right;
  width:320px;
  margin-right:-320px;
  position:relative;
  display:block;
}

#home #rightsidebar ol
{
  margin:0;
  padding:0;
  list-style:none;
}

#home #rightsidebar ol li
{
  margin:0 0 2em 0;
  padding:0;
}



#home #maincontent-inner
{
  margin:0;
  padding:0;
}



body#home H1
{
  margin:0;
  float:none;
  width:auto;
  text-align:left;
}



#mainheadlines
{
  background-color: #fff;
  padding:10px;
}

#mainheadlines h2
{
  font-size:14px;
  color:#000;
  border-bottom:1px solid #aaa;
  font-weight:bold;
  margin:0;
  padding: 10px 0 2px 0 ;
}

#mainheadlines ul
{ padding:0; margin:0; list-style:none; }

#mainheadlines li
{
  border-bottom:1px solid #eee;
  padding:5px 0;
  margin:5px 0;
}

#mainheadlines p { font-size: 11px }



#other-headlines div#media-focus,
#other-headlines div#issues-media
{
  border-right:1px solid #aaa;
  padding:0;
  margin:0;
  width:49%;
  float:left;
}

#other-headlines div#issues-media
{
  border-right:0;
}

#other-headlines .viewall
{ margin-right:10px; }

#other-headlines h2
{
  margin:0 10px;
  padding:5px;
  background-color:#b02429;
  border:1px solid #000;
  font-weight:bold;
  color:#fff;
  text-align:center;
  font-size:12px;
}

#other-headlines h3
{
  margin:0 10px;
  padding:10px 2px 2px 2px;
  border-bottom:1px solid #aaa;
  font-weight:bold;
  font-size:10px;
}

#other-headlines .catdesc
{
  font-size:10px;
  font-style:italic;
}


#other-headlines ul
{
  padding:5px;
  margin:0 15px 5px 15px;
  list-style:none;
  font-size:11px;
}

#other-headlines li
{
  border-bottom:1px solid #eee;
  padding:5px 0;
}



#videos, #audios
{
  margin:0;
  padding:0;
  float:left;
}

#videos ol, #audios ol
{
  list-style:none;
  margin:0;
  padding:0;
}

#videos
{
  width:58%;
  border-right:1px solid #aaa;
  padding-right:1.5%;
}

#audios
{
  margin-left:1.5%;
  margin-right:-1px;
  width:39%;
}

#videos ol li, #audios ol li
{
  list-style:none;
  margin:0 0 1em 0;
  padding:0;
}

#videos ol li img
{
  float:left;
  margin:0;
  padding:0;
}

#videos ol li div,
#videos ol li h3
{
  margin-left:130px;
}

#videos ol li div.date,
#videos ol li h3,
#audios ol li div.date,
#audios ol li h3
{
  margin-bottom:1em;
}

/* ***** SPECIFIC SECTIONS ***** */

#about .biophoto { float:right; }

#lexicon dt { font-weight:bold; }
#lexicon dd
{
  margin:0 0 1em 0;
  padding:0;
}



/* ***** IE6 SPECIFIC ***** */

* html #rightsidebar,
* html #leftsidebar,
* html #maincontent,
#videos ol li,
#audios ol li,
* html div#header,
* html div#other-headlines
{
  height:1%;
}

* html a#logo img { behavior:url("/includes/pngbehavior.htc"); }


@media print
{
  #leftsidebar,
  #home #rightsidebar,
  #subscribebox
  {
    display:none;
  }

  #container
  {
    padding:0 !important;
  }

  #content
  {
    border:0;
    margin:0;
  }

}