/*CSS FOR MAIN LAYOUT */

/*html and body set to 480% as workaround div height issues
-wrapper is 100% of this
- contentwrapper positioned lower so is only 89%*/

html { 
	height:480%; /*for wrapper to inherit*/
	min-height:480%; /*IE7+*/
}

body {
	text-align:center; /*text align workaround to centre wrapper content in IE 5, 6, 7*/
	background-color:#FFFFFF;
	margin:0;
	padding:0; /*addition to margin for Opera*/
	min-height:480%; /*IE7+*/
	height:480%; /*IE6*/
}
/*need height for wrapper to inherit*/

#wrapper {
	position:relative;
	top:0px;
	width:1004px;
	min-height:100%; /*IE7+*/
	height:100%; /*IE6*/
	margin:0 auto; /*auto to split difference right and left*/
	padding:0; /*addition to margin for Opera*/
	text-align:centre; /*IE5 won't accept margin auto*/
	border-left:dashed 1px #336699;
	border-right:dashed 1px #336699;
	background-color:#FFFFFF;
}
/*won't centre in window in IE 6, 7 - solution = text-align body to centre */

* html #wrapper { /*IE 6*/
	border-left:solid 1px #336699;
	border-right:solid 1px #336699;
}

/*works with inline JS to show "images loading" message*/
#preloading {
	position:absolute;
	top:415px;
	left:100px;
	margin-top:5px;
	margin-left:0px;
	height:89%; /*IE6*/
	width:775px;
	color:#336699;
}

/********************************************************************************************************************/

#logo {
	float:left;
	display:inline; /*IE6 float double margin bugfix*/
	width: 200px;
	margin:0;
	padding:20px 20px 0 20px;
	text-align:left;
}

#masthead {
	float:left;
	display:inline; /*IE6 float double margin bugfix*/
	width:600px;
	margin:-100px 0px 0 220px;
	z-index:2;
}

#mastheadshadow {
	float:left;
	display:inline; /*IE6 float double margin bugfix*/
	width:600px;
	margin:-102px 0px 0 218px;
	z-index:1;
}

#strapline {
	float:right;
	margin:-140px 20px 0;
	width:140px;
	text-align:right;
}

/********************************************************************************************************************/

#topnavwrapper { /*need this for width for IE7*/
	clear:both;
	float:left;
	width:1004px; /*IE7*/
}

ul.topnavlist {
	margin:10px 0 0 0;
}

ul.topnavlist li {
	display:inline; /*IE6 float double margin bugfix*/
}

ul.topnavlist li img {
	padding: 0 3px;
	border:none;
}

/********************************************************************************************************************/

#datearea {
	clear:both;
	float:left;
	display:inline; /*IE6 float double margin bugfix*/
	margin-top:5px;
	margin-left:20px;
	padding-bottom:2px; /*allow space for text size underlines*/
	text-align:left;
	width:170px;
}

#headingarea {
	float:left;
	display:inline; /*IE6 float double margin bugfix*/
	margin-top:5px;
	margin-left:10px;
	text-align:left; /*need for IE7*/
	width:770px;
}
#topicheading {
	text-align:left;
	width:700px;
}

#crumbtrail {
	/*float:left;
	display:inline; /*IE6 float double margin bugfix*/
	margin:0 0 0 205px;
	text-align:left; /*need for IE7*/
	width:500px;
}

/********************************************************************************************************************/

#leftcolumn {
	clear:left;
	float:left;
	display:inline; /*IE6 float double margin bugfix*/
	margin-top:5px;
	margin-left:10px;
	padding:0;
	text-align:left;
	width:190px;
}

#leftnav {
	text-align:left;
	width:190px;
	margin:0;
	padding:0;
}

ul.tabSet {
	list-style-type:none;
	padding:0;
	margin-left:0;
}

ul.tabSet li {
	display:inline;
}

* html ul.tabSet a { /*IE6 fix*/
	height:1px;
}

#logos {
	text-align:center;
	width:140px;
	margin:0;
	padding:10px;
}

#copyright {
	text-align:left;
	clear:both;
	margin:0;
	padding:10px;
	width:160px;
}

/********************************************************************************************************************/
/*HOME PAGE*/

.float_r {
	float:right;
	margin:0 0 0 10px;
}

.float_l {
	float:left;
	margin:0 10px 0 0;
}

.quote_r {
	float:right;
	margin:0 0 0 10px;
	padding:20px;
	width:200px;
	background-color:#CCCC99;
}

.quote_top {
	width:160px;
	background:url(../graphics/homequote_left.gif) no-repeat;
}

.quote_bottom {
	width:200px;
	background:url(../graphics/homequote_right.gif) right no-repeat;
}

/********************************************************************************************************************/

.contentwrapper {
	position:absolute;
	top:315px;
	left:200px;
	margin-top:5px;
	margin-left:0px;
	border-width:5px;
	border-style:solid solid none solid;
	min-height:89%; /*IE7+*/
	height:89%; /*IE6*/
	width:775px;
}

.nojscontentwrapper {
	position:absolute;
	top:315px;
	left:200px;
	margin-top:5px;
	margin-left:0px;
	border-width:5px;
	border-style:none;
	min-height:89%; /*IE7+*/
	height:89%; /*IE6*/
	width:700px;
}

.contentleft {
	float:left;
	margin:0;
	width:200px;
}

.colourblock {
	float:left;
	margin:-5px 0 0 -5px;
	padding:20px;
	width:170px;
	text-align:left;
}

.artefacts {
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#336699;
}

#artefacts {
	background-color:#FFFF99;
	padding:5px;
	margin:10px 0 0 10px;
	border:#CCCCCC 1px dashed;
}

.sideheading {
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#336699;
}

.sideimg {
	width:185px;
	padding:0;
	margin:10px 0 2px 10px;
}

.findmore {
	clear:both;
	float:left;
	width:175px;
	padding:5px;
	margin:10px 0 0 10px;
	background-color:#CCCCCC;
}

* html .findmore { /*IE 6 bugfix*/
	display:inline;
}

.content {
	float:left;
	margin-top:10px;
	margin-left:10px;
	width:560px;
}

* html .content { /*IE 6 bugfix*/
	display:inline;
}

/********************************************************************************************************************/

/* white rows*/

.linewrapper_w {
	float:left;
	width:560px;
	padding:0px;
	margin:0px;
}

.left_w {
	float:left;
	width:260px;
	padding:10px;
	text-align:left;
}

* html .left_w { /*IE 6 bugfix*/
	padding:10px 10px 10px 5px;
}

.right_w {
	float:right;
	width:260px;
	padding:10px;
	text-align:left;
}

* html .right_w { /*IE 6 bugfix*/
	padding:10px 10px 10px 5px;
}

.full_w {
	float:left;
	width:540px;
	padding:10px;
	text-align:left;
}

* html .full_w { /*IE 6 bugfix*/
	padding:10px 10px 10px 5px;
}

/* SHADED ROWS*/

.linewrapper_s {
	float:left;
	width:560px;
	padding:0px;
	margin:0px;
	background-color:#F9F9F9;
}

.left_s {
	float:left;
	width:260px;
	padding:10px;
	text-align:left;
	background-color:#F9F9F9;
}

* html .left_s { /*IE 6 bugfix*/
	padding:10px 10px 10px 5px;
}

.right_s {
	float:right;
	width:260px;
	padding:10px;
	text-align:left;
	background-color:#F9F9F9;
}

* html .right_s { /*IE 6 bugfix*/
	padding:10px 10px 10px 5px;
}

.full_s {
	float:left;
	width:540px;
	padding:10px;
	text-align:left;
	background-color:#F9F9F9;
}

* html .full_s { /*IE 6 bugfix*/
	padding:10px 10px 10px 5px;
}

/* Find Out More - shaded rows*/
.full_c {
	float:left;
	width:480px;
	padding:10px;
	margin:5px 10px 10px 10px;
	text-align:left;
	background-color:#F9F9F9;
	border:1px dashed #336699;
}

.content img {
	margin-bottom:8px;
	border:1px solid #CCCCCC;
}

img.noborder { /*to prevent above*/
	margin-bottom:8px;
	border-style:none;
}

/********************************************************************************************************************/

/* Code for thumbnail gallery on Find Out More > Artefacts */

* html .hide_ie6 { /*hide the hyperlinks that won't work in IE6*/
	visibility:hidden;
	height:1px;
	margin:-20px 0 0 0;
	padding:0;
}

.full_g {
	float:left;
	width:540px;
	padding:10px;
	text-align:left;
}
* html .full_g { /*IE 6 bugfix*/
	padding:10px 0 10px 0;
}

.gallerylist {
	list-style-type:none;
	padding:0;
	margin:0;
	width:560px;
}

.gallerylist li {
	float:left;
	margin:10px 5px 5px 5px;
	display:inline; /*IE6 float double margin bugfix*/
}

.gallerybox {
	min-height:150px;
	margin:0px;
	padding:0px;
	background-color:#FFFFFF;
	border:#CCCCCC dashed 1px;
}

*html .gallerybox { /*IE 6 bug fixes*/
	height:150px;
	width:125px;
	border:#CCCCCC solid 1px;
}

.gallerylist li img {
	border-style:none;
}

.pic_enlarge {
	margin:-10px 0 0 0;
}

* html .pic_enlarge { /*IE 6 bug fix*/
	margin:0;
}

.pic_enlarge img {
	border-style:none;
}