/* CSS Document */

* {
    margin:0;
    padding:0
}
p {
    margin:0 0 1em
}
#outer {
    width:100%;
    margin:auto;
    padding:0 0 75px;
}

.header {
	width:100%;
	height:150px;
	position:relative;
	background-image: url(../images/headerpt.gif);
	background-repeat: repeat- x;
	padding-bottom:0 0 0 0;
	clear:both;
}

.banner {
	width:100%;
	height:300px;
	position:relative;
	background: url('../images/banner1.jpg') no-repeat top center;
	background-color: #c9cecb;
	padding-bottom:0 0 0 0;
	clear:both;
}

.content {
	width:100%;
	position:relative;
	padding-bottom:0 0 0 0;
	clear:both;
}

#footer {
    margin:auto;
    position:fixed;
    margin:auto;
    left:0;
    bottom:0;
    height:30px;
    background-image: url(../images/footerpt.gif);
	background-repeat: repeat- x;
    width:100%;
}
* html #footer {
top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop +(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
    position:absolute;
}