* {	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: 88px;
}
#identity h1 {
	float: left;
	width: 145px;
	text-indent: -999em;
	background-image: url('2008/images/apas_logo.jpg');
	background-position: top left;
	background-repeat: no-repeat;
}
#identity h1 a {
	height: 88px;
	display: block;
}

#main-nav {
	float: right;
	width: 235px;
	margin-top: 10px;
	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 {
	clear: left;
	margin-top: 10px;
	background: #fff;
}
#content img.banner {
	border: 0; 
}
#content.homepage {
	padding-top: 270px;	
	background-image: url('2008/images/index_banner.jpg');
	background-position: top left;
	background-repeat: no-repeat;
}
#content.office-bearers {
	padding-top: 170px;
	background-image: url('2008/images/banner_office-bearers.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;
}

table.office-bearers {
	font-size: 120%;
}
table.office-bearers th {
	width: 35%;
}

ul.permanent-board {
	padding-left: 2em;
}
ul.permanent-board li {
	line-height: 1.6em;
}

#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,t
able 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;
}

#membership-registration {
	width: 100%;
	padding: 1em;
	line-height: 1.6;
}
#membership-registration h2 {
	margin-bottom: 0.25em;
	padding-bottom: 0.25em;
	color: #666;
	border-bottom: 2px solid #ccc;
}
#membership-registration ol {
	margin-left: 1em;
	margin-bottom: 1em;
	padding-left: 1em;
}