﻿* {
	margin: 0;
	padding: 0;
}

body {
	margin: auto;
	border: 0;

	font-family: Arial, Helvetica, "sans-serif";
	font-size: 75%;

	text-align: center;

	background-color: #a6d3dd;
	background-image: url('2008/images/body_background.jpg');
	background-position: top left;
	background-repeat: repeat-x;
}

img {
	border: 1px solid #ffffff;
}

p {
	margin-bottom: 1em;

	line-height: 1.6em;
}

a.button {
	padding: 8px;

	color: #ffffff;

	line-height: 3em;
	text-decoration: none;

	background-color: #3b8a9b;
	border-right: 1px solid #006699;
	border-bottom: 1px solid #006699;
}

a:hover.button {
	color: #000000;

	background-color: #d9e8ec;
	border: 0px;
	border-top: 1px solid #006699;
	border-left: 1px solid #006699;
}

.clear {
	clear: both;
}

#container {
	width: 760px;
	margin: auto;
	padding-top: 6px;

	text-align: left;
}

#identity {
	float: left;
	height: 60px;
}

#identity h1 {
	float: left;
	width: 110px;
	margin-left: 10px;

	text-indent: -999em;

	background-image: url('2008/images/apas_logo.jpg');
	background-position: top left;
	background-repeat: no-repeat;
}

#identity h1 a {
	height: 60px;
	display: block;
}

#main-nav {
	float: right;
	width: 630px;
	margin-top: 10px;
	margin-bottom: 45px;

	background-color: #3b8a9b;
	background-image: url('2008/images/main-menu_left.gif');
	background-position: top left;
	background-repeat: no-repeat;
}

#main-nav ul {
	float: right;
	padding-right: 5px;

	list-style-type: none;

	background-image: url('2008/images/main-menu_right.gif');
	background-position: top right;
	background-repeat: no-repeat;
}

#main-nav ul li {
	float: left;

	display: inline
}

#main-nav ul li ul {
	position: absolute;
	top: 50px;
	height: 15px;
	left: 330px;
	padding-top: 10px;
}

#main-nav ul li a,
#main-nav ul li a:link,
#main-nav ul li a:active {
	float: left;
	padding: 0 8px;
	padding-top: 11px;
	padding-bottom: 10px;

	display: block;

	color: #ffffff;

	text-decoration: none;
}

#main-nav ul li a:hover,
#main-nav ul li.selected {
	padding: 0 8px;
	padding-top: 11px;
	padding-bottom: 10px;

	color: #000000;

	background-color: #d9e8ec;
}

#main-nav ul li.selected ul {
	float: left;
	padding: 0;
	margin-top: 2px;
	margin-left: 60px;
}

#main-nav ul li.selected ul li {
	background-color: #dbe9ed;
	background-image: url('2008/images/submenu_bg.jpg');
	background-repeat: repeat-x;

	border-left: 1px solid #d9e8ec;
	border-bottom: 1px solid #d9e8ec;
}

#main-nav ul li.selected ul li.last {
	border-right: 1px solid #d9e8ec;
}

#main-nav ul li.selected ul li.selected {
	background-color: white;
	background-image: none;

	border-left: 1px solid #d9e8ec;
	border-bottom: 1px solid #d9e8ec;
}

#main-nav ul li.selected ul li a,
#main-nav ul li.selected ul li a:link,
#main-nav ul li.selected ul li a:active {
	padding: 8px;
	color: black;
	text-decoration: none;
}

#main-nav ul li.selected ul li a:hover,
#main-nav ul li.selected ul li.selected {
	padding: 8px;

	color: #339900;
	background-color: white;
}

#content {
	float: left;
}

#content.homepage {
	padding-top: 270px;

	background-image: url('2008/images/index_banner.jpg');
	background-position: top left;
	background-repeat: no-repeat;
}

#content.welcome,
#content.register {
	padding-top: 171px;

	background-image: url('2008/images/welcome_banner.jpg');
	background-position: top left;
	background-repeat: no-repeat;
}

#content-area-outer {
	float: left;

	background-color: white;
	background-image: url('2008/images/panel_bot-left.gif');
	background-position: bottom left;
	background-repeat: no-repeat;
}

#content-area-inner {
	float: left;
	width: 720px;
	padding: 0 20px;
	padding-bottom: 10px;

	background-image: url('2008/images/panel_bot-right.gif');
	background-position: bottom right;
	background-repeat: no-repeat;
}

#content-area-inner h2 {
	margin-bottom: 10px;
	padding-bottom: 4px;
	width: 100%;

	color: #cc9966;

	border-bottom: 1px solid #cc9966;
}

.content-area {
	float: left;
}

#welcome-message {
	width: 540px;
}

#sidebar {
	float: left;
	width: 170px;
}

.photo {
	float: left;
	padding: 1em;
	margin-right: 1.5em;
	margin-bottom: 1em;

	background-color: #b8dda6;
}

#misc-panel-outer {
	float: left;
	width: 100%;
	margin-top: 1em;

	background-color: #ffffff;
	background-image: url('2008/images/green-panel_bg.gif');
	background-position: top left;
	background-repeat: repeat-x;
}

#misc-panel-inner {
	float: left;

	background-image: url('2008/images/panel_bot-left.gif');
	background-position: bottom left;
	background-repeat: no-repeat;
}

#misc-panel {
	float: left;

	background-image: url('2008/images/panel_bot-right.gif');
	background-position: bottom right;
	background-repeat: no-repeat;
}

#announcements,
#registration,
#about-sabah {
	border-right: 2px solid #a6d3dd;
}

#announcements h3,
#registration h3,
#about-sabah h3,
#email-alerts h3 {
	margin-bottom: 0.5em;

	color: #339900;

	text-decoration: underline;
}

#announcements {
	float: left;
	width: 140px;
	padding: 20px;
	padding-bottom: 77px;

	background-image: url('2008/images/green-panel_top-left.gif');
	background-position: top left;
	background-repeat: no-repeat;
}

#registration {
	float: left;
	width: 150px;
	padding: 20px;
	padding-bottom: 48px;
}

#about-sabah {
	float: left;
	width: 150px;
	padding: 20px;
	padding-bottom: 29px;
}

#email-alerts {
	float: right;
	width: 154px;
	padding: 20px;

	background-image: url('2008/images/green-panel_top-right.gif');
	background-position: top right;
	background-repeat: no-repeat;
}

#email-alerts fieldset {
	border: 0px;
}

#email-alerts legend {
	display: none;
}

#email-alerts label {
	font-weight: bold;
}

#email-alerts input {
	margin-bottom: 0.5em;
}

#sponsors-panel-outer {
	float: left;
	width: 100%;
	margin-top: 1em;

	background-color: #ffffff;
	background-image: url('2008/images/panel_bot-left.gif');
	background-position: bottom left;
	background-repeat: no-repeat;
}

#sponsors-panel-inner {
	background-image: url('2008/images/panel_bot-right.gif');
	background-position: bottom right;
	background-repeat: no-repeat;
}

#sponsors-panel {
	padding-bottom: 10px;

	background-image: url('2008/images/sponsors-panel_top-right.gif');
	background-position: top right;
	background-repeat: no-repeat;
}

#sponsors-panel h4 {
	padding: 10px;

	color: #999999;

	background-image: url('2008/images/sponsors-panel_top-left.gif');
	background-position: top left;
	background-repeat: no-repeat;
}

#sponsors-panel ul {
	list-style-type: none;
}

#sponsors-panel ul li {
	padding: 0 10px;

	display: inline;
}

#content h3 {
	color: #cc9966;
	font-size: 14px;
	font-weight: bold;

	margin-bottom: 0.4em;
}

#members .contact-details,
#members .family,
#members .dates,
#members .abstract {
	float: left;
	width: 100%;
	margin-bottom: 1em;
}

#members strong {
	display: block;
	float: left;

	width: 100px;
	clear: left;
	padding: 0.2em;
}

#members span,
#members p,
#members address {
	display: block;
	float: left;

	clear: right;
	padding: 0.2em;

	text-decoration: none;
}

table {
	float: left;
	width: 100%;
	margin-bottom: 1em;

	clear: both;
}

table th,
table td {
	padding: 0.4em;
}

table.pacific-hotel {
	background-color: #78c0d4;
}
table.pacific-hotel th {
	background-color: #a5d5e2;
}
table.pacific-hotel td {
	background-color: #d2eaf1;
}

table.magellan-hotel {
	background-color: #cf7b79;
}
table.magellan-hotel th {
	background-color: #dfa7a6;
}
table.magellan-hotel td {
	background-color: #efd3d2;
}

table.schedule {
	background-color: #b3cc82;
}
table.schedule th {
	background-color: #cdddac;
}
table.schedule td {
	background-color: #e6eed5;
}

#hotels h3 {
	clear: both;
}

#hotels img.pacific {
	float: left;
}

#hotels img.magellan {
	float: right;
}

#content fieldset {
	margin-bottom: 1em;
	border: 0;
}

#content fieldset legend {
	color: #cc9966;
	font-size: 14px;
	font-weight: bold;

	margin-bottom: 0.4em;
}

#content label {
	display: block;
	float: left;

	width: 100px;
	clear: left;
	padding: 0.2em;
}

#content input.input-text,
#content textarea {
	float: left;
	clear: right;

	margin-bottom: 0.4em;
	background-color: white;
	border: 1px solid #cccccc;
	padding: 0.2em;
}

#content input.input-text:focus,
#content textarea:focus,
#content select:focus {

	background-color: #ffffcc;
	border: 1px solid black;
}

#content fieldset.family label {
	width: 300px;
}

#content fieldset.family select {
	float: left;
	clear: right;

	width: 50px;
	text-align: center;
	margin-bottom: 0.4em;
}

#content fieldset.dates .date-fields {
	margin-bottom: 0.4em;
}


#content fieldset.dates select.short {
	width: 50px;
	text-align: center;
}

#content fieldset.presentation select {
	width: 240px;
}

#content fieldset.login input.input-button {
	float: left;
	clear: both;
}

#content fieldset.mailing-list input {
	float: left;
	clear: left;
}

#content fieldset.mailing-list label {
	float: left;
	clear: right;
	width: 400px;
	margin-left: 0.4em;
	margin-bottom: 0.4em;
}

#response {

	padding: 1em;
	margin-bottom: 1em;
}

#response h3 {
	padding: 0;
	margin: 0;
}

#response.error {
	background-color: #EABCBC;
	border: 1px solid #96494D;
}

#response.error h3 {
	color: red;
}

#response.success {
	background-color: #B5CEB2;
	border: 1px solid #3B6B3B;
}

#response.success h3 {
	color: #3B6B3B;
}

#response ul li {
	margin-left: 1.2em;
}

#footer {
	clear: both;

	padding: 1em 0;

	font-size: 75%;
	text-align: center;
}

#footer a {
	color: #006699;

	text-decoration: none;
}

#footer hr {
	border: 0px;
	display: none;
}