/*  SOAR Basic Stylesheet

    Author: Shan Osborn

    Last Updated: February 2009

*/



/*  Reset Stylesheet

    Based on Eric Meyer's

*/



  html, body, div, span,

  h1, h2, h3, h4, h5, h6, p, blockquote, pre,

  a, abbr, acronym, address, big, cite, code,

  del, dfn, em, font, img, ins, kbd, q, s, samp,

  small, strike, strong, sub, sup, tt, var,

  dd, dl, dt, li, ol, ul,

  fieldset, form, label, legend,

  table, caption, tbody, tfoot, thead, tr, th, td {

    margin: 0;

    padding: 0;

    border: 0;

    font-weight: inherit;

    font-style: inherit;

    font-family: inherit;

    text-align: inherit;

    vertical-align: baseline;

    font-size: 100%;

    /*line-height: 1;*/

  }



  a img, :link img, :visited img {

    border: 0;

  }



  table {

    border-collapse: collapse;

    border-spacing: 0;

  }



  ol, ul {

    list-style: none;

  }



  q:before, q:after,

  blockquote:before, blockquote:after {

    content: "";

  }



/******** Begin PNNL Style ********/



  body {

    background-color: #3d3c3d;

    color: black;

    font-family:  Helvetica, Arial, sans-serif;

    font-size: 12px;

    line-height: 140%;

  }



  a:link {

    text-decoration: none;
	color: #351c53;    

  }



  a:visited {

    text-decoration: none;
	color: #58318c;    

  }



  a:hover {

    color: #D7A900;

    text-decoration: underline;

  }



  em, cite {

    font-style: italic;

  }



  strong {

    font-weight: bold;

  }



  sup {

    vertical-align: top;

    font-size: 75%;

  }



  sub {

    vertical-align: bottom;

    font-size: 75%;

  }



  #page {

    width: 940px;
	border: 5px solid #351c53;
	border-width: 0 3px;
    padding: 0 ;
	 background: #fff;

  }



  #main p, #main ul, #main .vcard {

    margin: 0 0 1em 0;

  }



  #main h1, #main h2 {

    color: #351c53;
	 font-weight: bold;

  }



  #main h3, #main h4 {

    color: #351c53;
	 font-weight: bold;	 

  }





  #main h1 {

    font-size: 22px;

    margin-bottom: 12px;

  }



  #main h2 {

    font-size: 18px;

    margin-bottom: 12px;

  }



  #main h3 {

    font-size: 14px;

    margin-bottom: 12px;

  }



  #main th {

    text-align: left;

  }



  #main dt {

    color: #cf6200;

    font-size: 14px;

  }



  #main dd {

    margin-bottom: 1.5em;

  }



  #main li {

    margin-left: 18px;

    margin-bottom: 8px;

  }



  #main ul, #rightCol ul {

    list-style-image: url("/images/bullet_square.png");

  }



  * html #main ul, * html #rightCol ul {

      list-style-image: url("/images/bullet_square.gif");

  }



  #main ul ul, #rightCol ul ul {

    list-style-image: url("/images/bullet_circle.png");

    margin-top: 8px;

  }



  * html #main ul ul, * html #rightCol ul ul {

      list-style-image: url("/images/bullet_circle.gif");

  }



  * html #main ul ul ul, * html #rightCol ul ul ul {

    list-style-image: url("/images/bullet_diamond.gif");

  }



  #main ul ul ul, #rightCol ul ul ul {

      list-style-image: url("/images/bullet_diamond.png");

  }



  #main ol {

    list-style-type: decimal;

  }



  #main blockquote {

    padding-left: 40px;

    font-style: italic;

    background-image: url("/images/blockquote_bg.gif");

    background-repeat: no-repeat;

    background-position: top left;

    line-height: 180%;

    margin: 1.5em 1em 1.5em .5em;

  }



  hr {

    border: none;

    border-top: 1px solid #b2b3b5;

    height: 1px;

    margin: 1em 0;

    padding: 0;

  }



  a.more {

    white-space: nowrap;

  }



  button.copper {

    background-color: #d57500;

    background-image: url("/images/button_bg.png");

    background-repeat: repeat-x;

    background-position: left bottom;

    color: white;

    font-size: 11px;

    padding: 3px 6px;

    font-weight: bold;

    border: none;

    border-radius: 4px;

    -moz-border-radius: 4px;

    -webkit-border-radius: 4px;

  }



  button.copper:active {

    position: relative;

    top: 1px;

    left: 1px;

  }



  *+html button.copper {

    padding: 0px;

  }



  *+html button.copper.inline {

    position: relative;

    top: 2px;

  }



  .caption {
    color: #336;

  }



  .clear {

    clear: both !important;

    float: none !important;

  }





/******** Footer ********/



#footer {

  clear: both;
padding: 1px 0;

  font-size: 10px;

  background: #351c53;

}



* html #footer {

  width: 940px; /* I don't understand why IE6 requires this to force proper width*/

}



#footerBar {

  background-color: #aaa;

  color: #000;
	padding: 7px 1em;
  margin-bottom: 0px;

  position: relative;

  height: 15px;
  border: 2px solid #351c53;
  border-width: 2px 0;  
}

#footerBar .footerItem {
	padding: 3px 0;
}

#footerBar a:link, #footerBar a:visited {
  color: #58318c;

}









.updatedDate {

  font-weight: bold;

}







/******** Table styles ********/

#main table, #main td, #main th {

  border: 1px solid #b2b3b5;

  border-collapse: collapse;

}

#main th, #main td {

  padding: 0.5em 1em;

}

#main th {

  color: #cf6200;

}

#main td {

  vertical-align: top;

}

#main thead th {

  border-bottom: 2px solid #707276;

  text-align: center;

}



/* Turn off table styles with the "borderless" class */

#main table.borderless, #main table.borderless th, #main table.borderless td {border: 0;}

#main table.borderless th {font-weight: normal;}





/*  hCard Style ********************************************/



.vcard .fn {

  font-weight: bold;

}



.vcard .fn, .vcard .title, .vcard .tel {

  display: block;

}