/*<![CDATA[*/

html, body, #wrapper {
    min-height: 100%; /*Sets the min height to the
                        height of the viewport.*/
    width: 100%;
    height: 100%; /*Effectively, this is min height
                    for IE5+/Win, since IE wrongly expands
                    an element to enclose its content.
                    This mis-behavior screws up modern  
                    browsers*/
    margin: 0;
    padding: 0;
    }

html>body #wrapper {
    height: auto; /*this undoes the IE hack, hiding it
                    from IE using the child selector*/
    }

body {
    font: 100%  Arial, Helvetica, sans-serif, Tahoma;
    /*background-color: #fefefe;
    color: #333;*/
    }

p {
	font-family: Arial, Helvetica, sans-serif, Tahoma;
	font-size: 10pt;
	color: #000000;
}


#wrapper {
    position: absolute;
    top: 0;
    left: 0;
    }

#mainContent {
    height: auto;
    padding: .5em;
    padding-bottom: 3em;   /*Keeps content above footer. Originally
                           used margin, but a bug in Opera7 seemed
                           to add spurious margin, pushing the
                           footer beyond the viewport even with
                           short content. */
  
       }

#heading {
	font-family: Arial, Helvetica, sans-serif, Tahoma;
	background-image: url(../images/dn_header.gif);
	height: 138px;
	width: 740px;
background-repeat: 
no-repeat;
background-position: 
 center; 
	float: none;
}

#footer {
	font-family: Arial, Helvetica, sans-serif, Tahoma;
	font-size: 10px;
	color: #333333;
	text-align: center;
	vertical-align: center;
	display: block;
	height:40px;
    position: absolute;
    bottom: 0;
    width: 80%;
    margin-left: 10%;
    }

/*]]>*/