/* Structure CSS Document */

html, body {
	background:url(../images/clear1x1.gif) #000000 left top repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	height:100%;
	margin:0;
	padding:0;
}

.clear {
	clear:both;
}

/* Set Page Backgrounds and Sizes */

#Shell {
	background:url(../images/page-bg.gif) left top repeat-y; 
	height:auto !important; 
	height:100%; 
	min-height:100%;
	margin-left:auto; 
	margin-right:auto; 
	width:960px; 
	position:relative;
}

#Page {
	width:960px; 
	margin:0 auto;
}


/* Global Page Elements */

#IndexHeader {
	height:91px;
	background:url(../images/index-header.jpg) right top no-repeat;
}

#Header {
	height:91px;
	background:url(../images/header.jpg) right top no-repeat;
}

#UtilityNav {
	float: right;
	padding: 5px 66px 0 0;
}

#MainNav {
	height:38px;
	background:url(../images/main-nav-bg.jpg) left top no-repeat;
}

#Content {
	background:url(../images/content-bg.gif) right top repeat-y;
}

#ContentShell {
	background:url(../images/content-top.gif) right top no-repeat;
	padding: 20px 0 0 0;
}

#ContentLeft {
	width:200px;
	margin: 0 0 0 50px;
	float:left;
}

#ContentRight {
	width:580px;
	margin: 0 0 0 25px;
	padding: 0 0 20px 0;
	float:left;
}

#ContentRightGallery {
	width:610px;
	margin: 0 0 0 25px;
	padding: 0 0 20px 0;
	float:left;
}

#ClearContent {
	clear: left;
	margin: 0 0 5px 0;
}

#Footer {
	width:	960px;
	height: 132px;
	padding: 20px 0 0 0;
	background: url(../images/footer-bg.gif) top left no-repeat;
}

#Credits {
	width:	944px;
	margin: 0 auto;
	padding: 10px 0 10px 16px;
	text-align: left;
}


/* Index Specific Structure */

#IndexMainBanner {
	padding:20px 0 0 40px;
	height:263px;
	background:url(../images/index-main-image.jpg) left top no-repeat;
}

#IndexBottomContent {
	padding: 0 0 0 331px;
	height:216px;
	background:url(../images/index-bottom-content.gif) left top no-repeat;
}