/*
LAYOUT: One-Column (Right) Centered
DESCRIPTION: Two-column 850px centered layout with one sidebar right of content
*/

body {
    min-width:820px;
	background:url(images/banner.jpg) no-repeat;
	background-position: center top;
	margin:0;
	padding:0;
	text-align: center;
		/* Height is 100%, so the tiled BG will tile all the way down
		the page, not just as far down as the page's content
		(when the content's height < window's height) */
	height:100%;
	}
		/*
		Hackety-hack-hack...
		FF2, with the above code, will only display the repeat-y image for as
		high as the window's viewport is; higher content (upon
		scrolling) will not have the bg.
		This "hack" makes the tiled background work properly in FF2.
		This type of "advanced selector" is not understood by IE6...dunno
		'bout IE7.
		*/
	html>body {
	min-height:100%;
	height:auto;
}
html {
	background: url(images/background.jpg);
	background-position: center top;
	background-repeat: repeat-y;
		/* Height is 100%, so the body can be 100% */
	height:100%;
}
#header {
    position:relative;
    width:832px;
    margin:0 auto;
}
#branding {
    width:800px;
    margin:0 auto;
}
#access {
    position:relative;
    overflow:hidden;
}
.menu {
    width:800px;
    margin:0 auto;
}
#main {
    width:820px;
    margin:0 auto;
	padding: 0;
	text-align: left;
    overflow:hidden;
    position:relative;
}
#container {
    width:580px;
    float:left;
}
#content {
    margin:0 0 0 10px;
    width:540px;
    overflow:hidden;
}
.main-aside {
    width:200px;
    float:right;
    position:relative;
    right:10px;
}
#secondary {
    clear:right;
}
#footer {    
    clear:both;
    width:800px;
    margin:0 auto;
}
#subsidiary {
    width:800px;
    margin:0 auto;
    overflow:hidden;
}
#subsidiary .aside {
    width:200px;
    float:left;
    margin:0 20px 0 0;
}
#subsidiary #third {
    margin:0;
}
#siteinfo {
    clear:both;
    width:800px;
    margin:0 auto;
}