/*******************************
 *
 *		  Layout.css
 *		Author: Paul Lewis
 *		 The Roundhouse
 *
 *	This CSS controls the location
 *	of the divs on the page, along
 *	with any padding and margins
 */

/*	The Gap at the top of the page */
#padder
{
	height: 20px;
	margin: 0 auto;
	width: 760px;
}

/*	A div that wraps round all the content
 *	to ensure that it is fixed width
 */
#wrapper
{
	margin: 0 auto;
	width: 760px;
	height: 200px;
	text-align: left;
}

/* HEADER */
#header 
{
/*border-bottom:11px solid #CCCCCC;
*/}
#curvedhead
{
	width: 760px;
	height: 46px;
}

#curvedheadtextsize
{
	float: left;
	padding: 14px 12px 12px 32px;
}

#curvedheadtextsize a
{
	margin-right:6px;
}

#curvedheadsitemap
{
	float: right;
	padding: 18px 32px 12px 12px;
}

#curvedheadsearch
{
	float: right;
	padding: 15px 6px 12px 32px;
}

#curvedheadsearch form
{
	display:inline;
}

#curvedheadsearch input
{
	display:inline;
	margin-right: 5px;
}

/* NAVIGATION */

#nav
{
	width: 760px;
	height: 108px;
}

#nav ul
{
	left: 0;
	padding-top: 70px;
	padding-left: 32px;
}

#nav li
{
	float: left;
}

#filler
{
	width: 760px;
	height: 11px;
}

/* CONTENT AREA, ONE COLUMN AND TWO */

#contentsingle, #contentdouble
{
	float: left;
	width: 760px;
}

#contentsingle h1, #contentdouble h1
{
	margin-bottom: 4px;
}

#contentsingle p, #contentdouble p, #contentdouble ul, #contentsingle ul
{
	margin-top: 20px;
}

#contentdouble ul, #contentsingle ul
{
	margin-left: 40px;
}

/* TWO COLUMNS: LEFT COLUMN */

#twocolumnleft
{
	width: 534px;
	float: left;
}

/* TWO COLUMNS: RIGHT COLUMN */
#twocolumnright
{
	line-height: 130%;
	padding-top: 20px;
	width: 185px;
	padding-left: 25px;
	float: left;
}

#twocolumnright ul
{
	line-height: 180%;
	width: 160px;
	margin: 0;
}

#news
{
	width: 175px;
}

/* TWO COLUMNS: LEFT COLUMN PANELS*/

#whitepanel, #greypanel
{
	padding: 20px;
	padding-left: 30px;
	margin-right: 1px;
}

#greypanel
{
	margin: 0 1px 0 1px;
}

#greypanel p
{
	margin-top: 0;
	margin-bottom: 10px;
}

/* FOOTER */
#footer
{
	padding-bottom: 10px;
}

#curvedfootsingle, #curvedfootdouble
{
	float: left;
	width: 760px;
	height: 23px;
}

#copyright, #design
{
	float: left;
	margin: 20px 10px 10px 15px;
}

#legal, #sponsors
{
	margin: 20px 15px 10px 10px;
	float: right;
}

/* Other useful classes
 * such as inserts floating to the
 * right hand side of the copy
 */

.insert
{
	margin: 0 0 80px 20px;
	float:right;
}

.insertbordered
{
	margin: 0 0 20px 20px;
	float:right;
}

.insert p, .insertbordered p
{
	margin-right: 10px;
}

.insertbordered
{
	width: 200px;
	padding: 10px;
}

/* Code to control the look and feel of
 * the news items in the right hand
 * column
 */

.newsdate
{
	margin: 20px 0 0 0;
}

.newsheadline
{
	margin: 6px 0 6px 0;
}

.newscopy
{
	margin: 0 0 6px 0;
}

/* links have right-pointing arrows,
 * controlled by this code.
 */
.rightarrow, .rightarrowwhite, .selectedsection
{
	background-position: 0 2px;
	padding-left: 12px;
}