body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

fieldset,img {
	border:0;
	padding-bottom: 1.5em;
}

#header img {
	padding-bottom: 0em;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}

ol,ul {
	list-style:none;
}

caption,th {
	text-align:left;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:bold;
	padding-bottom: 0.5em;
}

q:before,q:after {
	content:'';
}

abbr,acronym {
	border:0;
}

body {
	background-color:#D9D9D9;
	font:75% Verdana, Helvetica, Tahoma, Arial, sans-serif;
	text-align:center;
	background-image:url(../images/stripes.png);
	background-position:center top;
	background-repeat:repeat-y;
}

p {
	line-height: 1.5em;
	padding-bottom: 1.5em;
}

	
/* links  */
a,a:visited {
	color: #7f7f7f;
	text-decoration:underline;
}

a:hover {
	color: #3f3f3f;
	text-decoration:none;
}

#nav li a#home			{	background-color: #BE001A;	}
#nav li a#programme		{	background-color: #A05BA1;	}
#nav li a#conference	{	background-color: #17AEEB;	}
#nav li a#news			{	background-color: #00BDA5;	}
#nav li a#about			{	background-color: #EF6BB1;	}
#nav li a#sign-up		{	background-color: #8D5BCC;	}
#nav li a#contact		{	background-color: #2EB452;	}
#nav li a#northe		{	background-color: #929292;	}
#nav li a#backend		{	background-color: #BE001A;	}

/* headings */
h1 {
	font-size:2em;
}

h2 {
	font-size:1.5em;
}

h3 {
	font-size:1.25em;
}

h4 {
	font-size:1em;
}


	
/* strong em */
strong {
	font-weight:bolder;
}

em {
	font-style:italic;
}


	
/* tables & forms */
input,select,th,td {
	font-size:1em;
}


	
/* classes */
.error {
	color:red;
}


	
/* page structure & layout */
#page {
	margin:0 auto;
	text-align:left;
	width:900px;
}

#header {
	background:#FFFFFF;
	height:171px;
	padding:20px;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	box-shadow:0 0 10px #666666;
	-webkit-box-shadow:0 0 10px #666666;
	-moz-box-shadow:0 0 10px #666666;
	background-image:url(../images/strapline.png);
	background-repeat:no-repeat;
}

#nav {
	height:60px;
	margin-left:20px;
}

#nslogo {
	position: absolute;
	right: 20px;
	top: 20px;
}

#info {
	background:#76AAC9;
	border-bottom:3px solid #93CCEA;
	color:#E4EEF4;
	font-size:1.2em;
	line-height:2em;
	position:relative;
	padding:20px 230px 20px 30px;
}

#content {
	background-color:#FFFFFF;
	float:left;
	padding:20px;
	width:610px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	box-shadow:0 0 10px #666666;
	-webkit-box-shadow:0 0 10px #666666;
	-moz-box-shadow:0 0 10px #666666;
	margin-bottom: 15px;
	margin-bottom: 20px;
}

#event-left {
	float: left;
	width: 25%;
}

#event-right {
	float: right;
	width: 410px;
}

#event-left a {
	font-size: 1.2em;
	color: #000000;
	text-decoration: none;
}

#event-left a.current, #event-left a:hover {
	color: #A05BA1;
}

#tabs p, #tabs h1, #tabs h2, #tabs h3, #tabs h4 {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

#tabs h4 {
	font-weight: bold;
}

#gallery img {
	padding: 10px;
}

#information p {
	padding-left: 10px;
}

#left {
	float: left;
	width: 50%;
}

#right {
	float: right;
	width: 50%;
}

#sidebar {
	background-color:#FFFFFF;
	float:right;
	padding:20px;
	width:195px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	box-shadow:0 0 10px #666666;
	-webkit-box-shadow:0 0 10px #666666;
	-moz-box-shadow:0 0 10px #666666;
	min-height:100px;
	margin-bottom: 20px;
}

#footer {
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	box-shadow:0 0 10px #666666;
	-webkit-box-shadow:0 0 10px #666666;
	-moz-box-shadow:0 0 10px #666666;
	background-color:#FFFFFF;
	clear:both;
	color:#000;
	padding:20px;
	margin-top: 20px;
}

#footer p {
	margin: 0;
	padding: 0;
	line-height: 1em;
}
	
/* navigation */
#nav ul {
	display:inline;
}

#nav li {
	display:block;
	float:left;
	list-style:none;
}

#nav li a {
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-webkit-transition-property:height, -moz-border-radius-bottomleft, -moz-border-radius-bottomright, -webkit-border-bottom-left-radius, -webkit-border-bottom-right-radius;
	-webkit-transition-duration:0.4s, 1s, 1s, 1s, 1s;
	-webkit-transition-timing-function:ease, ease, ease, ease, ease;
	font-weight:bold;
	height:30px;
	color:#fff;
	display:block;
	margin:0 5px;
	padding-top:20px;
	width:98px;
	text-align:center;
	text-decoration:none;
	font-family: Lucida Grande, sans-serif;
}

#nav li a:hover {
	background:#BE001A;
	height:50px;
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-bottomright:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-bottom-right-radius:0;
}

#nav li a.current {
	background:#BE001A;
	height:50px;
	font-size:1.2em;
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-bottomright:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-bottom-right-radius:0;
}


	
/* misc */
a img {
	border:none;
}

acronym {
	cursor:help;
}

blockquote {
	background:url(quote.gif) no-repeat 10px 0;
	color:#76A83A;
	border-left:2px solid #76A83A;
	line-height:1.5em;
	margin:0 10px 20px;
	padding:0 10px;
}

.hide {
	display:none;
}

.show {
	display:inline;
}

pre,code {
	font-size:1.1em;
	line-height:normal;
	background:#eee;
	color:#444;
}


	
/* classes */
.right {
	float:right;
}

.left {
	float:left;
}

.clear {
	clear:both;
}







/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

/* Skin */
.tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    float: left;
    margin: 0 10px 0 0;
    min-width: 84px; /* be nice to Opera */
}
.tabs-nav a, .tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url(../images/tab.png) no-repeat;
}
.tabs-nav a {
    position: relative;
    top: 1px;
    z-index: 2;
    padding-left: 0;
    color: #FFF;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */
    background-color: #000;
}
.tabs-nav .tabs-selected a {
    background-color: #000;
}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    background-position: 100% -150px;
    outline: 0; /* prevent dotted border in Firefox */
}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
    background-position: 100% -100px;
}
.tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 20px; /* IE 6 treats height as min-height */
    min-height: 20px;
    padding-top: 6px;
    padding-right: 0;
}
*>.tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.tabs-nav .tabs-selected a span {
    padding-top: 7px;
}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
    background-position: 0 -50px;
}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
    background-position: 0 0;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-nav .tabs-disabled {
    opacity: .4;
}
.tabs-container {
    border-top: 20px solid #EF6BB1;
    padding: 0;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.tabs-loading em {
    padding: 0 0 0 20px;
    background: url(../images/loading.gif) no-repeat 0 50%;
}


.dsq-options, #dsq-comments-title, .dsq-dc-logo, .dsq-num-posts, .dsq-request-user-stats, .dsq-login-button, .dsq-autheneticate-copy {
	display: none;
}


body.home p a						{	color: #BE001A;	}
body.programme p a					{	color: #A05BA1;	}
body.conference p a					{	color: #17AEEB;	}
body.news p a						{	color: #00BDA5;	}
body.about p a						{	color: #EF6BB1;	}
body.sign-up p a					{	color: #8D5BCC;	}
body.contact p a					{	color: #2EB452;	}
body.northe p a						{	color: #929292;	}

body.home #tabs h4					{	color: #BE001A;	}
body.programme #tabs h4				{	color: #A05BA1;	}
body.conference #tabs h4			{	color: #17AEEB;	}
body.news #tabs h4					{	color: #00BDA5;	}
body.about #tabs h4					{	color: #EF6BB1;	}
body.sign-up #tabs h4				{	color: #8D5BCC;	}
body.contact #tabs h4				{	color: #2EB452;	}
body.northe #tabs h4				{	color: #929292;	}


body.home .tabs-container			{	border-top: 20px solid #BE001A;	}
body.programme .tabs-container		{	border-top: 20px solid #A05BA1;	}
body.conference .tabs-container		{	border-top: 20px solid #17AEEB;	}
body.news .tabs-container			{	border-top: 20px solid #00BDA5;	}
body.about .tabs-container			{	border-top: 20px solid #EF6BB1;	}
body.sign-up .tabs-container		{	border-top: 20px solid #8D5BCC;	}
body.contact .tabs-container		{	border-top: 20px solid #2EB452;	}
body.northe .tabs-container			{	border-top: 20px solid #929292;	}

body.home .tabs-nav a, body.home .tabs-nav a span				{	background-color: #BE001A;	}
body.programme .tabs-nav a, body.programme .tabs-nav a span		{	background-color: #A05BA1;	}
body.conference .tabs-nav a, body.conference .tabs-nav a span	{	background-color: #17AEEB;	}
body.news .tabs-nav a, body.news .tabs-nav a span				{	background-color: #00BDA5;	}
body.about .tabs-nav a, body.about .tabs-nav a span				{	background-color: #EF6BB1;	}
body.sign-up .tabs-nav a, body.sign-up .tabs-nav a span			{	background-color: #8D5BCC;	}
body.contact .tabs-nav a, body.contact .tabs-nav a span			{	background-color: #2EB452;	}
body.northe .tabs-nav a, body.northe .tabs-nav a span			{	background-color: #929292;	}


body.home #header						{	background-image:url(../images/strapline/home.png);			}
body.programme #header					{	background-image:url(../images/strapline/programme.png);	}
body.conference #header					{	background-image:url(../images/strapline/conference.png);	}
body.news #header						{	background-image:url(../images/strapline/news.png);			}
body.about #header						{	background-image:url(../images/strapline/about.png);		}
body.sign-up #header					{	background-image:url(../images/strapline/sign-up.png);		}
body.contact #header					{	background-image:url(../images/strapline/contact.png);		}
body.northe #header						{	background-image:url(../images/strapline/northe.png);		}



label {
	width: 100px;
	float: left;
	padding-right: 10px;
	padding-top: 0.5em;
}

input, textarea {
	width: 200px;
	padding: 0.5em;
	border: none;
}



input.submit {
	width: 85px;
	padding: 1em;
	color: #FFFFFF;
}

textarea {
	height: 100px;
}

body.sign-up input.submit {
	background-color: #895CCE;
}

body.contact input.submit {
	background-color: #2EB452;
}

body.sign-up input {
	background-color: #B2A1CD;
	color: #FFFFFF;
}

body.contact input, body.contact textarea {
	background-color: #A2D19A;
	color: #FFFFFF;
}

#form-field {
	padding-bottom: 10px;
}

mce-error-response {
margin: 1em; padding: 0.5em; background: rgb(255, 238, 238) none repeat scroll 0% 0%; font-weight: bold; float: left; z-index: 1; width: 100%; color: rgb(255, 0, 0);
}

#content-northe {
	background-color:#FFFFFF;
	float:left;
	padding:20px;
	width:950px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	box-shadow:0 0 10px #666666;
	-webkit-box-shadow:0 0 10px #666666;
	-moz-box-shadow:0 0 10px #666666;
	min-height:400px;
	margin-bottom: 15px;
}

#large_box {
	width:800;
	height:600;
}

#tabs {
	z-index: 1;
}

#zoom {
	z-index: 2;
}

div.photo {
	display: inline;
}

ul.projectListing li {
	width: 280px;
	float: left;
	padding-bottom: 0.5em;
}

#news-image {
	float: left;
}

#news-text {
	float: right;
	width: 75%;
}

#news-text a {
	text-decoration: none;
}

#news-wrapper {
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
}

#slideshow {
    position:relative;
    height:350px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

.tag {
	color: #00BDA5;
	padding: 10px;
	float: left;
}

div#tags {
	padding-bottom: 30px;
	width: 220px;
}

#disqus_thread {
	clear: both;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

#clearit {
	clear: both;
}