/*
                                                           *\
  +------------------ e x t r a f i n ------------------+
  |                                                     |
  |   Project:   CPANDA.org                             |
  |      File:   styles.css                             |
  | Copyright:   2005 Extrafin, LLC                     |
  |                                                     |
  +-----------------------------------------------------+
  |     DO NOT EDIT THIS STYLESHEET: use custom.css     |
  +-----------------------------------------------------+
  \*
 */
/* Edited by  W Salesky 2/14/06 */
body {
   font: 12px/18px "Lucida Grande", Verdana, "bitstream vera sans", Arial, sans-serif;
   margin: 0;
   padding: 0;
   background-color: white;
}
/* -- links -- */

a {
   color: #5F7AA4;
   text-decoration: none;
}

a:visited {
   color: #996699;
   text-decoration: none;
}

a:hover {
   color: gray;
}

/* -- images -- */

img {
   border: 0;
}

img a {
   border: 0;
}
/* -- tables -- */

table {
   border-collapse: collapse;
   cursor: default;
   margin: auto;
}

th, td {
   font: 12px/18px "Lucida Grande", Verdana, "bitstream vera sans", Arial, sans-serif;
   padding: 2px;
}

th {
   font-weight: bold;
   color: rgb(102,102,102);
   text-align: left;
}

td {
   padding-right: 8px;
   color: rgb(70,70,70);
}
/* -- forms -- */

form, form p {
   margin: 0;
   padding: 0;
   font: 12px/13px "Lucida Grande", Verdana, "bitstream vera sans", Arial, sans-serif;
   color: rgb(75,75,75);
}

/* JPS 09/04/2009 */
#search p.form {
   margin: 10px 0 5px 30px;
}


select {
   font: normal 11px Verdana, Arial, sans-serif;
   color: rgb(75,75,75);
}

label {
   display: block;
   float: left;
   width: 150px;
   text-align: right;
   cursor: default !important;
   margin: 0;
   padding: 5px;
   clear: both;
}

label:after {
   content: ": ";
    
}

input {
   font-style: normal;
    
}

select.forms {
   border: 1px solid rgb(50%,50%,50%);
   width: 350px;
   display: inline;
}

input.forms {
   border: 1px solid rgb(50%,50%,50%);
   margin-top: 2px;
   display: inline;
}

textarea.forms {
   border: 1px solid rgb(50%,50%,50%);
   width: 320px;
   height: 200px;
   text-align: left;
}
/* -- hoz rule -- */

hr {
   display: block;
   height: 1px;
   margin: 8px 0;
   padding: 0;
   border: none;
   border-top: 2px solid #ccc;
   clear: both;
}
/* -- canvas -- */
/* div#container { text-align: center; } */
/* -- global divider -- */

div.clear {
   display: block;
   margin: 0;
   padding: 0;
   width: auto;
   background: transparent;
   clear: both;
/* --added ws 6-27-05-- */
   float: left;
}
/* --- typography ----------------------------------------------------------- */

h1 {
   margin: 0;
   padding: 0;
   text-indent: 24px;
}

h1 {
   font: 18px/20px "Lucida Grande", Verdana, "bitstream vera sans", Arial, sans-serif;
   height: auto !important;
   height: 40px;
   min-height: 40px;
   color: #5F7AA4;
   background: url("h1_bg.gif") 20px 0 no-repeat;
   margin-bottom: 10px;
   padding-left: 60px;
   padding-top: 7px;
   text-indent: -27px;
}

h1 span {
   display: none;
}

h2,h3,

h4,h5,h6 {
   margin: 0;
   padding: 0;
   text-indent: 0px;
}

h2 {
   font-size: 15px;
    
}

h2 a {
   color: rgb(70,70,70);
    
}

h4 {
   font-weight: bolder !important;
   font-size: 15px;
}

h3 {
   font-weight: bold !important;
   font-size: 13px;
}

h4 a {
   color: rgb(70,70,70) !important;
    
}

dt {
/* font-weight: bold; */
   margin-top: 10px;
}

a.back {
   display: block;
   font-weight: bold;
   color: #5F7AA4 !important;
   height: 18px;
   text-indent: 18px;
   background: url("back_qf.gif") no-repeat left;
}

a.toc {
   display: block;
   font-weight: bold;
   color: #5F7AA4 !important;
   height: 18px;
   text-indent: 12px;
   background: url("toc.gif") no-repeat left;
}

address {
   padding-left: 15px;
   font-style: normal;
}
/* --- pop-up window styles ------------------------------------------------- */

body#popup {
   font: 11px/18px "Lucida Grande", Utopia, Verdana, Arial, sans-serif;
   margin: 10;
   padding: 5;
   background-image: none;
   background-color: white;
}
/* --- non-printing elements ------------------------------------------------ */

p.skiplink {
   display: none;
}
/* --- right col styles --------------------------------------------------------- */

body#data div#right_col {
   margin-top: 100px;
}

div#right_col {
   display: block;
   width: 160px;
   margin: 0;
   margin-top: 30px;
   padding-top: 10px;
   float: right;
}

div#right_col div {
   border: 2px solid #B4B4B4;
   height: auto !important;
   height: 100px;
   margin-bottom: 20px;
}

div#right_col div p {
   border-bottom: 1px solid #B4B4B4;
   background-color: #EFEFEF;
   margin: 0;
   font: 11px/22px "Lucida Grande", "bitstream vera sans", Utopia, Verdana, Arial, sans-serif;
   text-indent: 8px;
   color: gray;
   cursor: default;
}

div#right_col ul {
   list-style: none;
   margin: 5px 8px;
   padding: 0;
   font: 11px/18px "Lucida Grande", "bitstream vera sans", Utopia, Verdana, Arial, sans-serif;
   color: rgb(70,70,70);
}

div#right_col ul li a {
   color: rgb(70,70,70);
    
}

div#right_col form {
   display: block;
   margin: 5px;
}

div#right_col input.search_box {
   width: 100px !important;
   font: 11px/1 "Lucida Grande", "bitstream vera sans", Utopia, Verdana, Arial, sans-serif;
   color: rgb(70,70,70);
   float: left;
}

div#right_col input.go {
   width: 26px;
   height: 20px;
   background: url("go.gif") 100% 50% no-repeat;
}
/* --left column styles------------------------------------------------------ */

div#left_col {
   display: block;
   width: 160px;
   height: auto !important;
   height: 440px;
   min-height: 440px;
   margin: 0;
   float: left;
   padding-top: 20px;
   background-image: url("sidebar-watercolor.jpg");
   background-position: 0% 0;
   background-repeat: no-repeat;
}

#about div#left_col {
   background-image: url("sidebar-piano.jpg");
    
}

#arts-culture-facts div#left_col {
   background-image: url("sidebar-watercolor.jpg");
    
}

#data div#left_col {
   background-image: url("sidebar-books.jpg");
    
}

#help div#left_col {
   background-image: url("sidebar-watercolor.jpg");
    
}

#news div#left_col {
   background-image: url("sidebar-camera.jpg");
    
}

#research-guides div#left_col {
   background-image: url("sidebar-cello.jpg");
    
}

#resources div#left_col {
   background-image: url("sidebar-cello.jpg");
    
}

#search div#left_col {
   background-image: url("sidebar-clapperboard.jpg");
    
}

div#left_col h2 {
   color: #CCC;
   text-align: right;
   margin: 0;
   margin-top: 18px;
   margin-bottom: 2px;
   padding: 0;
   padding-right: 10px;
}

div#left_col h2 a {
   color: #CCC;
    
}

div#left_col ul, div#left_col p {
   list-style: none;
   margin: 4px;
   padding: 0;
   text-align: right;
}

div#left_col ul li a, div#left_col p a {
   color: #EEEEEE;
   background-color: inherit;
}

div#left_col ul li.selected a {
   color: #ccc !important;
}
/* -- Content for specialized divs and body tags ----- */

div#main {
   display: block;
   width: 880px;
   background: url("main_bg.gif") 0 0 repeat-y;
   margin-top: -12px !important;
   margin-top: -16px;
   float: left;
   z-index: 10;
}

div#content {
   display: block;
   width: 700px;
   float: left;
   margin: 10px 0;
   margin-left: 20px;
   padding: 0;
   padding-top: 20px;
   height: auto !important;
   height: 300px;
   min-height: 300px;
   font: 12px/18px "Lucida Grande", "bitstream vera sans", Utopia, Verdana, Arial, sans-serif;
   color: rgb(70,70,70);
}

#data div#content-alt {
   width: 615px;
   margin-left: 20px;
   padding-top: 20px !important;
}

#data div#content, #research-guides div#content {
   width: 515px;
   padding-left: 10px;
   padding-top: 20px !important;
   word-wrap: break-word;
}

div#content h1 span {
   display: none;
    
}

/*#search div#content img {
   margin-left: 20px;
    
}*/


h2 {
   font-size: 16px;
    
}

h2 a {
   color: rgb(70,70,70);
    
}

div#content ul {
   list-style: square;
    
}

#data div#content p {
   margin-top: 0px;
   margin-bottom: 16px;
   font-size: 12px;
}

#data label {
   width: 150px;
   line-height: 10px;
   font: normal 11px/6px "Lucida Grande", "bitstream vera sans", Verdana, Arial, sans-serif !important;
}

form#SDAlite label {
   display: block;
   width: 80px;
   text-align: right;
   margin-left: 10px;
   float: left;
}

form#SDAlite select {
   width: 300px;
    
}

form#SDAlite input[type="text"] {
   width: 240px;
    
}

input.details {
   margin: 4px 0 8px 100px;
    
}

form#SDAlite input[value="next"]:after {
   content: ">";
    
}
/* --- content for data and QF home page ------------------------------------ */

div#content-alt {
   display: block;
   width: 600px;
   float: left;
   margin: 10px 0;
   margin-left: 20px;
   padding: 0;
   height: auto !important;
   height: 300px;
   min-height: 300px;
   font: 12px/18px "Lucida Grande", Utopia, Verdana, Arial, sans-serif;
   color: rgb(70,70,70);
}
/* --- internal content blocks right----------------------------------------- */

div.content_right {
   display: block;
   width: 275px;
   margin: 0;
   margin-top: 10px;
   padding-top: 0px;
   float: right;
}

div.content_right h4 {
   background-color: #EFEFEF;
   margin: 0;
   font: 12px/22px "Lucida Grande", Utopia, Verdana, Arial, sans-serif;
   text-indent: 8px;
   color: rgb(70,70,70);
   cursor: default;
}

div.content_left p {
   margin: 5px 15px;
   font: 12px/22px "Lucida Grande", Utopia, Verdana, Arial, sans-serif;
   color: rgb(70,70,70);
   cursor: default;
}

div.content_right ul {
   margin: 5px 15px;
   padding: 0;
   font: 12px/18px "Lucida Grande", Utopia, Verdana, Arial, sans-serif;
   color: rgb(70,70,70);
}
/* --- internal content blocks left------------------------------------------ */

div.content_left {
   display: block;
   width: 275px;
   margin: 0;
   margin-top: 10px;
   padding-top: 0px;
   float: left;
}

div.content_left h4 {
   background-color: #EFEFEF;
   margin: 0;
   font: 12px/22px "Lucida Grande", Utopia, Verdana, Arial, sans-serif;
   text-indent: 8px;
   color: rgb(70,70,70);
   cursor: default;
}

div.content_left p {
   margin: 5px 15px;
   font: 12px/22px "Lucida Grande", Utopia, Verdana, Arial, sans-serif;
   color: rgb(70,70,70);
   cursor: default;
}

div.content_left ul {
   margin: 8px 15px;
   padding: 0;
   font: 12px/18px "Lucida Grande", Utopia, Verdana, Arial, sans-serif;
   color: rgb(70,70,70);
}
/* --Thesaurus -------------------------------------------------------------- */

body#thesaurus {
   font: 11px/18px "Lucida Grande", Utopia, Verdana, Arial, sans-serif;
   margin: 0;
   padding: 0;
   background-image: none !important;
   background: #eeeeee;
}

#thesaurus div#header h1 {
   display: block;
   width: 250px;
   height: 35px;
   background: url("thesarus-logo.gif") -1px 50% no-repeat;
   cursor: default;
   float: left;
   margin: 0;
   padding: 0;
   border-right: 1px solid white !important;
}

#thesaurus div#header h1 span {
   display: none;
    
}

#thesaurus div#header {
   background: #666666;
   margin: 0;
   padding: 0;
}

#thesaurus form {
   margin: 10px;
}

#tree {
   font: 11px/18px "Lucida Grande", Utopia, Verdana, Arial, sans-serif;
   margin: 0;
   padding: 10px;
   background-image: none !important;
   background: #eeeeee;
}

#tree .term {
   font: 11px/18px "Lucida Grande", Utopia, Verdana, Arial, sans-serif;
   color: #111111;
   text-decoration : none !important;
}

#tree .term:hover {
   text-decoration : underline;
}

#tree .sign {
   font-family : Sans-Serif;
   font-size : 16px;
   text-decoration: none !important;
}

body#popup {
   margin-top: 20px;
   padding: 10px;
   background-color: white;
}
/* -- internal content codebook pages ---------------------------------------- */

div.codebook_content {
   display: block;
   width: 505px;
   float: left;
   margin: 4px 0 0 0;
   padding: 4px 4px 0;
   height: auto !important;
   color: rgb(70,70,70);
   border: 1px solid #CCCCCC;
   background-color: #EEEEEE;
   font: 12px/18px "Lucida Grande", Utopia, Verdana, Arial, sans-serif;
}

div.codebook_content>p {
   padding: 0 8px !important;
    
}

div.codebook_content h2 {
   height: 24px;
   overflow: hidden;
   line-height: 21px;
   text-indent: 0;
   font-size: 14px;
   clear: both;
}

div.codebook_content h4 {
   color: #666666;
   font-size: 13px;
}

div.codebook_content strong {
   color: #666666;
}

div.codebook_content div {
   display: block;
   float: left;
   width: 494px;
   background-color: #FFFFFF;
   padding: 5px;
   margin-bottom: 4px;
   border: 1px solid #CCCCCC;
}

div.codebook_content div ul {
   display: block;
   margin-top: 2px;
   padding-left: 20px;
}

div.codebook_content input.search_box {
   width: 100px !important;
   font: 11px/18px "Lucida Grande", Utopia, Verdana, Arial, sans-serif;
   color: rgb(70,70,70);
   float: left;
}

div.codebook_content input.go {
   width: 26px;
   height: 20px;
   background: url("go.gif") 100% 50% no-repeat;
}
/* -- variable display ------------------------------------------------------- */

div.variable {
   display: block;
   border: 2px solid #B4B4B4;
   margin: 0;
   margin: 4px 0 10px;
}

div.variable ul {
   display: block;
   border-bottom: 1px solid #B4B4B4;
   background-color: #EFEFEF;
   margin: 0;
   padding: 0;
   height: 24px;
   overflow: hidden;
}

div.variable ul li {
   display: block;
   border-left: 1px solid #B4B4B4;
   font: 11px/24px "Lucida Grande", Utopia, Verdana, Arial, sans-serif;
   margin: 0;
   padding: 0 4px;
   float: left;
   height: 24px;
}

div.variable ul li input {
   margin-top: 2px;
    
}

html>body div.variable ul li input {
   margin-top: 5px;
    
}

div.variable p {
   margin: 10px 15px !important;
    
}

table.variable {
   margin: 0 auto;
   width: 475px;
   background-color: #ffffff;
}

table.variable td {
   font: 11px/13px "Lucida Grande", "bitstream vera sans", Verdana, Arial, sans-serif;
    
}

table.variable th {
   text-align: left;
   background-color: #ffffff;
}

table.varSearch {
   margin: 0 auto;
   width: 475px;
}

table.varSearch th (text-align: left;

)
/* --- notes ----------------------------------------------------------------- */

p.note {
   font: italic 11px/13px "Lucida Grande", "bitstream vera sans", Verdana, Arial, sans-serif !important;
    
}
/* --- download ------------------------------------------------- */

#agreement {
   position: absolute;
   display: block;
   visibility: hidden;
   top: 210px;
   left: 170px;
   width: 400px;
}
/* -- header ----------------------------------------------------------------- */

div#header {
   display: block;
   width: 100%;
   height: 160px;
   background-color: white;
}
/* -- banner ----------------------------------------------------------------- */

div#cpanda_banner {
   display: inline;
   margin: 0;
   overflow: hidden;
}

div#cpanda_banner p {
   display: inline;
   margin: 0;
   padding: 0;
}

div#cpanda_banner p a {
   display: block;
   width: 160px;
   height: 160px;
   float: left;
   background: white url("header_logo.gif") 50% no-repeat;
}

div#cpanda_banner p a span {
   display: none;
    
}

div#cpanda_banner ul {
   display: block;
   margin: 0;
   padding: 0;
   height: 150px;
   overflow: hidden;
}

div#cpanda_banner ul li {
   display: block;
   width: 136px;
   height: 136px;
   background: white url("header_unit-bg-36.gif") 50% no-repeat;
   float: left;
   margin-top: 10px;
   margin-left: 10px;
}

div#cpanda_banner ul li span {
   display: block;
   width: 124px;
   height: 124px;
   margin: 6px;
   background-position: 50%;
   background-repeat: no-repeat;
   text-indent: 130px;
   overflow: hidden;
}
/* --- Images for header --------------------------------------------- */
/* ---default --- */

div#cpanda_banner ul li.a span {
   background-image: url("conductor.jpg");
    
}

div#cpanda_banner ul li.b span {
   background-image: url("piano.jpg");
    
}

div#cpanda_banner ul li.c span {
   background-image: url("painter-2.jpg");
    
}

div#cpanda_banner ul li.d span {
   background-image: url("cello.jpg");
    
}

div#cpanda_banner ul li.e span {
   background-image: url("dance.jpg");
    
}

div#cpanda_banner ul li.f span {
   background-image: url("film.jpg");
    
}

div#cpanda_banner ul li.g span {
   background-image: url("knitting.jpg");
    
}
/* about */

#about div#cpanda_banner ul li.a span {
   background-image: url("potter.jpg");
    
}

#about div#cpanda_banner ul li.b span {
   background-image: url("watercolor.jpg");
    
}

#about div#cpanda_banner ul li.c span {
   background-image: url("violinist-2.jpg");
    
}

#about div#cpanda_banner ul li.d span {
   background-image: url("music_writer.jpg");
    
}

#about div#cpanda_banner ul li.e span {
   background-image: url("knitting.jpg");
    
}

#about div#cpanda_banner ul li.f span {
   background-image: url("finger_frame.jpg");
    
}

#about div#cpanda_banner ul li.g span {
   background-image: url("guitar.jpg");
    
}
/* news */

#news div#cpanda_banner ul li.a span {
   background-image: url("clapperboard.jpg");
    
}

#news div#cpanda_banner ul li.b span {
   background-image: url("dance.jpg");
    
}

#news div#cpanda_banner ul li.c span {
   background-image: url("film.jpg");
    
}

#news div#cpanda_banner ul li.d span {
   background-image: url("listen.jpg");
    
}

#news div#cpanda_banner ul li.e span {
   background-image: url("books.jpg");
    
}

#news div#cpanda_banner ul li.f span {
   background-image: url("ballet-foot.jpg");
    
}

#news div#cpanda_banner ul li.g span {
   background-image: url("music_writer-2.jpg");
    
}
/* arts-culture-facts */

#arts-culture-facts div#cpanda_banner ul li.a span {
   background-image: url("finger_frame.jpg");
    
}

#arts-culture-facts div#cpanda_banner ul li.b span {
   background-image: url("piano.jpg");
    
}

#arts-culture-facts div#cpanda_banner ul li.c span {
   background-image: url("knitting.jpg");
    
}

#arts-culture-facts div#cpanda_banner ul li.d span {
   background-image: url("listen.jpg");
    
}

#arts-culture-facts div#cpanda_banner ul li.e span {
   background-image: url("cello.jpg");
    
}

#arts-culture-facts div#cpanda_banner ul li.f span {
   background-image: url("ballet-foot.jpg");
    
}

#arts-culture-facts div#cpanda_banner ul li.g span {
   background-image: url("photoman.jpg");
    
}
/* data */

#data div#cpanda_banner ul li.a span {
   background-image: url("museum.jpg");
    
}

#data div#cpanda_banner ul li.b span {
   background-image: url("painter-2.jpg");
    
}

#data div#cpanda_banner ul li.c span {
   background-image: url("colored_pencils.jpg");
    
}

#data div#cpanda_banner ul li.d span {
   background-image: url("ballet.jpg");
    
}

#data div#cpanda_banner ul li.e span {
   background-image: url("piano.jpg");
    
}

#data div#cpanda_banner ul li.f span {
   background-image: url("paint.jpg");
    
}

#data div#cpanda_banner ul li.g span {
   background-image: url("watercolor.jpg");
    
}
/* resources */

#resources div#cpanda_banner ul li.a span {
   background-image: url("violin.jpg");
    
}

#resources div#cpanda_banner ul li.b span {
   background-image: url("colored_pencils.jpg");
    
}

#resources div#cpanda_banner ul li.c span {
   background-image: url("photoman.jpg");
    
}

#resources div#cpanda_banner ul li.d span {
   background-image: url("museum.jpg");
    
}

#resources div#cpanda_banner ul li.e span {
   background-image: url("film.jpg");
    
}

#resources div#cpanda_banner ul li.f span {
   background-image: url("guitar.jpg");
    
}

#resources div#cpanda_banner ul li.g span {
   background-image: url("paint.jpg");
    
}
/* research-guides */

#research-guides div#cpanda_banner ul li.a span {
   background-image: url("violin.jpg");
    
}

#research-guides div#cpanda_banner ul li.b span {
   background-image: url("colored_pencils.jpg");
    
}

#research-guides div#cpanda_banner ul li.c span {
   background-image: url("photoman.jpg");
    
}

#research-guides div#cpanda_banner ul li.d span {
   background-image: url("museum.jpg");
    
}

#research-guides div#cpanda_banner ul li.e span {
   background-image: url("film.jpg");
    
}

#research-guides div#cpanda_banner ul li.f span {
   background-image: url("guitar.jpg");
    
}

#research-guides div#cpanda_banner ul li.g span {
   background-image: url("paint.jpg");
    
}
/* search */

#search div#cpanda_banner ul li.a span {
   background-image: url("conductor.jpg");
    
}

#search div#cpanda_banner ul li.b span {
   background-image: url("books.jpg");
    
}

#search div#cpanda_banner ul li.c span {
   background-image: url("ballet-foot.jpg");
    
}

#search div#cpanda_banner ul li.d span {
   background-image: url("potter.jpg");
    
}

#search div#cpanda_banner ul li.e span {
   background-image: url("watercolor.jpg");
    
}

#search div#cpanda_banner ul li.f span {
   background-image: url("violinist-2.jpg");
    
}

#search div#cpanda_banner ul li.g span {
   background-image: url("music_writer.jpg");
    
}
/* help */

#help div#cpanda_banner ul li.a span {
   background-image: url("violinist.jpg");
    
}

#help div#cpanda_banner ul li.b span {
   background-image: url("dance.jpg");
    
}

#help div#cpanda_banner ul li.c span {
   background-image: url("smiler.jpg");
    
}

#help div#cpanda_banner ul li.d span {
   background-image: url("music_writer.jpg");
    
}

#help div#cpanda_banner ul li.e span {
   background-image: url("painter.jpg");
    
}
/* -- navbar ------------------------------------------------------------------------ */

div#navbar {
   margin: 0 auto;
   padding: 0;
   padding-left: 180px;
   clear: both;
   background: url("navbar-bg.gif") 0 25% repeat-x;
   position: relative;
   z-index: 100;
}

div#navbar {
   margin-top: -6px;
}

div[id]#navbar {
   height: 18px;
    
}

div[id]#navbar {
   margin-top: -4px !important;
    
}

div#navbar ul {
   display: block;
   height: 22px;
   width: 800px;
   margin: 0;
   padding: 0;
   list-style: none;
   text-align: left;
}

div#navbar ul li {
   display: inline;
   font: 14px/18px "Lucida Grande", Verdana, sans-serif;
}

div#navbar ul li a {
   color: #5F7AA4 !important;
   background: white url("navbar_bg.jpg") 0 50% repeat-x;
   border: 2px solid #B4B4B4;
   border-top-color: #CCC;
   margin: 0 5px;
   padding: 0px 8px 2px;
   height: 20px;
}

div#navbar ul li a:hover,

div#navbar ul li a.selected {
   color: #5F7AA4;
   border-color: #5F7AA4 !important;
}
/* -- footer -------------------------------------------------------------- */

div#footer {
   display: block;
   width: 100%;
   height: 72px;
   margin: 0;
   padding: 0;
   clear: both;
   cursor: default;
   border-top: 2px solid #ccc;
   float: left;
}

div#footer a {
   text-decoration: none;
}

div#footer p a:hover {
   color: rgb(255,204,0);
    
}

div#footer ul {
   display: block;
   width: 680px;
   margin: 9px 6px 0;
   padding: 0;
   font: 11px Arial, Verdana, "Lucida Grande", sans-serif;
   list-style: none;
}

div#footer ul li {
   display: inline;
   padding: 0 6px;
   color: #666;
}
/* --- home page styles -------------------------------------------------------- */

body#home {
   background: url("home_bg-15.jpg") 0px 50px no-repeat;
   background-color: white;
}

#home div#container {
   background-image: none;
    
}
/* -- header ----------------------------------------------------------------- */

#home div#header {
   height: 50px;
   background: url("home_title.gif") 10px 8px no-repeat;
}
/* -- navbar ----------------------------------------------------------------- */

#home div#navbar {
   padding-left: 50px;
    
}
/* -- banner ----------------------------------------------------------------- */

#home div#cpanda_banner p a {
   display: none;
}

#home div#cpanda_banner ul {
   display: none;
    
}

#home div#cpanda_banner {
   display: block;
   width: 160px;
   height: 160px;
   background: white url("header_logo.gif") 50% no-repeat;
   position: absolute;
/* 130 */   top: 210px;
   left: 85px;
   z-index: 99;
}

#home div#sidebar {
   display: none;
    
}
/* -- main ------------------------------------------------------------------- */

#home div#main {
   width: 900px;
   float: none;
   height: 478px;
   background-image: none;
}

#home div#left_col {
   display: none;
}

#home div#content {
   display: block;
   position: absolute;
/* top: 150px; */
/* 130 */   top: 210px;
   left: 245px;
   width: 350px;
   float: none;
   height: 150px;
   min-height: 150px;
   margin: 0;
   padding: 8px 10px 4px 12px;
   overflow: hidden;
   background: url("home_content_bg.png") 0 0 repeat;
   z-index: 1;
/* font: 12px/18px "Lucida Grande", "bitstream vera sans", Utopia, Verdana, Arial, sans-serif !important; */
}

#home div#content h1 {
   display: block;
   border: 1px solid red;
   width: 60px;
   height: 60px !important;
   float: left;
   margin: 0;
   padding: 0;
   overflow: hidden !important;
   margin-right: 20px;
   margin-bottom: 15px;
   display: none;
}

#home div#content p {
   margin-top: -10px;
   margin-left: 20px;
   margin-bottom: 4px;
   padding: 0;
}

#home div#content h4 {
   font: 14px "Lucida Grande", Verdana, "bitstream vera sans", Arial, sans-serif;
   color: #5F7AA4;
   margin-bottom: 8px;
   margin-top: 0;
   padding-left: 18px;
   padding-top: 0;
}

#home p.date {
   font-weight: bold;
   color: #999999;
   margin-bottom: 8px;
   margin-top: 2px;
}

#home div#content ul {
   margin-left: 20px;
   padding: 0;
   padding-left: 15px;
}

#home div#content {
   background-image: none;
   background-color: white;
   filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85)!important;
}
/* ----Bibliographic Database styles ----- */

.resultsHeading {
   text-transform: capitalize;
   font-weight: bold;
   color: #666666;
}

#publicationInfo {
   margin-left: 15px;
}

#bibType {
   text-transform: capitalize;
   font: 18px/20px "Lucida Grande", Verdana, "bitstream vera sans", Arial, sans-serif;
   color: silver;
   height: 18px;
   overflow: hidden;
   border-bottom: 1px silver solid;
}

#bibSearch label {
   width: 150px;
   line-height: 10px;
   font: normal 12px/11px "Lucida Grande", "bitstream vera sans", Verdana, Arial, sans-serif !important;
   display: inline;
   float: left;
   text-align: right;
   cursor: default !important;
   margin: 0;
   padding: 8px 2px 0 2px;
}

#bibSearch input {
   margin: 4px;
}

#bibSearch p.submit {
   text-align: right;
   margin-right: 120px;
   margin-top: 10px;
}

#bibSearch #limit {
   margin-left: 100px;
    
}

#bibSearch h3 {
   margin-top: 10px;
   margin-bottom: 5px;
   margin-left: 20px;
}

p.resultsTitle {
   margin: 0 5px;
}

p.results {
   margin: 0px 5px;
}

.bibSearchResults {
   float: left;
   clear: both;
}

.newSearch {
   border: 1px solid #5F7AA4;
   padding: 5px;
   font-weight: bold;
}

.button {
   text-align: right;
   margin-top: -15px;
}

.term {
   font-weight: bold;
}

img {
   border: 0px;
}
/* --Button for downloading data ------ */

#download {
   color: rgb(70,70,70);
   background-color: transparent;
   text-decoration: underline;
   font: 11px/22px "Lucida Grande", "bitstream vera sans", Utopia, Verdana, Arial, sans-serif;
   border: none;
   cursor: pointer;
   margin-left: -5px;
   margin-top: 8px;
   padding: 0;
}
/* ---Feed styles ---------------- */

body#news div#content {
   width: 645px;
    
}

div.entryContainer {
   display: block;
   width: 605px;
   margin: 4px 0 0 0;
   padding: 4px 4px 0;
   color: rgb(70,70,70);
   border: 1px solid #CCCCCC;
   background-color: #EEEEEE;
   font: 12px/18px "Lucida Grande", Utopia, Verdana, Arial, sans-serif;
}

div.entryContainer div {
   display: block;
   width: 594px;
   background-color: #FFFFFF;
   padding: 5px;
   margin-bottom: 4px;
   border: 1px solid #CCCCCC;
}

div.entryContainer h4 {
   font: 12px/18px "Lucida Grande", Utopia, Verdana, Arial, sans-serif;
   font-weight: bold;
}

div.gray {
   background-color: #eeeeee;
   margin-bottom: 5px;
   padding: 5px;
}

div.white {
   background-color: #ffffff;
   margin-bottom: 5px;
   padding: 5px;
}

div.page_select {
   display: block;
   margin: 0;
   padding: 0;
   float: right;
}

div.page_select img {
   text-align: middle;
}