/*	Markup Layout Structure
---------------------------------------------------
	page
		header
			logo 
			search
		mainNavigation
		content
		footer
---------------------------------------------------
	Notes:
		*	IE-Specific Isolation Hacks:

			IE6 only: (underscore before property)
			selector { _property: value; }

			IE6 and IE7: (# before property)
			selector { #property: value; }

			** These isolation hacks will cause the
			css to fail validation, but prevent
			having to serve separate stylesheets for
			each browser.
---------------------------------------------------	*/
/*	PAGE CONTAINER
---------------------------------------------------	*/
#page	{
	width: 964px;
	height: auto !important;
	margin: 10px 0 0 10px;
	color: inherit;
	overflow: hidden;
	border: 1px solid #e8e0d8;
}

#container {
	position: relative;
	width: 964px;
	height: auto;
	margin: 0px 0 0;
	padding: 0;
	background-color: #fff;
}

/*	HEADER
---------------------------------------------------	*/
#header	{
	position: relative;
	width: 964px;
	height: 128px;
	margin: 1px auto 0px;
	padding: 0;
	background: url('../images/header2_bg.jpg') no-repeat;
}
	a#logo	{
		float: left;
		width: 198px;
		height: 36px;
		padding: 50px 0 0 20px;
		text-decoration: none;
	}
		a#logo img	{
			width: 198px;
			height: 36px;
		}

/*	CONTENT
---------------------------------------------------	*/
#content	{
	position: relative;
	width: 964px;
	height: auto !important;
	margin: 0px;
	clear: both;
}


#webapp {
	margin: 0; 
	padding: 0;
	width: 610px;
	height: 760px;
	overflow: hidden;
}

/*	FOOTER
---------------------------------------------------	*/
#footer	{
	clear:both;
	height: auto !important;
	height: 1%;
	padding: 20px 0;
	overflow: hidden;
}