/* underlying framework classes, IDs for the entire site */

#introWrapper {
	margin: auto;
	width: 980px;
	height: 450px;
	/*border: 1px solid red;*/
}

#wrapper {
	margin: auto;
	width: 980px;
	background: url(../art/interface-art/page-background.jpg) repeat-y;
	/*border: 1px solid red;*/
}

#introHeader {
	height: 450px;
	text-align: center;
}

#header {
	height: 150px;
	text-align: right;
	background: url(../art/interface-art/pb-header.jpg) 10px 0px no-repeat;
}

#separator {
	background: url(../art/interface-art/page-separator.gif) 10px 0px no-repeat;
	height: 39px;
}

#maincontent {
	width: 980px;
}

#leftnav {
	width: 245px;
	height: 600px;
	float: left;
	background: url(../art/interface-art/left-nav-bgnd.jpg) 10px 0px no-repeat;
}

#mainbody {
	width: 735px;
	float: right;
}

#footer {
	height: 68px;
	clear: both;
	background: url(../art/interface-art/footer-background.gif) 10px 20px no-repeat;
	text-align: center;
}