body {
	margin:0;
	text-align:center;
}
body {
	font-family:"lucida grande",arial,helvetica,sans-serif;
	font-size:12px;
	color:#666;
}
h2 {
	font-size:18px;
	color:#933;
	margin-bottom:10px;
}
a {
	color:#933;
	text-decoration:none;
}
a:hover {
	color:#f00;
}
li {
	list-style:square;
}


/* CONTAINERS */

#bg {	/* this is a hack because FF and opera don't get the background-position:50% 50% spec. the answer was found at http://www.killersites.com/mvnforum/mvnforum/viewthread?thread=7252 */
	position:absolute; 
	top: 50%; 
	left: 50%;
	margin:-285px 0 0 -395px;
	width:790px;
	height:570px;
	background: url(images/back0.jpg) #eee;
}
.deadcentre {
	position:absolute;
	top:50%;
	left:50%;
	width:0;
	height:0;
	margin:0;
	overflow:visible;
}
.container1 {
	position:relative;
	display:block;
	width:750px;
	height:530px;
	margin-left:-375px;
	margin-top:-265px;
}
.container2 {
	position:relative;
	width:715px;
	height:480px;
	padding:20px;
	background-image:url(images/back2.jpg);
	background-position:20px 20px;
	background-repeat:no-repeat;
	overflow:hidden;
	text-align:left;
}

/* SMALL SCREEN ALT */
.deadcentre_alt {
	position:relative;
	top:0;
	left:0;
	width:auto;
	height:auto;
}
.deadcentre_alt .container1 {
	position:relative;
	display:block;
	width:750px;
	height:530px;
	margin:0 auto;
}

/* HEADER */

.header {
	position:absolute;
	left:20px;
	top:20px;
	width:180px;
}
.header h1 {
	display:block;
	width:180px;
	height:120px;
	margin:0;
	background-image:url(images/logo1.gif);
}
.header h1 a {
	display:block;
	width:180px;
	height:120px;
}
.header h1 span,
.header h4 {
	display:none;
}
.nav1 {
	position:absolute;
	top:120px;
	left:0;
	z-index:101;
	width:180px;
}
.nav1 ul {
	list-style:none;
	margin:0;
	padding:0;
}
.nav1 li {
	display:inline;
	margin:0;
	padding:0;
}
html>body .nav1 li {
	display:block;
}
.nav1 li a {
	display:block;
	width:157px;
	margin:0;
	padding:2px 5px 3px 18px;
	color:#666;
	background-image:url(images/dot_grey.gif);
	background-position:6px 7px;
	background-repeat:no-repeat;
	text-decoration:none;
}
.nav1 li a:hover {
	background-image:url(images/dot_black.gif);
	color:#000;
}
.nav1 li a.on,
#page_home #nav1a a {
	background-image:url(images/dot_red.gif);
	color:#900;
}
.nav1 li li a {
	padding:2px 5px 3px 28px;
	color:#999;
	background-image:url(images/arrow_grey.gif);
	background-position:16px 7px;
}
.nav1 li li a:hover {
	background-image:url(images/arrow_black.gif);
}
.nav1 li li a.on {
	background-image:url(images/arrow_red.gif);
}
.myScroll1Container {
	position:absolute;
	width:180px;
	z-index:100;
}
#myScroll1Content {
	width:180px;
	height:600px;
	background:url(images/nav1_mask.gif);
}
#home_movie {
	position:absolute;
	display:block;
	left:220px;
	top:1px;
	z-index:102;
	width:320px;
	height:530px;
	margin:0;
	padding:0;
	background-image:url(images/home_movie.gif);
}
html>body #home_movie {
	top:0;
}

.content_outer {
	margin-left:220px;
}
* html .content_outer {
	display:inline-block;
	padding-left:-2px;
}
.title1 {
	margin-top:0;
}
.sidebar_outer {
	float:left;
	width:160px;
	padding-left:200px;
}
.col1 {
	float:left;
	width:235px;
	margin:0;
	overflow:hidden;
}
.col2 {
	width:230px;
	margin-left:245px;
}

/* FOOTER */

.footer_outer {
	position:absolute;
	left:20px;
	top:470px;
	z-index:100;
	width:180px;
	height:40px;
}
.footer_outer hr {
	display:none;
}
.footer_inner {
	padding:10px;
	color:#bbb;
	font-size:10px;
	text-align:right;
}
.footer_inner a {
	color:#bbb;
}
.footer_inner a:hover {
	color:#666;
}


/* MISC */


.tag_back {
	display:block;
	float:right;
	width:30px;
	height:18px;
	padding-left:8px;
	color:#fff;
	background-image:url(images/arrow2_red.gif);
	background-position:0 5px;
	background-repeat:no-repeat;
	text-align:left;
}


.tag_next {
	display:block;
	float:right;
	width:30px;
	height:18px;
	padding-right:7px;
	color:#fff;
	background-image:url(images/arrow_red.gif);
	background-position:100% 5px;
	background-repeat:no-repeat;
	text-align:right;
}


/* TWEAKS */

#page_home .container2 {
	background-image:url(images/back1.jpg);
}
#page_home .content_outer {
	margin-left:540px;
}

#page_content_right .container2 {
	background-image:url(images/back4.jpg);
}
#page_content_right .content_outer {
	margin-left:395px;
	width:300px;
}

#page_content_left .container2 {
	background-image:url(images/back3.jpg);
}
#page_content_left .content_outer {
	width:320px;
	margin:0;
	padding-left:220px;
	float:left;
}
#page_content_left .content_inner {
	padding-right:5px;
	height:500px;
	overflow:auto;
}
#page_content_left .sidebar_outer {
	float:none;
	margin-left:540px;
	padding:0 0 0 5px;
}
html>body#page_content_left .sidebar_outer {
	margin-left:550px;
	padding:0;
}
#page_wide .sidebar_outer {
	float:none;
	margin-left:530px;
}
#page_wide .text {
	width:470px;
}