* {
    border: 0;
	margin:0;
    padding:0;
}
#ultwo {
	padding-left: 20px;
}
body {
  padding:10px;
  background: url('https://www.imperial.ac.uk/humanities/webdesign/2012/nickyguttridge/images/bubblechamber.jpg'); /*does not work when I try to insert from folder! Will try to fix this before submission*/
  background-repeat:no-repeat;
  background-attachment:fixed;
  background-position: 35% 65%; 
  background-color: #808080;
  font-family:"lucida grande", arial, sans-serif;
  font-size:0.8em;
}
p {
  line-height:1.5;
  padding:0px 10px 5px 10px;
}
#wrapper {
	width: 700px;
	background-color: #fff;
	border: 4px solid #666;
	margin: 40px auto;
	height: auto;
}
h1 {
  font-size:20px;
  font-weight:bold;
  color:#C20027;
  line-height:1.5;
}
h2 {
  font-size:14px;
  font-weight:bold;
  color:#C20027;
  line-height:1.5;
}
#banner {
	height: 125px;
	background-image: url();
	background-repear: no-repeat;
}
#dicttable {
	border: #fff;
}
#content-wrapper {
  float:left;
  width:700px;
}
#contents-top {
  float:left;
  width:700px;
  height:10px;
}
#contents-body {
  float:left;
  width:918px;
  padding:10px 20px 10px 20px;
  background-color:#ffffff;
  border-left: 1px solid #C20027;
  border-right: 1px solid #C20027;
}
#nav {
  float:left;
  background-color:#C20027;
  width:700px;
  height:30px;
  position:relative;
  margin-bottom:9px;
  font-size:12px;
  color:#e3e3e3;
}
#nav ul li {
  display: inline;
}
#nav ul li a {
  float:left;
  padding:7px 20px 0px 10px;
  margin:0;
  list-style: none;
}
#nav ul li a:hover {
  float:left;
  display:inline;
  font-size:1em;
  margin:0;
  padding:7px 20px 0 10px;
  height: 15px;
  color:#000000;
}
#active {
  color:#ccc;
  text-align:center;
}
#navigation-links a:link  {
  color:#fff;
  text-decoration:none;  
}
#navigation-links a:hover  {
  color:#c20000;
  text-decoration:none;  
}
#navigation-links a:visited  {
  color:#fff;
  text-decoration:none;  
}
#active a:link  {
  color:#ccc;
  text-decoration:none;  
}
#active a:hover {
  color:#c20000;
  text-decoration:none;  
}
#active a:visited {
  color:#C20000;
  text-decoration:none;  
}
a:link, a:hover, a:visited {
  color:#bbb;
  font-weight:none;
  text-decoration:none;
}
#header-image {
  float:left;
  width:917px;
  height:0px;
  padding:1px;
  margin-bottom:25px;
  border:1px solid #e5e5e5;
}
#image {
  background:transparent url() no-repeat center top;
  width:917px;
  height:260px;
}
#contents {
  width:920px;
  min-height:200px;
  height:auto !important;
  height:200px;
  clear: both;
}
#container {
	padding: 10px 20px 10px 10px;
}
#dictionary {
	padding: 10px 20px 10px 20px;
}
#image1 {
	width: 176px;
	height: auto;
	padding: 10px;
	float: right;
}
#box1 {
	float: right;
	width: 50%;
	height: auto;
	padding: 10px -5px 10px 10px;
	margin-bottom: 10px; 
}
#box2 {
	float: right;
	width: 100px;
	height: auto;
	padding: 0px 0px 0px 0px;
	margin-bottom: 10px; 
}
#footer {
  float:left;
  width:700px;  
  margin:5px 0 30px 0;
}
#footer p {
  float:left;
  color:#fff;
  text-align:right;
  font-family:"lucida grande", "lucida sans", arial, sans-serif;
  padding:7px 10px 0 0px;
  width:700px;
  height:28px;
}
.trackable_sharing_text {
	height: 50px;
	text-align: right;
	padding: 0px 10px 0px 0px;
}
a:active { 
color:#333;
}
a:hover {
	color:#cc0000;
	}
a.sp {
	padding-right: 40px;
	}
.ddimgtooltip{
box-shadow: 3px 3px 5px #818181; /*this script is for the hoverboxes on the html site pages. it defines box shadow for three different browsers to increase user accessibility, and defines its positionm appearance, and how it appears on hover */
-webkit-box-shadow: 3px 3px 5px #818181;
-moz-box-shadow: 3px 3px 5px #818181;
display:none;
position:absolute;
border:1px solid black;
background:white;
color: black;
z-index:2000;
padding: 4px;
}
#heading1 {
	color: #cc0000;
	font-size:14px;
	font-weight:bold;
	padding:10px;
}
#row {
	overflow:hidden; 
	display:none;
}