/**********************************
 * TITLE: Gila Screen Stylesheet  * 
 * URI  : gila/gila-screen.css    *
 * MODIF: 2003-Apr-30 19:09 +0800 *
 **********************************/


/* ##### Common Styles ##### */

body {
  color: black;  
  /* this controls the sidebar and footer colors */
  background-color: #efefbb;
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 73%;  /* Enables font size scaling in MSIE */
  margin: 0;
  padding: 0;
}

html > body {
  font-size: 9pt;
}

acronym, .titleTip {
  border-bottom: 1px dotted rgb(168,140,83);
  cursor: help;
  margin: 0;
  padding: 0;
}

.doNotDisplay {
  display: none !important;
}


.smallCaps {
  font-size: 117%;
  font-variant: small-caps;
}


/* ##### Header ##### */

#header {
  color: inherit;
  background: #32328A;
  padding: 1.2em 0 0 0;
}

.headerTitle {
  margin: 0;
  padding: 0em 4em 0.2em 2em;
  font-family: verdana, helvetica, arial, sans-serif;
}

.headerTitle a {
  color: #fff;
  background-color: transparent;
  text-decoration: none;
  font-size: 110%;  /* For MSIE */  
}

.headerTitle > a {
  font-size: 110%;  /* For fully standards-compliant user agents */
}

.headerTitle span {
  color: white;
  background-color: transparent;
  font-weight: normal;
}

.subHeader {
  color: white;
  background-color: #000000;
  font-size: 100%;
  text-align: center;
  margin: 0;
  padding: 0.5ex 0;
}

.subHeader a {
  color: #fff;
  background-color: black;
  text-decoration: none;
  font-weight: bold;
  margin: 0;
  padding: 0 1ex;
  border-bottom:1px dotted #aaa;
}

.subHeader a:hover {
  color: #fff;
  border-bottom:1px solid #dda;
}


/* ##### Left Side Bar ##### */

.leftSideBar {
  width: 180px;
  padding-top:0.5em;
  padding-left:0.2em;
  font-size:0.9em;
}

.leftSideBar .sideBarTitle {
  color: rgb(64,64,64);
  background-color: rgb(230,223,207);
  font-weight: bold;
  margin: 0;
  padding: 0.8ex 1ex;
}

.leftSideBar ul {
  list-style-type: none;
  list-style-position: outside;
  margin: 0 0 1em 0;
  padding: 0;
}

.leftSideBar li {
  margin: 1ex;
  padding: 0 0 1.25ex 0.75ex;
}

.leftSideBar a {
  color: #339;
  background-color: transparent;
  text-decoration: none;
  border-bottom:1px dotted #339;
}

.leftSideBar a:hover {
  color: rgb(64,64,64);
  background-color: transparent;
  text-decoration: none;
}

.leftSideBar .sideBarText {
  color: rgb(166,140,83);
  background-color: transparent;
  line-height: 1.25em;
  margin: 1ex 0.25ex 1.5em 0.75ex;
  padding: 0;
  display: block;
}

.leftSideBar .sideBarText a {
  text-decoration: underline;
}

.leftSideBar .sideBarText a:hover {
  text-decoration: none;
}

.leftSideBar .thisPage {
  color: rgb(64,64,64);
  background-color: transparent;
  font-weight: bold;
}


/* ##### Right Side Bar ##### */
.rightCell {
    background: #fff;     
    border-left: 1px solid #ddd;
    font-size:0.9em;
}

.rightSideBar {  
  margin: 0 0.5em 0 0;
  padding: 0 .5em 0 1em;
}

[class~="rightSideBar"] {
  margin-right: 1.5ex;
}

.rightSideBar .sideBarTitle {
  color: black;
  background-color: rgb(230,223,207);
  font-weight: bold;
  margin: 1.25ex 1ex;
  padding: 0.9ex 1ex;
}

.rightSideBar h3 {
    font-family: verdana, helvetica, arial, sans-serif;    
    margin:0;
    padding: 0.75em 0 .25em;
}

.rightSideBar a {
    font-family: verdana, helvetica, arial, sans-serif;
    color: rgb(166,140,83);
    background-color: transparent;
    text-decoration: underline;
    font-weight: bold;
}

.rightSideBar a:hover {
  text-decoration: none;
}

.rightSideBar .sideBarText {
  line-height: 1.5em;
  margin: 0;
  padding: 0 2ex 1em 2ex;
}

.rightSideBar .more {
  text-decoration: none;
  text-align: right;
  margin: 0;
  padding: 0 2ex 1em 2ex;
  display: block;
}

.rightSideBar .more:hover {
  text-decoration: underline;
}

/* ##### Main Copy ##### */

#main-copy {
  color: black;
  background-color: white;
  /* text-align: justify; */
  line-height: 1.5em;
  margin: 0;
  padding: 1em 4em 1em 1.52em;
  border-left: 1px solid #A9A9B0;
  min-height: 500px;
}

#main-copy h1 {
  color: #3F3FB0;
  background-color: transparent;
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 165%;
  font-weight: bold;  
  text-align: left;
  margin: 0.75em 0 0.2em ;
  padding: 0;
  border-bottom: 1px solid #A9A9B0;
}

#main-copy a {
  color: rgb(168,140,83);
  background-color: transparent;
  text-decoration: underline;
}

#main-copy a:hover {
  text-decoration: none;
}

p {
  margin: 1em 0 1.5em 0;
  padding: 0;
}

dt {
  font-weight: bold;
  margin: 0;
  padding: 0 0 0.5ex 0;
}

dd {
  margin: 0 0 1.5em 1.5em;
  padding: 0;
}


/* ##### Footer ##### */

#footer {
  color: black;
  background-color: transparent;
  font-size: 92%;
  text-align: left;
  line-height: 1.25em;
  margin: 0;
  padding: 1em 4mm 1em 4mm;
  clear: both;
  border-top:1px solid #A9A9B0;
}

#footer div {
  margin: 0;
  padding: 0 0 1ex 0;
}

#footer a {
  color: black;
  background-color: transparent;
  text-decoration: none;
  border-bottom: 1px dotted black;
  font-weight: bold;
}

#footer a:hover {
  text-decoration: none;
  border-bottom: 1px solid black;
}

#breadcrumb {
    margin:0;
    padding:0;
    font-size:90%;    
}

#breadcrumb a:link, #breadcrumb a:visited 
{    
    background-color: transparent;
    font-family: arial, verdana, helvetica, sans-serif;
    color: #339;
    text-decoration: none;
    border-bottom: 1px dotted #339;
}

#breadcrumb a:hover
{    
    background-color: transparent;
    font-family: arial, verdana, helvetica, sans-serif;
    color: #339;
    text-decoration: none;
    border-bottom: 1px solid #339;
}

#sections a {
    display:block;
    clear:both;
    text-decoration: none;
    border-bottom:none;
    padding:0.2em 0;
}

#sections .navitem-sel {        
    background: #cca url(/style/left_arrow.gif) no-repeat right 2px !important; 
}

#sections a.depth0 {
    padding-left:0.5em;
    font-size:115%;
    font-weight:bold;
}


#sections a.depth1 {
    padding-left:1.5em;
}

#sections a.depth2 {
    padding-left:1.5em;
}

#sections a.depth3 {
    padding-left:3em;
    
}

#sections a.depth4 {
    padding-left:4.5em;    
}

#sections a.depth5 {
    padding-left:6em;
}

.browse table {
    border-collapse: collapse;
}

.browse td.separator {
    border-bottom:1px solid #aaa;
}

.browse td.geography  {
    width:120px;
    border:left:2px solid green;
}

.browse td.subjects {
    width:150px;
} 

.browse th {
    border-bottom:1px solid #999;
    border-top: none;
}

.browse td {
    padding-bottom: 0.2em;
    padding-top: 0.2em;
}

.browse td ul {
    margin:0;
    padding:0 1em 0 1.4em;
}

.filters select {
    width:30em;
}

.filters th {
    text-align: right;
    vertical-align: top;
    width: 5em;
    padding-right:1em;    
}


.filters a.removePick {
   color : #933 !important;
}

#sitemap .description {
    margin:0;
    padding:0;
    display:inline;
    
}


#sitemap ul {
    margin: 0;
    padding: 0 0 0 1.5em;
}

#sitemap ul ul {    
    padding: 0.25em 0 1.5em 3em;
}

#sitemap ul ul ul {    
    padding: 0.25em 0 1.5em 4.5em;
}

#sitemap ul ul ul ul {    
    padding: 0.25em 0 1.5em 6em;
}

#sitemap ul ul ul ul {    
    padding: 0.25em 0 1.5em 7.5em;
}

.rightSideBar .submitButton {
    border:1px outset #000;
    background-color: #fff;
    font-size:0.8em;
    margin: 0;
    padding: 0.05em 1.5em 0;    
}

.rightSideBar .textInput {
    width:15em;
    border:1px solid #333;
    margin:0;
    padding:0.1em 0;
    font-size: 0.8em;
    
}

.rightSideBar h5 {
    margin:0;
    padding:.5em 0 0;
    color: #666;
}
.rightSideBar .submitButton:hover {
    background: #eee;
}

.BrowseVertical table {    
    margin-bottom:1em;
}

.BrowseVertical th {
    width:7em;
    vertical-align:top;
    text-align:left;
    padding-left: 1.5em;
}

.BrowseVertical th.title, .BrowseVertical td.title {
    border-bottom:1px solid #666;
    padding:0;
}
.BrowseVertical ul {
    margin:0;
    padding: 0;
}

.BrowseVertical li {
    display: inline;
    margin:0;
    padding:0 0.75em 0 0;
}

table.metadata {    
    padding: 0 0.4em;
    margin-top: 1em;
    font-size:0.9em;
    background: #efefef;
}

table.metadata th {    
    width:7em;
    text-align:left;
    padding-right:1em;
    vertical-align:top;
}

.warning {
    border:1px dotted red;
    padding:.1em 0.3em;
    font-style: italic;
    color: red;
    font-size:0.9em;
}

td.geography {
    padding-left: 1em;    
}