 /**********************************
 	* TITLE: Gila Screen Stylesheet  *
 	* URI  : gila/gila-screen.css    *
 	* MODIF: 2003-Apr-30 19:09 +0800 *
 **********************************/


 /* ##### Common Styles ##### */

 body {
 	color: black;
 	background-color: rgb(255,255,255);
 	font-family: verdana, helvetica, arial, sans-serif;
 	font-size: 71%;  /* Enables font size scaling in MSIE */
 	margin: 0;
 	padding: 0;
 }

 html > body {
 	font-size: 8.5pt;
 }

 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(184,38,25);
 }

 .headerTitle {
 	margin: 0;
 	padding: 0.25em 4mm 0.25em 4mm;
 }

 .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: left;
 	margin: 0;
 	padding: 0.75ex 1ex;
 }

 .subHeader a {
 	color: white;
 	background-color: black;
 	text-decoration: none;
 	font-weight: bold;
 	margin: 0;
 	padding: 0 1ex;
 }

 .subHeader a:hover {
 	color: black;
 	background-color: white;
 }


 /* ##### Left Side Bar ##### */

 .leftSideBar {
 	width: 12.5em;
 	float: left;
 	clear: left;
 	border-right: 1px solid rgb(216,210,195);
 }

 .leftSideBar .sideBarTitle {
 	color: #000000;
 	background-color: rgb(200,203,207);
 	font-weight: bold;
 	margin: 0;
 	padding: 0.8ex 1ex;
 }

 .leftSideBar ul {
 	list-style-type: none;
 	list-style-position: outside;
 	margin: 2ex 0ex 2ex 2ex;
 	padding: 0;
 }

 .leftSideBar li {
 	margin: 0ex;
 	padding: 0 0 0.75ex 0ex;
 }

 .leftSideBar a {
 	color: black;
 	background-color: transparent;
 	text-decoration: underline;
 }

 .leftSideBar a:hover {
 	background-color: transparent;
 	text-decoration: none;
 }

 .leftSideBar .sideBarText {
 	color: black;
 	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;
 }

 .leftSideBar .more {
 	text-decoration: none;
 	text-align: right;
 	font-weight: bold;
 	margin: 0;
 	padding: 0 2ex 1em 2ex;
 	display: block;
 	color: rgb(166,140,83);
 	background-color: transparent;
 }

 .leftSideBar .more:hover {
 	text-decoration: underline;
 }


 /* ##### Right Side Bar ##### */

 .rightSideBar {
 	width: 13em;
 	margin: 2ex 0.75ex 0 0;
 	padding: 0;
 	float: right;
 	clear: right;
 	border: 1px solid rgb(216,210,195);
 }

 [class~="rightSideBar"] {
 	margin-right: 1.5ex;
 }

 .rightSideBar .sideBarTitle {
 	color: black;
 	background-color: rgb(200,203,207);
 	font-weight: bold;
 	margin: 1.25ex 1ex;
 	padding: 0.9ex 1ex;
 }


 .rightSideBar a:hover {
 	text-decoration: none;
 }

 .rightSideBar .sideBarText {
 	line-height: 1.5em;
 	margin: 0;
 	padding: 0 2ex 1em 2ex;
 }




 /* ##### Main Copy ##### */

 #main-copy {
 	color: black;
 	background-color: white;
 	text-align: justify;
 	line-height: 1.5em;
 	margin: 0 0 0 12.5em;
 	padding: 0.5ex 2em 1em 1em;
 	border-left: 1px solid rgb(216,210,195);
 }

 #main-copy h1 {
 	color: rgb(166,140,83);
 	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 0;
 	padding: 1em 0 0 0;
 	border-top: 1px solid rgb(216,210,195);
 }

 #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: rgb(230,223,207);
 	font-size: 91%;
 	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;
 }

 input, textarea {
 	font-family: "Courier New", Courier, monospace;
 }

.image_tab
{
	background-color: #EEEEEE;
	float: left;
	margin: 5px;
	border: 1px  solid #AAAAAA;
	text-align: center;
	padding: 5px;
}

.image {
	border: 0px;
}


