html, body { 
  margin: 0; 
  padding: 0; 
  color: #000000;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
} 
body { 
  font-family: "Century Gothic",Arial,Helvetica,sans-serif; 
  font-size: 80%;
} 
a:link {
  color: #4C2786;
  text-decoration: underline;
	font-weight: bold;
}
a:hover {
	font-weight: normal;
}
a:active {
}
a:visited {
	font-weight: bold;
}
abbr, acronym, .abbr {
  cursor: help;
  border-bottom: #333300 1px dotted;
}
address {
  font-style: normal;
  margin: 1em;
}
blockquote {
  margin: 1em 2em;
  font-style: italic;
}
img {
  border: none;
}
h1, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, .term, .byline {
	color: #4C2786;
}
h1 {
  padding-bottom: 0.5em;
  padding-top: 0.3em;
  margin-top: 0;
  border-bottom: 1px solid #dddddd;
  font-size: 150%;
}
h3 {
  font-size: 120%;
  padding-bottom: 0;
	margin-bottom: 0;
}
h5 {
  font-size: 90%;
  font-style: italic;
}
table {
  border-collapse: collapse;
  margin: 0.5em;
}
caption {
  margin: 0;
  padding: 0 0 0.2em 0;
  font-size: 100%;
  font-weight: bold;
  text-align: left;
}
th, td {
  vertical-align: top;
  padding: 0.5em;
  border: 1px solid #000000;
  text-align: left;
}
th {
  background-color: #4C2786;
  color: #ffffff;
}
th a {
  color: #ffffff;
}
table td p, table td ul {
  margin-top: 0;
  padding-top: 0;
}
ul {
	margin: 0;
	padding: 0;
}
#header {
  height: 101px;
  margin: 0;
	border-bottom: 2px solid #4C2786;
  width: 100%;
  clear: both;
	padding: 0;
  background-color: #4C2786;
}
	#header-left {
		float: left;
		width: 325px;
	}
	#header-right {
		float: right;
		width: 340px;
		height: 101px;
	}
	#header-right img {
		float: right;
	}
/* content area*/
#content {
  margin: 0;
  width: 100%;
  text-align: left;
  padding: 0;
}
	#leftnavigation {
		float: left;
		background: url(images/left-navigation-bg.gif) repeat-y 20px 0;
		min-height: 520px;
		width: 200px
	}
		#leftnavigation ul {
			margin: 0;
			padding: 10px 10px 0 10px;
			list-style-type: none;
			text-align: left;
			width: 200px;
		}
		#leftnavigation li {
			background-color: #ffffff;
			height: 30px;
			margin: 0.5em 0;
			border: 2px solid #4C2786;
			padding: 13px 8px 0 10px;
		}
		#leftnavigation a {
			color: #4C2786;
			font-weight: bold;
			text-decoration: none;
		}
		#leftnavigation a:hover {
			color: #4c2786;
			text-decoration: underline;
		}
		#leftnavigation li:hover {
			background-color: #d4e9fd;
		}
		#leftnavigation img {
			margin-left: 10px;
			margin-bottom: 10px;
		}
		#leftnavigation li.selected {
			background: #ebe6f3 url(images/arrow-purple.png) no-repeat 6px 17px;
			padding-left: 15px;
			font-weight: bold;
			color: #4C2786;
		}
	#rightnavigation {
		width: 20%;
		float: right;
		margin: 0 1em 0 0;
		padding: 0;
	}
		#rightnavigation h2 {
			color: #ffffff;
			height: 40px;
			font-size: 120%;
			padding-top: 10px;
			padding-left: 10px;
			margin-bottom: 0;
			background-color: #4C2786;
		}
		#rightnavigation #links h2 {
			height: 30px;
		}
		#rightnavigation #help ul {
			margin: -10px 0 0 0;
			padding: 0;
			list-style-type: none;
			text-align: left;
			font-size: 90%;
		}
		#rightnavigation #links ul {
			margin: 5px 0 0 20px;
			padding: 0;
			list-style-type: none;
			text-align: left;
			font-size: 90%;
		}
		#rightnavigation #help li {
			background: #4C2786 url(images/arrow-white.png) no-repeat 10px 15px;
			min-height: 20px;
			padding: 10px 8px 8px 22px;
			border: 1px solid #ffffff;
			margin: 0;
		}
		#rightnavigation #links li {
			list-style-image: url(images/arrow-black.png);
			margin: 0;
		}
		#rightnavigation #help a, #rightnavigation #links a {
			color: #ffffff;
			font-weight: bold;
			text-decoration: none;
		}
		#rightnavigation #links a {
			color: #4C2786;
			font-weight: bold;
			text-decoration: underline;
		}
		#rightnavigation #help h2 a, #rightnavigation #links h2 a {
			color: #ffffff;
			text-decoration: none;
		}
		#rightnavigation #help a:hover {
			color: #4C2786;
			text-decoration: underline;
		}
		#rightnavigation #help li:hover {
			background: #d4e9fd url(images/arrow-black.png) no-repeat 10px 15px;
			color: #4C2786;
			border: 1px solid #4C2786;
		}
		#rightnavigation h2:hover {
			background-color: #d4e9fd;
			color: #4c2786;
			text-decoration: underline;
			border: 1px solid #4C2786;
		}
		#rightnavigation #links h2 a:hover {
			color: #4c2786;
		}

	#content-area {
		width: 55%;
		float:left;
		margin-left: 30px;
		padding-top: 1em;
	}
		#content-area h2 {
			padding: 5px 10px 0 5px;
			margin: 0.8em 0;
			font-size: 120%;
			border-bottom: 2px dotted #4C2786;
			color: #4C2786;
		}
		#content-area h2 a {
			text-decoration: none;
			color: #4C2786;
		}
		#content-area p {
			margin: 0.2em;
			padding: 0.2em;
		}
		#content-area ul {
			padding-left: 2.5em;
			margin-top: 0;
			margin-bottom: 0;
		}
		#content-area li {
			padding: 0.2em;
		}
		/* contact box */
		p#contact {
			border: 2px solid #4C2786;
			background-color: #4c2786;
			color: #ffffff;
			font-weight: bold;
			padding: 6px;
			margin-top: 10px;
		}
		#contact a, #contact p {
			color: #ffffff;
		}
#footer {
	width: 90%;
	float: left;
	clear:both;
	margin-left: 5em;
	margin-right: 5em;
	margin-top: 2em;
	font-size: 90%;
	font-weight: bold;
	border-top: 1px solid #4C2786;
}
/* miscellaneous styles */
.boxed {
	border: 1px solid #4C2786;
	padding: 0.2em;
	margin: 0 0 0 0.5em;
}
.bg {
	background: #ece6f7;
}
.centre {
	text-align: center;
}
.doublearrow {
	background: url(images/arrow-black.png) no-repeat 4px 5px;
	padding-left: 15px;
}
#content-area p.doublearrow {
	background: url(images/arrow-black.png) no-repeat 4px 8px;
	padding-left: 15px;
}
.hide {
	display: none;
}
.whitearrow {
	background: url(images/arrow-white.png) no-repeat 4px 6px;
	padding-left: 15px;
}
.floatleft {
	float: left;
}
.floatleft40 {
	float: left;
	width: 40%;
	margin-right: 10px;
}
.floatright {
	float: right;
}
	#content-area .floatright h2 {
		margin-top: 0;
	}
li.doublearrow {
	list-style-image: url(../images/arrow-black.png);
	background: none;
	padding-left: 0;
	margin-bottom: 0.5em;
	margin-left: -5px;
}
li.only320 {
	display: none;
}
.pdf {
  background: url(images/pdf.gif) no-repeat 0 0;
  padding-left: 20px;
  line-height: 20px;
}
.section {
	border: 1px solid #4C2786;
	padding: 0.5em;
}
.spaced {
	margin: 5px;
}
/* slideshow */
#publications {
	width: 91%;
	margin-left: 10px;
	padding: 0.5em;
	border: 2px solid #4C2786;
	background-color: #ffffff;
}
	#publications.selected {
		background-color: #ebe6f3;
		font-weight: bold;
		color: #4C2786;
	}
	#publications:hover {
		background-color: #d4e9fd;
	}
	#publications h2 {
		font-size: 110%;
		margin-top: 0;
		padding-top: 0;
	}
	#publications.selected h2 {
		background: url(images/arrow-purple.png) no-repeat 6px 5px;
		padding-left: 15px;
	}
.slideshow1 {
  width: 100%;
  background: none;
}

.slideshow {
  background: none;
	width: 160px;
	text-align: center;
  margin-top: 15px;
}
.slideshow-item {
  display:none;
  background: none;
  width: 100%;
}
.slideshow-item:first-child {
  display:block;
}
.slideshow p {
	font-size: 90%;;
	margin-top: 0;
	margin-bottom: 0;
}
.company {}
.slogan {}
.magin {padding:5px;}