/* CSS Popout menuv */

/* Fix IE. Hide from IE Mac \*/
* html #menuv ul li{float:left;height:1%;}
* html #menuv ul li a{height:1%;}
/* End */
#menuv		                                 /* position, size, and font of  menu */
	{	
	position:relative;
	/*top:19em;
	left:6em;*/
	z-index: 100;
	width: 14em;						          /* [1] width of menu item (i.e., box) */
	text-align: center;
	font-size: 0.9em;
	font-family: helvetica, arial, geneva, sans-serif;
	}

#menuv a
	{
	width: 100%;
        z-index: 100;
	display:block;						
	padding-top: 0.2em;						/* expands menu box vertically*/
	padding-bottom: 0.2em;
	border:2px solid black;		/* adds bottom border */
	white-space:nowrap;
	}

#menuv a, #menuv a:visited				/* all menus at rest */
	{
        z-index: 100;
	color: darkblue;
	background-color: #99ccff;
	text-decoration:none;				       /* removes underlines from links */
	}

#menuv a.parent, #menuv a.parent:hover 	/* attaches parent-arrow on all parents */
	{
        z-index: 100;
	background-image: url(nav_white.gif);
	background-position: right center;
	background-repeat: no-repeat;
	}

#menuv a:hover				             /* all menus on mouse-over */
	{
        z-index: 100;
	color: white;
	background-color: cornflowerblue;
	}
	
#menuv li
	{
        z-index: 100;
	list-style-type:none;		            /* removes bullets */
	}

#menuv ul li
	{
        z-index: 100;
	position:relative;
	}

#menuv li ul
	{
        z-index: 100;
	position: absolute;
	top: 0;
	left: 14em;				                 /* distance from  left menu (this should be the same as width value in #menuv [1]) above */
	display: none;
	}

div#menuv ul, #menuv ul ul, div#menuv ul ul ul
	{
        z-index: 100;
	margin:0;				               /* keeps the menu parts together */
	padding:0;
	width: 14em;			              /* width of sub menus  (this should be the same as width value in #menuv [1]) above */
	}

div#menuv ul ul, div#menuv ul ul ul, div#menuv ul li:hover ul ul, div#menuv ul li:hover ul ul ul
	{
        z-index: 100;
	display: none;
	}

div#menuv ul li:hover ul, div#menuv ul ul li:hover ul, div#menuv ul ul ul li:hover ul
	{
        z-index: 100;
	display: block;
	}

/**********************************
 * TITLE: Gila Screen Stylesheet  * 
 * URI  : gila/gila-screen.css    *
 * MODIF: 2003-Apr-30 19:09 +0800 *
* for pause scroller              *
 **********************************/
#pscroller1{
width: 450px;
height: 1.2em;
border: 1px dashed black;
padding: 5px;
background-color: lightyellow;
}
#pscroller2{
width: 400px;
height: 100px;
border: 2px solid black;
padding: 5px;
background-color: #FFFFFF;
text-align: left;
}
.rssclass .rsstitle{
font-weight: bold;
}
.rssclass .rssdate{
color: gray;
font-size: 85%;
}
.rssclass a{
text-decoration: none;
}

/* main css stuff */

body {
  color: black;
  background-color: #ffffff; /* needs to be same as main-copy/
  font-family: times new roman, verdana, helvetica, arial, sans-serif;*/
  font-size: 90%;  /* Enables font size scaling in MSIE */
  margin:auto;
  /*margin-right:auto;*/
  padding: 0;
  max-width:1280px;
  width: expression(this.width > 1280 ? 1280: true );
}

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

.doNotDisplay {
  display: none !important;
}

.imgleft {
  float: left;
  vertical-align: left;
  border: 1px solid blue;
  margin: 1px 1px 2px 5px;
}
.imgright {
  float: right;
  vertical-align: right;
  border: 1px solid blue;
  margin: 1px 5px 2px 1px;
}

.imgtop {
  float: top;
  border: 1px solid blue;
  margin: 0px;
}

.imgtop1 {
  float: top;
  border: 0px;
  margin: 0px;
}

.imgcenter {
  float: center;
  vertical-align: bottom;
  border: 1px solid blue;
  margin: 0px;
}

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

/* ##### CHANGE background-color to change header color, hex code is OK ##### */
/* ##### Hex Color Chart - http://www.hypersolutions.org/pages/rgbhex.html  ##### */

#header {
  color: inherit;
  background-color: #99ccff;
}

#header h1  {color: #000077;
     font-size: 40pt;
     font-weight: bold;
     font-family: times new roman;
     font-style: italic;
}

#header h2  {color: #000077;
     font-size: 30pt;
     font-weight: bold;
     font-family: times new roman;
     font-style: italic;
}

#header table {
     width: 100%;
     text-align: center;
     border: 0;
}
.tdl {
     width: 20%;
     vertical-align: left;
     text-align: left;
     border: 0;
}
.tdr {
     width: 20%;
     text-align: right;
     vertical-align: right;
     border: 0;
} 

.tdc {
     width: 60%;
     text-align: center;
     border: 0;
}
.h4left {
     text-align: left;
}
.h4right {
     text-align: right;
} 

.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: 110%;  /* For fully standards-compliant user agents */
}

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

.headerTemp {
  font-size: 36px;
  font-weight: bold;
  position: absolute;
  right: .5ex;
  top: 0.18em;
}

[class~="headerTemp"] {
  top: 0.18em;  /* For fully standards-compliant user agents */
}

.subHeader {
  float: left;
  width: 50%;
  color: blue;
  background-color: #99ccff;
  font-size: 100%;
  font-weight: bold;
  text-align: left;
  margin: 0;
}

.subHeaderCenter {
  float: left;
  width: 50%;
  color: blue;
  background-color: #99ccff;
  font-size: 100%;
  font-weight: bold;
  text-align: center;
  margin:  0;
  padding: 0.5ex 2ex;
}

.subHeaderRight {
  float: right;
  width: 50%;
  color: blue;
  background-color: #99ccff;
  font-size: 100%;
  text-align: right;
  margin:  0;
}

.subHeader a {
  color: blue;
  background-color: transparent;
  text-decoration: underline;
  font-weight: bold;
  margin: 0;
}

.subHeader a:hover {
  color: green;
  background-color: transparent;
}

/* ####### dummy div ########### */

#main-body {
  background-color: #ffff99;
  border-left:15.5em solid #99ccff; /* needs to be same colour as leftsidebar */
  }

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

.leftSideBar {
 /* position: relative;*/
  color: blue;
  background-color: #99ccff;
  width: 15.5em;
  z-index: 1;
  float:left;
  /*margin-top: 0em;
  /* 
  display:inline needed 
  to cater to the double 
  margin float bug in IE 
  */
  display: inline;
  margin-left:-15.5em;
  clear: left;
}

.leftSideBar .sideBarTitle {
  color: blue;
  background-color: transparent;
  font-weight: bold;
  display: inline;
  margin: 0;
  padding: 1.8ex 1ex;
}

.leftSideBar a {
  color: #0000AA;
  background-color: transparent;
  display: inline;
  margin: 0 0 0 1.2em;
  text-decoration: underline;
}

.leftSideBar a:visited {
  color: #3366ff;
  display: inline;
  background-color: transparent;
  text-decoration: underline;
}

.leftSideBar a:hover {
  color: #007700;
  background-color: transparent;
  text-decoration: none;
  display: inline;
}

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

#main-copy {
  /*position: relative;*/
  z-index: -1;
  color: black;
  background-color: #ffff99;
  text-align: justify;
  margin: 0 0 0 1.5em;
  padding: .5em 1em 1em 1em;
 /* border-left: 1px solid rgb(216,210,195);*/
}

#main-copy h2 {
  color: #0000FF;
  background-color: transparent;
  font-family: times new roman;
  font-size: 300%;
  font-weight: bold;
  font-style: italic;
  /*margin: 1em 0 0 0;
  padding: 1em 0 0 0;
  /*border-top: 1px solid rgb(216,210,195);*/
}

#main-copy h3 {
  color: #0000FF;
  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;
  /*border-top: 1px solid rgb(216,210,195);*/
}

#main-copy h4 {
  color: #0000FF;
  background-color: transparent;
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 140%;
  font-weight: bold;
  font-style: italic;
  /*margin: 1em 0 0 0;
  padding: 1em 0 0 0;
  /*border-top: 1px solid rgb(216,210,195);*/
}

#main-copy a {
  color: #0000AA;
  background-color: transparent;
  text-decoration: underline;
}

#main-copy a:visited {
  color: #3366ff;
  background-color: transparent;
  text-decoration: underline;
}

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

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

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

#footer {
  color: black;
  background-color: #99ccff;
  font-size: 92%;
  text-align: center;
  line-height: 1.25em;
  margin: 0;
  padding: 1em 4mm 1em 4mm;
  clear: both;
}

#footer a {
  color: black;
  background-color: transparent;
  text-decoration: underline;
  font-weight: bold;
}

#footer a:visited {
  color: rgb(112,128,144);
  background-color: transparent;
  text-decoration: underline;
  font-weight: bold;
}

#footer a:hover {
  text-decoration: none;
}

/* Ajax-dashboard CSS */
.meas {
	font : x-small Arial, Helvetica, sans-serif;
	color : #000000;
	text-align : right;
	background-color: #ffff99;
	width: 35%;
	}
.datahead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color:  #FFFFFF;
	background-color: #669933;
	text-align: center;
}
.data1 {
         color: #000000;
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	 font-size: 9pt;
	 border-bottom: 1px solid #CCCCCC;
	 background-color: #ffff99;
	 text-align: left;
}
.data2 {
         color: #000000;
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	 font-size: 9pt;
	 border: none;
	 background-color: #ffff99;
	 text-align: left;
}
.data3 {
         color: #000000;
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	 font-size: 9pt;
	 border: none;
	 background-color: #ffff99;
	 text-align: center;
}