@charset "UTF-8";
body {
	font: 62.5%/1.2 Arial, Helvetica, sans-serif;
	background: #fff;
	margin: 0;
	padding: 0;
	color: #000;
}

/* ~~ Element/tag selectors ~~ */
ul, ol, dl { 
	padding: 0;
	margin: 0;
	font-size:1.2em;
}
h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	padding:0;
}
h1 {font-size:3em;color:#fff;}
h2 {font-size:2.2em;line-height:1.1em;color:#fff;}
h3 {font-size:1.8em;color:#fff;}
h4 {font-size:1.4em;text-transform:uppercase;line-height:0.9em;}
p {font-size:1.4em;line-height:1.2em;margin:1.4em 0;}
h4 + p {margin-top:3px;}
a img {
	border: none;
}
a:link {
	color: #42413C;
	text-decoration: underline;
}
a:visited {
	color: #6E6C64;
	text-decoration: underline;
}
a:hover, a:active, a:focus { 
	text-decoration: none;
}
hr {margin:20px auto;width:60%; color:#ace1ff;border:none;height:1px;background:#ace1ff;}
cite {font-size:1.4em;font-weight:bold;}

.container {
	width: 800px;
	min-height:584px;
	background:#81c0e6 url(../images/background.jpg) no-repeat;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
	position:relative;
}
/*Front Page*/
.homelink {display:block;height:73px;width:151px;background:url(../images/superfamily.png);top:0;left:0;}
.homelink:hover {background:url(../images/superfamily_hover.png);}
.title {width:800px;text-align:center;margin-top:28px;}
.date {margin-top:-8px;padding-left:36px;}
.content {position:relative;z-index:1;padding:0 0 40px 10px;width:790px;height:;}
.corks {width:800px;height:332px;background:url(../images/corks.png);position:absolute;bottom:0;left:0;}
.artcredit {float:right;margin-top:-145px;}
/*Index page*/
.maintopics, .abstract, .programme, .speakerprofiles, .registration, .location, .sponsors {background-image:url(../images/indexmenu.png);position:absolute;}
.maintopics {background-position:0px -15px;width:137px;height:90px;top:98px;left:50px;display:block;}
.abstract {background-position: -650px 0px;width:137px;height:60px;top:-20px;left:94px;display:block;}
.programme {background-position: -137px -35px;width:134px;height:67px;top:40px;left:222px;}
.speakerprofiles {background-position: -273px -5px;width:170px;height:102px;top:-5px;left:420px;}
.registration {background-position: -443px -37px;width:153px;height:68px;top:-15px;left:600px;}
.location {background-position: -600px -60px;width:120px;height:50px;top:80px;left:650px;}
.sponsors {background-position: -10px -105px;width:105px;height:60px;top:150px;left:580px;}
.maintopics:hover, .abstract:hover, .programme:hover, .speakerprofiles:hover, .registration:hover, .location:hover, .sponsors:hover {background-image:url(../images/indexmenu_hover.png);}
.homelink a, .maintopics a, .abstract a, .programme a, .speakerprofiles a, .registration a, .location a, .sponsors a {display:block;width:100%;height:100%;}
/*Sub pages*/
.home{background:url(../images/home.png);width:90px;height:73px;top:0;left:0;display:block;}
.home2{background:url(../images/home.png);width:90px;height:60px;top:0;left:0;display:block;}
.home:hover{background:url(../images/home_hover.png);}
.home a {display:block;width:100%;height:100%;}
/*//menu//*/
.menu {width:220px;float:left;margin:0 45px auto auto;}
.menu ul {list-style:none;}
#maintopics, #abstract, #programme, #speakerprofiles, #registration, #location, #sponsors {background-image:url(../images/menu.png);top:0;left:0;position:relative;}
#maintopics{width:113px;height:67px;background-position:-218px -5px;}
#abstract{width:105px;height:40px;background-position:-218px -78px;}
#speakerprofiles{width:128px;height:75px;background-position:-218px -127px;}
#programme{width:113px;height:53px;background-position:-218px -205px;}
#registration{width:130px;height:53px;background-position:-218px -260px;}
#location{width:105px;height:35px;background-position:-218px -318px;}
#sponsors{width:97px;height:57px;background-position:-218px -355px;}
#maintopics:hover {background-position:-350px -5px}
#abstract:hover {background-position:-350px -78px}
#speakerprofiles:hover {background-position:-350px -127px}
#programme:hover {background-position:-350px -205px}
#registration:hover {background-position:-350px -260px}
#location:hover {background-position:-350px -318px}
#sponsors:hover {background-position:-350px -355px}
#maintopics a, #abstract a, #programme a, #speakerprofiles a, #registration a, #location a, #sponsors a {display:block;width:100%;height:100%;}
#maintopicsactive, #abstractactive, #programmeactive, #speakerprofilesactive, #registrationactive, #locationactive, #sponsorsactive {background-image:url(../images/menu.png);top:0;left:0;position:relative;width:220px;}
#maintopicsactive{height:98px;background-position:0 0;}
#abstractactive{height:52px;background-position:0 -102px;}
#speakerprofilesactive{height:115px;background-position:0 -236px;}
#programmeactive{height:68px;background-position:0 -161px;}
#registrationactive{height:68px;background-position:0 -359px;}
#locationactive{height:37px;background-position:0 -437px;}
#sponsorsactive{height:72px;background-position:0 -480px;}
/*//end menu//*/
.main {width:440px;float:left;margin-top:10px;}
.main2 {width:600px;float:left; margin-left:150px; margin-top:10px;}
.topics {color:#fff;letter-spacing:1px;font-weight:bold;line-height:1em;text-transform:uppercase;}
#map {border:1px solid #81c0e6;-moz-box-shadow:1px 1px 3px #666;-webkit-box-shadow:1px 1px 3px #666;box-shadow:1px 1px 3px #666;}
#link {text-align:center;margin:auto;font-size:smaller;}

.sponsorlogos {margin:0 auto;width:200px;}

/* ~~ miscellaneous float/clear classes ~~ */
.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
#red {color:#b3001f;}