/*

This stylesheet sets out the basic layout of the page. If you are happy with the basic layout of the page, and only wish to make stylistic changes (changing colours, background images, etc.) or adding styling to particular page elements, then it is recommended that you leave this stylesheet as is, and affect any changes in the lookandfeel.css file, which is referenced AFTER this sheet, and will therefore override styles in this sheet.

this stylesheet expect the following divs to be present in the HTML, in the order specified:

body
	div#all

		div#header
		div#content
		div#mainnav
		div#footer
*/

body {
	padding: 0px;
	margin: 0px;
	margin-bottom: 20px;
	background-color: #fff;
}


div#all {
	width: auto;
	/* min width won't work in IE6, but it's not crucial to this layout, merely a nicety... */
	min-width: 500px;
	max-width: 850px;
	width:expression(document.body.clientWidth > 850? "850px": "auto" );
}

div#header {
	left: 180px;
	height: 140px;
	background-color:black;
}

div#nextconcert {
	width: 197px;
	top: 175px;
	float: right;
	margin-left: 5px;
	margin-bottom: 5px;
	margin-top: 30px;
	margin-right: -10px;
	text-align: center;
	border: 1px solid black;
}

/* give padding to div's that directly contain content*/
div#content, div#mainnav, div#additional, div#footer {
	padding: 1em;
}


/* make sure the footer div clears any floated items in the main content div*/
div#footer {
	margin-top: 30px;
	clear:both;
}

/* give additional padding to items inside the footer div*/
div#footer * {
	padding: 1em;
}


/* position mainnav div below the header div and to the left of the page*/
 div#mainnav {
	 position: absolute;
 	top: 140px;
 	left: 0px;
 	width: 180px;
 	padding: 0px;
 	margin: 0px;
}

div#mainnav h2#hidden {
 	color: #DDDDFF;
}

/* for the div's below header that aren't absolutely positioned, give them a left margin as least as wide as the width of the absolutely positioned mainnav column, so that they don't overlap witht the mainnav column */
div#content, div#footer {
	margin-left: 185px;
}

/*  IE 6 only selector to force 'has-layout'  to fix the peekaboo bug   
(only IE 6 will recognise "* html" as a valid selector)
*/

* html div#all {
	height: 1%;
	position: relative;
}