/* Remove margins from the 'html' and 'body' tags, and ensure the page takes up full screen height */
html, body {height:100%; margin:0px; padding:0px;}
/* Set the position and dimensions of the background image. */
#page-background {position:fixed; top:0px; left:0px; width:100%; height:100%;}
/* Specify the position and layering for the content that needs to appear in front of the background image. Must have a higher z-index value than the background image. Also add some padding to compensate for removing the margin from the 'html' and 'body' tags. */
#content {position:relative; z-index:1;padding:10px;}

/*<!-- The above code doesn't work in Internet Explorer 6. To address this, we use a conditional comment to specify an alternative style sheet for IE 6 -->*/
<!--[if IE 6]>
html {overflow-y:hidden;}
body {overflow-y:auto;}
#page-background {position:absolute; z-index:-1;}
#content {position:static;padding:10px;}
<![endif]-->

#wrap {
	font-size: 1.3em;
	width: 500px;
	padding: 20px;
	margin: 0 auto; 
	background-color: #adcdee;
	position: relative; }

/* These styles create the dropdown menus. */
#navbar {
	position:relative; top:5px; left:0; width:100%; height:100%;
	font-size: 1.3em;
	margin: 0;
	padding: 0;
	height: 1em; }
#navbar li {
	list-style: none;
	float: left; }
#navbar li a {
	display: block;
	padding: 3px 8px;
	background-color: #5e8ce9;
	color: #fff;
	text-decoration: none; }
#navbar li ul {
	display: none; 
	width: 10em; /* Width to help Opera out */
	background-color: #69f;}
#navbar li:hover ul, #navbar li.hover ul {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0; }
#navbar li:hover li, #navbar li.hover li {
	float: none; }
#navbar li:hover li a, #navbar li.hover li a {
	background-color: #69f;
	border-bottom: 1px solid #fff;
	color: #000; }
#navbar li li a:hover {
	background-color: #8db3ff; }

.bgy {
	background-color:yellow;
	}

/* ========== dscdisplay is used for the display table on the Home page ========= */
table.dscdisplay {
	position:static;
	background-color: transparent;
	width:100%; }