/**********************************

 * TITLE: Gila Screen Stylesheet  * 

 * URI  : gila/gila-screen.css    *

 * MODIF: 2003-Apr-30 19:09 +0800 *

 **********************************/





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



body {

  color: black;

  background-color: rgb(189,207,225);
  
  background-image: url('../images/bkgrnd.jpg');

  font-family: verdana, helvetica, arial, sans-serif;

  font-size: 73%;  /* Enables font size scaling in MSIE */

  margin: 0;

  padding: 0;

}



#pageWrapper {

margin:auto;

background:#dfe8ea;

width: 860px;

border:1px solid #666666;

}



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-color: rgb(3,50,104);

}



.headerTitle {

  margin: 0;

  padding: 0.25em 4mm 0.25em 4mm;

  background: #3c7faf top center;

  background-image: url('../images/bkgrnd-header.gif')

}



.headerTitle a {

  color: black;

  background-color: transparent;

  text-decoration: none;

  font-size: 110%;  /* For MSIE */

  font-weight: bold;

  font-style: italic;

}



.headerTitle > a {

  font-size: 138%;  /* For fully standards-compliant user agents */

}



.headerTitle span {

  color: white;

  background-color: transparent;

  font-weight: normal;

}



.subHeader {

  color: white;

  background-color: black;

  font-size: 109%;

  text-align: center;

  margin: 0;

  padding: 0.5ex 0;

  background-image: url('../images/toplinks.jpg')

}



.subHeader a {

  color: white;

  

  text-decoration: none;

  font-weight: bold;

  margin: 0;

  padding: 0 1ex;

}



.subHeader a:hover {

  color: black;

  background-color: white;

}





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



.leftSideBar {

  width: 15.5em;

  float: left;

  clear: left;

}



.leftSideBar .sideBarTitle {

  color: rgb(238,238,238);

  background-color: rgb(51,102,153);

  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 .2ex 0.75ex;

}



.leftSideBar a {

  color: rgb(51,102,153);

  background-color: transparent;

  text-decoration: none;

}



.leftSideBar a:hover {

  color: rgb(251,174,23);

  background-color: transparent;

  text-decoration: none;

}



.leftSideBar .sideBarText {

  color: rgb(51,102,153);

  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;

}





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



#main-copy {

  color: black;

  background-color: white;

  text-align: left;

  line-height: 1.5em;

  margin: 0 0 0 15.5em;

  padding: 0.5ex 1em 1em 1em;

  border-left: 1px solid rgb(3,50,104);

}



#main-copy h1 {

  color: rgb(3,50,104);

  background-color: transparent;

  font-family: arial, verdana, helvetica, sans-serif;

  font-size: 175%;

  font-weight: bold;

  font-style: italic;

  margin: 1em 0 0 0;

  padding: 1em 0 0 0;



}



#main-copy a {

  color: rgb(51,102,153);

  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: rgb(51,102,153);

  font-size: 92%;

  text-align: center;

  line-height: 1.25em;

  margin: 0;

  padding: 1em 4mm 1em 4mm;

  clear: both;

}



#footer div {

  margin: 0;

  padding: 0 0 1ex 0;

}



#footer a {

  color: black;

  background-color: transparent;

  text-decoration: underline;

  font-weight: bold;

}



#footer a:hover {

  text-decoration: none;

}