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


/* ##### Common Styles ##### */
/*   color: #004D29; green
 *background-color: #191970; dark blue
background-color: #A5A5A5; light gray sidebar
background-color: #medium gray sidebar title; 
  background-color: #4682B4; steel blue
*/


body {
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 90%;  /* Enables font size scaling in MSIE */
  margin: 0;
  padding: 0;
}

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


dl {
	padding-left: 50px;
padding-right: 200px;

}
#page {
  width: 1070px;
  min-height: 1100px;
margin-left: auto; margin-right: auto; text-align: center;


}
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 {
border-top: solid #C8DAE8 10px;
  color: inherit;
  xbackground-color: rgb(184,38,25);
  xbackground-color: blue;
}

.headerTitle {
  margin: 0;
  font-family: arial, sans-serif, verdana, helvetica, ;
  xpadding: 0.25em 4mm 0.25em 4mm;
}

.headerTitle a {
  color: #004D29;
  background-color: transparent;
  text-decoration: none;
  xvertical-align: middle;
  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: maroon;
  background-color: transparent;
  font-weight: bold;
}


<!-- new><-->

.xnav2 a.selected {
  color: white;
  background-color: blue;
  text-decoration: none;
  font-weight: bold;
  margin: 0;
  padding: 0 1ex;
}

#main-copy-wrapper {

	
}
.nav2 {
xmargin-top:-25px;
   background-color: #5A8DC7;
 padding:0px 0px 0px 0px; 
margin-left: 100px; 
margin:0;
	width:100%; 
    xmargin-top: -15px;
		float: right; 
	
	
}

/*Color navigation bar normal mode*/
.nav2 ul {list-style-type:none; margin: 0px;}
.nav2 ul li {float:left; position:relative; 
	/* z-index:50;  */
	border-right:solid 1px #5A8DC7;

}
.nav2 ul li ul {display:none; border:none;}
.nav2 ul li ul {margin-left:-30px; 
 padding:0 30px 30px 30px;  
	xbackground:url(../images/menu_hov.png); top center;
	background-repeat:no-repeat;
} /*Sticky hover zones*/

.nav2 ul li a {
	float:left; 
	display:block; 
	height:2.1em; 
	line-height:2.1em; 
	margin-right:0px !important /*Non-IE6*/; 
	margin-right:-4px /*IE6*/; 
	/* margin-top:-10px /*IE6*/; 
	padding:0 16px 0 16px; 
	text-decoration:none; 
	font-weight:bold;  
	color: white;
  	background-color: black;
   	background-color: #5A8DC7;
	position:relative;
	/*border: solid 2px red; */
 }
 
.nav2 ul li:hover {width:auto;}
.nav2xxxxxx table {position:absolute; z-index:999; top:0; left:0; border-collapse:collapse; font-family:"trebuchet ms",arial,sans-serif;}

/*Non-IE6*/
.nav2 ul li:hover a {
/*
	background:url(../images/menu_hov.png);
	background-repeat:no-repeat;
	*/
background-color:#88ACE0; 
	text-decoration:none;
} /*Color main cells hovering mode*/
.nav2 ul li:hover ul {display:block; position:absolute; z-index:998; top:2.0em; margin-top:0.1em; left:0;}

li.menu2{display: none;}

li.menu2 {
	display:block; width:15em; height:auto; line-height:1.3em; margin-left:-1px; padding:4px 10px 4px 10px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); 
	background-color:rgb(237,237,237); 
	font-weight:normal; color:rgb(50,50,50);
}

li.menu2:hover ul {display:block; position:absolute; z-index:998; top:2.0em; margin-top:0.1em; left:0;}

/*Sticky hover zones*/
li.menu2:hover{margin-left:-30px; padding:0 30px 30px 30px; xbackground:url(../images/menu_hov.png); top center;} 

/*Color subcells hovering mode*/
li.menu2:hover  {
	background-color:#a5a5a5; 
	color: white;
	background-color:#191970; 
	text-decoration:none;
	background-color:pink; 
} 



/*Color subcells normal mode (drop down menu)*/
.nav2 ul li:hover ul li ul {display: none;}
.nav2 ul li:hover ul li a 
{
	display:block; width:12em; height:auto; line-height:1.3em; margin-left:-1px; padding:4px 10px 4px 10px; 
 border:solid 1px #5A8DC7;
 background-color:#a5a5a5; 
		background-color: #A9C8F5; 
	font-weight:bold;
	color: #305B8D;
	

} 

/*Color subcells hovering mode*/
.nav2 ul li:hover ul li a:hover {
	background-color:rgb(210,210,210); 
	text-decoration:none;
	color: white;
	background-color:#191970; 
	background-color: #DFEDF3; 
	color: #3768A0;
} 

/*IE6*/
.nav2x ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;
 color: black;
  background-color: white;
} /*Color main cells hovering mode*/
`
.nav2xx ul li a:hover ul {display:block; position:absolute;z-index: 998; top:2.1em; t\op:3.0em; left:0; marg\in-top:0.1em;}
.nav2x ul li a:hover ul li a {display:block; w\idth:10em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(237,237,237); font-weight:normal; color:rgb(50,50,50);} /*Color subcells normal mode*/
.nav2x ul li a:hover ul li a ul {visibility:hidden; height:0px; width:0px; position:absolute; z-index: 997;}
.nav2x ul li a:hover ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;} /*Color subcells hovering mode*/


<!-- new><-->


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


.sideBarText span {
  font-size: 90%;  /* Enables font size scaling in MSIE */
}


/* ##### Right Side Bar ##### */

.rightSideBar {
  width: 250px;
  min-height: 1075px;
  margixn: 0px 0px 0px 0px;
  padding: 0;
  float: right;
  clear: right;
font-size: 9pt;
/*   border: 1px solid rgb(216,210,195); */
   text-align: left;
   border: solid 5px black;
 
}

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

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

.rightSideBar a {
  /* 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-bottom: -5px;
  padding: 0 2px 0 2px;
}

.sideBarText ul { padding-left:20px;padding-bottom:20px;
}

.sideBarText li {
    padding-left: 4px;
}
.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 ##### */

#introduction{
  padding: 0.5ex 15em 1em 1em;
}

#main-copy {
  color: black;
   background-color: #ffffe6;
  text-align: justify;
  line-height: 1.2em;
    min-height: 1100px;
    min-height: 800px;
     min-height: 1100px;


xmargin: 5px 00px 5px 0px;
  xpadding: 15px 200px 5px 15px;
  //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: 185%;
  font-weight: bold;
  font-style: italic;
  text-align: left;
  margin: 15px;
  padding: 10px;
/*  border-top: 1px solid rgb(216,210,195); */
}


#main-copy h2 {
  /*color: rgb(166,140,83);
  background-color: transparent;
  */
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 125%;
  font-weight: bold;
  font-style: italic;
  text-align: left;
  margin: .5em 0 0 1em;
  padding: 0 0 0 0;
 
}


#main-copy h3 {
  /*color: rgb(166,140,83);
  background-color: transparent;
  */
  font-family: arial, verdana, helvetica, sans-serif;

  font-size: 115%;
  font-weight: bold;
  text-align: left;
  margin: .5em 0 0 3em;
  padding: 0 0 0 0;
}
#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;
}

#ddh2 {
  margin: 0 0 1.5em 3em;
  padding: 0;
}
#ddh3 {
  margin: 0 0 1.5em 4em;
  padding: 0;
}



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

#footer {
/*  color: black;
  background-color: rgb(230,223,207);
  */
  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:hover {
  text-decoration: none;
}

/* Theme/Color */

body {
  background-color: #C8DAE8;
  }

#main-copy h1 {
  color: #191970;
  background-color: transparent;
}


#main-copy h2 {
  background-color: transparent;
  color: #191970;
}


#main-copy h3 {
  background-color: transparent;
  color: red;
}
.emphasize {
  background-color: transparent;
  color:  #191970;
  margin: 10px;
}
#main-copy a {
  color: #191970;
  background-color: transparent;
}

.rightSideBar {
  border: 1px solid rgb(216,210,195);
    color: #4d4d4d;
/*background-color: #A5A5A5; */
background-color: #ffff99;
}
.sideBarTitle {
  color: white;
/*  background-color: #505050; */
background-color:#e6ac00; 
}

.rightSideBar a {
  color: #806000;
}


#footer {
  /*color: black;
  background-color: rgb(230,223,207);*/
color: #FFF;
color: maroon;
  background-color: #C8DAE8; 
}
.horizontal-background-gradient-css{
	background:url(../images/graybanner_850.jpeg);
	background:url(../images/blue_header_gradient1150.png);
 }
.xhorizontal-background-gradient-css{
background: -moz-linear-gradient(left,  rgba(187,211,239,1) 0%, rgba(221,237,249,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(187,211,239,1)), color-stop(100%,rgba(221,237,249,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(187,211,239,1) 0%,rgba(221,237,249,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(187,211,239,1) 0%,rgba(221,237,249,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(187,211,239,1) 0%,rgba(221,237,249,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(187,211,239,1) 0%,rgba(221,237,249,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbd3ef', endColorstr='#00ddedf9',GradientType=1 ); /* IE6-9 */


}


.xhorizontal-background-gradient-css{
    /* for browsers not supporting gradient without image */
    background: #A5A5A5;
    /* Mozilla Firefox: */
    background: -moz-linear-gradient(left, #ffffff, #A5A5A5);
    /* Chrome and Safari:*/
    background: -webkit-gradient(linear,
                left top, right top, from(#ffffff), to(#A5A5A5));
    /* Microsoft Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#ffffff', EndColorStr='#A5A5A5', GradientType=1);
  }

.slideshowx {  
    /*padding: 6px;  */
    border:  0px solid #ccc;  
/*    background-color: #eee;  
    background-color: navy;  
    */
    width:  425PX; 
   
    xheight: 820px; 
margin-left: 25px;
margin-top: 15px;
 height: 375px; 
 
	
} 

.slideshow img {  
    /*padding: 6px;  */
    border:  0px solid #ccc;  
/*    background-color: #eee;  
    background-color: navy;  
    */
    width:  850PX; 
    xheight: 820px; 
margin-left: 10px;
margin-top: 15px;
} 
.slideshowframe {
    width:  575px; 
    height: 475px; 
 
    padding: 5px 5px 5px 5px;
    background-color: #A5A5A5; ;  
    border:  6px solid navy;  
    margin-left:  20px; 
}
.hiddenmenu {
	font-size: 70%; 
	text-align: center;
}


#contentleft {
	width:450px;
	padding:0px;
	float:left;
	background:lightgreen;
	margin-left: 10px;

	}
	
#contentcenter {
	width:450px;
	padding:0px;
	float:left;
/*	background:#eee; */
	margin-left: 15px;
}
	
#contentright {
width:450px;
	padding:0px;
	float:left;
	background: lightblue;
	margin-left: 13px;

}
#contentheader {
	/* border: solid red 3px; */
margin-left: auto;
margin-right: auto;
width: 100%;
text-align: center;
padding-bottom: 10px;
	 color: #191970;
}
#contentheader h2 {

}

#contentfooter {
width: 100%;
margin-left: auto;
margin-right: auto;
position: relative;
 font-size: 80%;
}

#contentfooter h2 {
	margin-top: 80px;
  color: #191970;
   font-size: 120%;
     font-style: normal;
     text-align: center;

}
#contentfooter h3 {
  color: #3768A0;
   font-size: 120%;
     font-style: normal;
     text-align: center;
     font-variant: small-caps;
     margin: 0;
     padding-bottom: 5px;
}
#contentcenterlist {
  color: #3768A0;
   font-size: 100%;
     font-style: normal;

     margin: 0;
     padding-bottom: 5px;
}

#contentfooter li {
  color: #191970;
  margin-left: 20px;
     font-style: normal;
     color: #5a5a5a;
}


/* rounded top-left corner */
.rightsection, .leftsection, #contentcenter, #contentleft, #contentright, #intro_slide, #galaxy_slide, #rs30_slide, #et1_slide {
	-webkit-border-top-left-radius:15px;
	-khtml-border-radius-topleft:15px;	
	-moz-border-radius-topleft:15px;
	border-top-left-radius:15px;
	border-color: #A9C8F5;
	border-style:solid solid none solid; 
	border-width:2px;
}

/* rounded top-right corner */
.rightsection, .leftsection, #contentcenter, #contentleft, #contentright, #intro_slide, #galaxy_slide, #rs30_slide, #et1_slide {
	-webkit-border-top-right-radius:15px;
	-khtml-border-radius-topright:15px;	
	-moz-border-radius-topright:15px;
	border-top-right-radius:15px;
}
/* roundedbottom-left corner */
.leftsection, .rightsection, #intro_slide, #galaxy_slide, #rs30_slide, #et1_slide {
	-webkit-border-bottom-left-radius:15px;
	-khtml-border-radius-bottomleft:15px;	
	-moz-border-radius-bottomleft:15px;
	border-bottom-left-radius:15px;
}

/* roundedbottom-right corner */
.leftsection, .rightsection, #intro_slide, #galaxy_slide, #rs30_slide, #et1_slide {
	-webkit-border-bottom-right-radius:15px;
	-khtml-border-radius-bottomright:15px;	
	-moz-border-radius-bottomright:15px;
	border-bottom-right-radius:15px;
}



#contentleft, #contentcenter, #contentright{
background: -moz-linear-gradient(top,  rgba(187,211,239,1) 0%, rgba(221,237,249,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(187,211,239,1)), color-stop(100%,rgba(221,237,249,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(187,211,239,1) 0%,rgba(221,237,249,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(187,211,239,1) 0%,rgba(221,237,249,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(187,211,239,1) 0%,rgba(221,237,249,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(187,211,239,1) 0%,rgba(221,237,249,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbd3ef', endColorstr='#00ddedf9',GradientType=0 ); /* IE6-9 */

}	


.dropshadow
{
  /* CSS3 */
 	/* -moz-border-radius-topleft: 8px;
	-khtml-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;
	*/
	-moz-border-radius-topright: 8px;
	-khtml-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;
 	/* inset creates a inner-shadow */
	-moz-box-shadow: 10px 10px 5px #999; 
  	-khtml-box-shadow: 0px 1px 10px #666;
  	-webkit-box-shadow: 0px 1px 10px #666;
  /* CSS3 end */
}






.rightsection div.captiontitle {
	font-weight: bold;
	font-size:13px;

	padding-left: 10px;
	padding-right: 25px;
	margin-right: 25px;
	width: 275px;
	color: #191970 ;
		text-align: center;
}


.rightsection div.captiontext {
	font-weight: normal;
	font-size:13px;
	color: #4d4d4d;
	padding-left: 10px;
	padding-right: 25px;
	xmargin-right: 25px;
	width: 275px;
}

.topsection{
  padding: 15px 0px 0px 0px;
  font-size: 80%;
  width: 750px;
   margin-left: 75px;
}
.rightsection {
 	margin-right:20px;	
	padding-right: 15px;
	float:right;
	height: 400px;
	width: 300px;
	border: solid 4px lightgray;
}
.leftsection {
	float:left;
	margin-left:20px;
	border: solid 4px lightgray;
	height: 400px;
	width: 600px;

}
.midsection {
height: 300px;
  }

.list li {
	font-size:12px;
	line-height:14px;
	color:#52443e;
	padding:0 0 0 9px;
	background:url(../images/listarrow.gif) no-repeat 0 5px;

}
.list ul {
	float:left;
	xwidth:142px;
	padding:0;
	margin:0;
	list-style:none;
	color:#52443e;
	font-size:12px;
	padding-left: 11px;
}
  





.scrollable {
  /* required settings */
  position:relative;
  overflow:hidden;
  width: 600px;
  height: 475px;
 
}

#intro_slide {
	background:url(images/backgrounds/stainlesssteel1.jpg); 
	background: #E5F7FF;
	}
#galaxy_slide {
	background:url(images/backgrounds/shiny-bronze-background.jpg); 
	background: #E5F7FF;
	}
#et1_slide {
	background: #E5F7FF;
	background:url(../images/backgrounds/warehouse1.png); 

}
#rs30_slide {
	background:url(../images/backgrounds/barcode1.png); 
}

img.et1 {
	widthx: 325px;
	padding-left: 160px;
}

img.galaxy {
	width: 350px;
	padding-left: 125px;
}
img.logo {
	width: 200px;
	margin-left: 200px;
}
img.rs30 {
	padding-left: 20px;
		padding-right: 10px;
	height: 350px;
}
img.multi {
padding-left: 10px;	
	width: 100%;
}
img.slidex{
  position:relative;
  overflow:hidden;
  width: 400px;
  padding-left: 50px;
}
h2 {
	font-weight: bold;
	font-size:1.8em;
	margin-left: 20px;
}
span.captiontitle, span.captiontitle2, span.captiontitle3{
	font-weight: bold;
	font-size:120%;
	text-align: center;
	margin-left: 225px;
	color: #2f4f4f;
	font-face: "Arial, sans-serif";
}
span.captiontitle2 {
	margin-left: 0px;
}
span.captiontitle3 {
	margin-left: 150px;
}
span.captiontextrs30{
	font-weight: normal;
	font-size:12px;
	display: block;
	margin-right: 50px;
	margin-top: -20px;
padding-left: 125px;
	width: 340px;

		margin-left: 120px;
}	

span.captiontext {
	font-weight: normal;

	font-size:13px;
	color: #4d4d4d;
	margin-right: 75px;
	padding-left: 25px;
	font-face: "Arial, sans-serif";
		margin-left:10px;
	width: 200px;

}
div.captiontext {
	font-weight: normal;
	font-size:13px;
	color: #4d4d4d;
	padding-left: 25px;
	font-face: "Arial, sans-serif";
	margin-right: 500px;
		padding-right: 500px;

	padding-right:50px;
	margin-left:10px;
	}
#capcon {
		width: 90%;
margin-right: 50px;
}

/*
root element for scrollable items. Must be absolutely positioned
and it should have a extremely large width to accommodate scrollable
items.  it's enough that you set width and height for the root element
and not for this element.
*/
.scrollable .items {
  /* this cannot be too large */
  width:20000em;
  position:absolute;
}
 
/*
a single item. must be floated in horizontal scrolling.  typically,
this element is the one that *you* will style the most.
*/
.items div {
float:left;
height: 400px;
width:600px;

}