@import url('reset.css');

body {font: 13px Helvetica, Arial, sans-serif; color: #000; background-color: #000; padding: 0; margin: 0}

a {color:#C00; text-decoration:none}
a:hover {color:#000}

h1 {color: #666; font-size: 36px; margin: 0 0 0 18px; padding-top: 5px; float: left; font-weight: normal; line-height: 46px}
h1 a {color: #666; text-decoration: none}
h1 a:hover {color: #666; text-decoration: none}
h2 {color: #000; font-size:38px; margin:10px 0 0 10px; padding:0; text-transform:uppercase; font-weight: normal}
h2 a {color: #000; text-decoration: none}
h2 a:hover {color: #000; text-decoration: none}
h3 {color: #000; font-size:18px; margin:5px 0; padding:0; font-weight:bold}
h3 a {color: #000; text-decoration: none}
h3 a:hover {color: #FFF; text-decoration: none}
h4 {color: #000; font-size:16px; margin:6px 0; padding:0; font-weight:bold}

img {border: 0}

p {font-size:13px; line-height: 18px; margin: 0 0 12px 0}

#outerwrap {width: 972px; margin: 0 auto; overflow: hidden}

#outerheader {}

#container {clear: both; margin-top: 55px; padding: 0; color: #000}

#outerfooter {margin: 12px 0; padding: 12px 18px; background-color: #FFF; color: #000}
#outerfooter img {margin-right: 20px}
#outerfooter span {font: 13px Helvetica, Arial, sans-serif; color: #666; margin: 10px; padding: 0}

#primary-nav {float: right; height: 30px; margin: 0; padding: 10px 0 0 10px; background-color: #808080}
#primary-nav ul {margin: 0; padding: 0}
#primary-nav ul li {background-image: url('images/nav_smallarrow.gif'); background-position: 0 5px; background-repeat: no-repeat; float: left; margin: 0; padding: 0 20px 0 0; list-style: none}
#primary-nav ul li a {color: #000; display: block; font-size: 13px; font-weight: bold; margin: 0; padding: 0 0 0 8px; text-decoration: none}
#primary-nav ul li a.selected {color: #CCC}
#primary-nav ul li a:hover {color: #D8D8D8}

#wrap {width: 972px; clear: both; margin:0; overflow:hidden; background:#fff url('/invent/images/boldlines_bg972.png') repeat-y top}

#wrap1 {width: 972px; clear: both; margin:0; overflow:hidden; background-color:#fff}
#wrap3 {margin: 10px}

#header {margin: 10px 0}

#wrap2 {float:left; overflow:hidden; min-height:10px; width:660px}
.item {float: left; margin: 0 10px 10px 0}

#masthead {margin: 5px 0 15px 0}

#exhibit-nav {float:left; width:196px; padding:0 6px 20px 12px; background-color: #E8E8E8}
#exhibit-nav ul {}
#exhibit-nav ul li {list-style: none}
#exhibit-nav ul li a {color: #FFF; text-decoration: none; display: block; padding: 2px 0 2px 5px; margin: 4px 0}
#exhibit-nav ul ul li {list-style: none; background-position: 0 5px; background-repeat: no-repeat; padding-left: 12px}
#exhibit-nav ul ul li a {color: #333}
#exhibit-nav ul li.map a {color: #333}
#exhibit-nav ul li.map a:hover {color: #000}
#exhibit-nav ul li a.greyline {background-color: #999;}
#exhibit-nav ul li a.blueline {background-color: #00C;}
#exhibit-nav ul li a.redline {background-color: #C00;}
#exhibit-nav ul li a.blackline {background-color: #000;}
#exhibit-nav ul li a.greenline {background-color: #390;}
#exhibit-nav ul ul li.greycircle {background-image: url('/invent/images/circlegrey.png')}
#exhibit-nav ul ul li.bluecircle {background-image: url('/invent/images/circleblue.png')}
#exhibit-nav ul ul li.redcircle {background-image: url('/invent/images/circlered.png')}
#exhibit-nav ul ul li.blackcircle {background-image: url('/invent/images/circleblack.png')}
#exhibit-nav ul ul li.greencircle {background-image: url('/invent/images/circlegreen.png')}
#exhibit-nav ul ul li.greycircle a:hover {color: #999}
#exhibit-nav ul ul li.bluecircle a:hover {color: #00C}
#exhibit-nav ul ul li.redcircle a:hover {color: #C00}
#exhibit-nav ul ul li.blackcircle a:hover {color: #000}
#exhibit-nav ul ul li.greencircle a:hover {color: #390}

#content {float:left; overflow:hidden; min-height:10px; width:424px; padding:0 10px 20px 12px}

#doublepane {width: 660px; background:#FFF url('/invent/images/double_bg.png') repeat-y top; border-top: 4px solid #000; border-bottom: 4px solid #000}
#doublepane .largetext {color: #000; font-size:16px; margin:3px 0; padding:0 0 12px 0; font-weight:normal}
#leftpanel {overflow:hidden; padding: 6px 6px 6px 12px; float: left; width: 310px; }
#rightpanel {overflow:hidden; padding: 6px 6px 6px 12px; width: 310px}
.clickimage {float: left; padding-right: 12px}

#survey2 {}

#related {float:left; overflow:hidden; min-height:10px; width:294px; padding:12px 3px 20px 12px}
#related h3 {color:#000; margin: 0 0 12px 12px}
#related h3 a {color:#000}
#related img {border-top: 12px solid #000; border-right: 12px solid #000; border-bottom: 12px solid #000; margin-bottom: 12px}
#related img.noborder {border: 0; margin-bottom: 12px}
#related p {margin: 0 0 12px 12px; color:#FFF}
#related a {color:#000; text-decoration:none}
#related a:hover {color:#FFF}

#introduction {width:630px; padding:0 18px 10px 12px}

#footer {clear:both; margin-top:0; padding:12px; background-color:#333; color:#FFF; border-top:6px solid #000}
#footer h4 {color:#390}
#footer a {color:#FFF}
#footer a:visited {color:#FFF}

/* == Keywords == */
#wr_keywords {margin: 0 6px; visibility: hidden}
#wr_keywords .wr_keyword {display:inline}
#wr_keywords .wr_keyword p {display:inline; margin: 6px; font-size:12px; color: #FFF}

/* == Images == */
.imagemap img {border-top:3px solid #000}

/* =Exhibit Navigation= */	
.exhibit-section-nav {overflow:hidden}
	.exhibit-section-nav li {list-style-type:square; font-size:11px; margin-bottom: 12px}
	.exhibit-section-nav li a {text-decoration:none; color:#000}
	.exhibit-section-nav li a:hover {color:#C00}
	.exhibit-section-nav li a.current {color:#C00}

/* =Page Navigation= */
#pagenav {clear: both; margin:10px; text-align: right}
#pagenav a {font-size: 11px; font-weight: bold; text-decoration: none}
#pagenav a:hover {color:#C00}

.exhibit-page-nav {display:inline; list-style:none; padding: 0 20px}
.exhibit-page-nav li {display:inline; margin:0 10px; text-align: left}
.exhibit-page-nav li a {text-decoration:none; color:#000}
.exhibit-page-nav li a:hover {color:#C00}
.exhibit-page-nav li.current a {color:#C00; font-weight:bold}

/* == Colours == */
.grey {color: #999}
.red {color: #C00}
.lefttext {text-align: left; padding: 10px}
.righttext {text-align: right; margin:10px}
.leftimage {float: left; margin-right: 12px}
.clear {clear: both}

/* =Page Navigation= */
table tr {vertical-align:top}
table tr td.property {width:100px; font-weight:bold; text-align:right; padding-right:12px}
table tr td.value {width:300px}