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

 * TITLE: Gila Screen Stylesheet  * 

 * URI  : gila/gila-screen.css    *

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

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





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



body {

  color: black;

  background-color: #CCCCCC;

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

  margin:2px;
  padding:0px;
  font-size: 12px;
}


.wrap{ margin:0px auto; width:100%; padding:0px;
background-color: #CCCCCC;
}



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 {
	  background-color:#CCCCCC;
	  

}

.left{
	float:left;
	margin:5px 0px 5px 10px;
		
}

.right{
	float: right;
	margin:5px 10px 0px 0px;
}

.clear{ clear:both}



.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;
  height:40px;
  background:url(../imgs/subheader-bg.gif) repeat-x;
  font-size: 109%;
  text-align: center;
  margin: 0;
  padding: 0; 
  border-bottom:3px solid #999999;
 
}



.subHeader a {
  color: white;
  text-decoration: none;
  font-weight: bold;	
  margin: 0;
 /* background:url(../imgs/menubar.gif) no-repeat right;*/
  padding: 12px 8px;
  line-height:40px;
  
}


.subHeader a:hover {
  color: black;
  padding: 12px 8px;
  background:url(../imgs/subheader-hover.gif) repeat-x;
  
}





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



.leftSideBar {

  width: 12.4em;

  float: left;

  background-color: #000;

}



.leftSideBar .sideBarTitle {

  color: #00ABE5;

  background-color: #999999;

  font-weight: bold;

  margin: 0;

  padding: 0.8ex 1ex;

}



.leftSideBar ul {

  list-style-type: none;

  list-style-position: outside;

  margin: 0 0 0 0;

  padding: 0;

}



.leftSideBar li {

  margin: 0px 0px 0px 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size:15px;
  padding: 0.6ex 0 1.10ex 2.0ex;
  line-height:25px;
  border-bottom:1px solid #fff;
  
  

}



.leftSideBar a {

  color: #000;

  background-color: transparent;

  text-decoration: none;
  

}



.leftSideBar a:hover {

  color: #FF0000;

  background-color: transparent;

  text-decoration: none;

}



.leftSideBar, .sideBarText {

  color: #FFFFFF;

  background-color: transparent;

  line-height: 1.25em;

  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 ##### */



.rightSideBar {

  width: 13em;

  margin: 2ex 0.75ex 0 0;

  padding: 0;

  float: right;

  clear: right;

  border: 1px solid #000;

}



[class~="rightSideBar"] {

  margin-right: 1.5ex;
  
  

}



.rightSideBar .sideBarTitle {

  color: black;

  background-color: #00ABE5;

  font-weight: bold;

  margin: 1.25ex 1ex;

  padding: 0.9ex 1ex;

}



.rightSideBar a {

  color: #3399FF;

  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 0.9ex;

}



.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: #000;
  text-align: justify;
  line-height: 1.5em;
  margin: 0 0 0 12.5em;
  padding: 0.5ex 15em 1em 1em;
  border-left:1px solid #fff;
  
  
 }



#main-copy h1 {

  color: #9e0101;

  background-color: transparent;

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

  font-size: 175%;

  font-weight: bold;

  font-style: italic;

  text-align: left;

   margin: 1em 0 0.3em 0;

  padding: 1em 0 0.3em 0;

  border-bottom:1px solid #666666;

}



#main-copy a {

  color: #FF0000;

  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;

}


.img_left {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.img_right {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}


/* ##### Grid ##### */

#grid {
	float:left;
	*width:100%
	
}

#grid-home {
	float:left;
}

#grid h2, #grid-home h2 {
  color: #000;
  background-color: transparent;
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 120%;
  font-weight: bold;
  font-style: italic;
  text-align: left;
  margin: 10px 0 0 0;
  padding: 0 0 0 0;
  text-decoration: none;
}

#grid h4, #grid-home h4 {
  background-color: transparent;
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 100%;
  color: #333;
  font-weight: bold;
  font-style: normal;
  text-align: left;
  margin: 10px 0 0 0;
  padding: 0 0 0 0;
  text-decoration: none;
}

#grid-home .grid-item {
	width: 130px;
	float: left;
	margin-right: 12px;
}

#grid .grid-item {
	width: 120px;
	float: left;
	margin-right: 12px;
}

.grid-item p {
  text-align: left;
}

.grid-item img {
	margin: 10px 0px 0px 0px;
	border: 0;
}

.grid-item a {
  color: #7F47A2;
  background-color: transparent;
  text-decoration: none;
  font-weight: bold;
}

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

#content {
	float:left;
}

.clear-contentunit {clear:both; width:100%; height:0.1em; border:none; background:#FFFFFF; color:#FFFFFF; visibility:hidden;}




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



#footer {

  color: black;

  background:url(../imgs/subheader-bg.gif) repeat-x;

  font-size: 92%;

  text-align: center;

  line-height: 1em;

  margin: 0;

  padding: 1em 4mm 1em 4mm;
  
  *padding: 0.6em 4mm 1.4em 4mm;
  clear: both;

}



#footer div {

  margin: 0 0 0px 0;

  padding:0;

}



#footer a {

  color: black;

  background-color: transparent;

  text-decoration: underline;

  font-weight: bold;

}



#footer a:hover {

  text-decoration: none;

}