html {overflow-y:scroll;}
html {overflow-x: auto; }
body {background: #8C8C8F;}
html, body {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  }

/* //// DIVS FOR PAGE STRUCTURE //// */


#container {
  margin-left: auto;
  margin-right: auto;
  margin-top:0;
  width:802px;
  height:auto;
  padding:0;
  }
#footer {
  float:left;
  position:relative;
  width:400px;
  height:auto;
  padding:0;
  margin:0;
  border:0;
  font-size: 10pt;
  color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
  }
#header {
  float:left;
  position:relative;
  width:400px;
  height:30px;
  padding: 30px 0 0 0;
  margin:0;
  border:0;
  }
#header-right {
  float:left;
  position:relative;
  width:382px;
  height:30px;
  margin: 30px 0 0 0;
  padding:0;
  border-left:1px solid #D6D6D6;
  }
#header-right-nobrdr {
  float:left;
  position:relative;
  width:383px;
  height:30px;
  padding: 30px 0 0 0;
  margin:0;
  border:0;
  }
#navcontainer {
  float:left;
  position:relative;
  width:217px;
  height:auto;
  padding: 0 0 0 183px;
  margin:0;
  border: 0;
  }
#nav0, #nav1, #nav2, #nav-proj {
  float:left;
  position:relative;
  width:217px;
  height:auto;
  margin:0;
  padding:0;
  text-align:left;
  }
#nav0 ul, #nav1 ul, #nav2 ul, #nav-proj ul {
  list-style-type:none;
  padding:0;
  margin:0;
  }
#nav0 li, #nav1 li, #nav2 li, #nav-proj li {
  height: 20px;
  }

#preview {
	position:absolute;
	border:1px solid #ccc;
	background:#999;
	padding:0px;
	display:none;
	color:#fff;
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
	}

/* //// TEXT FOR NAV AND ENLARGE-NAV //// */

#navcontainer, #navcontainer A {
  font-size: 10pt;
  color: #CCCCCC;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
  }
#navcontainer A:hover, #navcontainer .hlite {
  color: #FFFFFF;
  }
#navcontainer .sm, #navcontainer A .sm {
  font-size: 8pt;
  }

/* //// DIVS FOR PAGE CONTENT //// */

#content-container {
  float:left;
  position:relative;
  width:401px;
  min-height:490px;
  height:auto;
  padding: 0;
  margin:0;
  border-left: 1px solid #D6D6D6;
  }
/* for Internet Explorer */
/*\*/
* html #content-container {
  height: 490px;
  }
/**/

#content-container-fr {
  float:left;
  position:relative;
  width:401px;
  min-height:490px;
  height:auto;
  padding: 0;
  margin:0;
  border-left: 1px solid #8C8C8F;
  }
/* for Internet Explorer */
/*\*/
* html #content-container-fr {
  height: 490px;
  }
/**/

#content-gen {
  float:left;
  position:relative;
  width:395px;
  height:auto;
  padding: 0 0 0 6px;
  margin:0;
  text-align:left;
  }
#content-img {
  float:left;
  position:relative;
  width:auto;
  height:auto;
  padding: 0;
  margin:0;
  text-align:right;
  }
#content-cap, #content-lab {
  float:left;
  position:relative;
  height:auto;
  padding: 0;
  margin:4px 0px 0px 2px;
  text-align:right;
  }

/* //// TEXT AND IMG FOR PAGE CONTENT //// */

#content-gen {
  font-size: 10pt;
  color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
  }
#content-lab {
  font-size: 8pt;
  color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
  }
#content-gen .bold {
  font-weight: bold;
  }
#content-gen A, #content-lab A {
  color: #FFFFFF;
  text-decoration: underline;
  }
#content-gen A:hover, #content-lab A:hover {
  color: #CCCCCC;
  text-decoration: underline;
  }
#content-img, #content-cap {
  font-size: 10pt;
  color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
  }
#content-img A, #content-cap A {
  color: #CCCCCC;
  text-decoration: none;
  }
#content-img A:hover, #content-cap A:hover {
  color: #FFFFFF;
  text-decoration: none;
  }
#content-img .n-brdr {
  border:2px solid #8C8C8F;
  }
#content-img .y-brdr {
  border:2px solid #FFFFFF;
  }