/*------------------------------
Asiatech III (April 2008)
By: Shalin Pei
Developed at: Interlevel Technologies [http://www.interlevel.com]
------------------------------*/

@import 'reset.css';

body {
	width:100%;
	background:#1E65A6; font-family:Arial, Helvetica, sans-serif;}
a {
	color:#fff; text-decoration:none;}

/* =general positioning/blocking */
#header, #footer, #main, .clearfix {
	clear:both;}
#header {
	height:139px;
	background:#36c url(../images/bg-header.png) repeat-x;}
#footer {
	background:#ccc;}
#main {
	background:#fff url(../images/bg-main.jpg) top center repeat-x;}
.wrapper {
	width:900px; margin:0 auto;}
#main .wrapper {
	background:url(../images/faux-col1.gif) repeat-y;}
#footer .wrapper {
	background:url(../images/faux-col2.gif) repeat-y;}
#sidebar, #contact {
	float:left;
	width:300px;}
#contact {
	color:#fff;}
#content, #foot_nav, #footer p {
	margin:0 0 0 320px;}

/* =header */
h1 {
	clear:left;
	width:112px; height:75px; padding:2px 0 0 0;
	background:url(../images/AsiatechLogo2009[1].png) 0 10px no-repeat;}
h1 span {
	display:none;}
h2 {
	color:#666; font:bold oblique 1.8em "ITC Avant Garde Gothic Demi", "Century Gothic", Arial, sans-serif;}
.location {
	float:left; width:300px;}
.date {
	float:right; width:500px;
	text-align:right;}
#language {
	float:left;
	margin:3px 0 0 0;
	color:#036; text-transform:uppercase;}
#language .selected {
	padding:2px 5px;
	color:#fff; background:#036; font-weight:bold;}
#language a {
	padding:2px;}
#language a:hover {
	background:#075092;}
#action {
	float:right; height:45px;
	background:url(../images/bg-actionR.png) top right no-repeat; font:bold 1.36em Arial, Helvetica, sans-serif;}
#action ul {
	height:45px; padding:0 15px;
	background:url(../images/bg-actionL.png) no-repeat;}
#action li {
	float:left;
	height:29px; margin:10px 0 0 0;
	background:url(../images/actionR.png) top right no-repeat;}
#action a {
	display:block; 
	height:29px; padding:3px 15px;
	background:url(../images/actionL.png) no-repeat; text-align:center;}
	
/* =footer */
#footer {
	color:#666;}
#footer a {
	color:#666; font-weight:bold;}
#footer a:hover {
	text-decoration:underline;}
#foot_nav {
	padding:15px 0;}
#foot_nav li {
	display:inline;
	border-left:1px solid #666; padding:0 0 0 8px; margin:3px 5px 3px 0;}
#foot_nav li.first {
	border:0; padding-left:0;}
#foot_nav a {
	color:#000; font:bold 1.2em Arial, Helvetica, sans-serif;}
#foot_nav a:hover {
	text-decoration:underline;}
.copy, .interlevel {
	clear:both; position:relative; top:-60px;}
#contact {
	width:280px; padding:30px 10px;
	font-size:1.2em;}
#contact img {
	float:left; margin:0 10px;}
#contact span {
	font-weight:bold;}
#contact address {
	margin:5px 0;
	font-style:normal;}
#contact a {
	color:#fff; font-weight:normal; text-decoration:underline;}
#contact a:hover {
	text-decoration:none;}
	
/* =sidebar */
#main_nav {
	font:bold 1.8em "ITC Avant Garde Gothic Demi", "Century Gothic", Tahoma, sans-serif; text-transform:uppercase;}
.main_nav_under {
	font:bold 14px "ITC Avant Garde Gothic Demi", "Century Gothic", Tahoma, sans-serif;
	text-transform:uppercase;
	margin:10 10 10 12px;
	padding:13px 10 10 40px;
	text-align:center;
	color: #000000;
}
#main_nav li {
	 margin:0 0 0 2px; padding:3px 0 0 40px;}
#main_nav li:hover,
#main_nav li.over {
	background:#075092;}
#main_nav li.active {
	padding:3px 0 0 55px;
	background:#036 url(../images/selected-arrow.png) left center no-repeat;}
#sidebar h3 {
	margin:25px 10px 10px 10px; padding:25px 10px 0 10px; border-top:1px solid #3d83c6;
	color:#fff; font:bold 1.6em Arial, Helvetica, sans-serif; text-transform:uppercase;}
.spontxt {
	margin: 0px 10px 10px 10px; padding:25px 10px 0 10px; color:#1f66a7; font:1.1em Arial, Helvetica, sans-serif;}
.spontxtwht {
	margin: 0px 10px 20px 10px; padding:25px 10px 0 10px; color:#FFFFFF; font:1.1em Arial, Helvetica, sans-serif;}

/* =register */
form {
	width:580px; padding:20px 0 0 0;
	text-align:center;}
.reg h3, .reg h6, #terms {
	text-align:left;}
fieldset, .confirm {
	margin:0 0 15px 0; padding:0 0 10px 0; border-bottom:1px dashed #ccc;}
legend {
	padding:0 0 20px 0;
	font:bold 1.4em Arial, Helvetica, sans-serif;}
label {
	clear:both; display:block; float:left;
	width:180px; margin:0 10px 0 0; padding:0.3em 0 0 0;
	font-size:1.3em; text-align:right;}
#address,
#contactAddress {
	height:4.0em;}
.terms label {
	width:auto; clear:none;}
input, select {
	float:left;
	width:200px; margin:0 0 0.5em 0;}
#verification {
	margin:0 100px 0.5em 0;}
#expMonth {
	width:23%;}
#expYear {
	width:10%; margin:0 0 0.5em 2%;}
.buttons {
	border-bottom:none!important; padding:0!important;
	text-align:center;}
.buttons input {
	float:none;
	width:80px; margin:0 10px;}
.terms {
	text-align:center;}
#terms {
	width:90%; height:200px; margin:5px auto; padding:5px; border:1px solid #ccc;
	overflow:auto;}
#terms span {
	margin:5px 0;
	font-size:1.1em;}
#terms p {
	margin:0 0 10px 0;
	font-size:1.1em;}
.terms input {
	width:auto; margin:3px 5px 0 25px;}
.reg p {
	padding:2px!important;}
.reg .discount {
	color:#1f66a7;}
.reg .secure {
	color:#c00;}
fieldset ul {
	margin:0 0 30px 0;
	list-style:none!important; text-align:left; font:bold 1.2em Arial, Helvetica, sans-serif!important;}
fieldset ul ul {
	margin:0 0 10px 0;
	list-style:disc!important; font:normal 1.0em Arial, Helvetica, sans-serif!important;}
fieldset li {
	margin:0!important;}
#attendees {
	padding:0 0 30px 0;
	text-align:center;}
#attendees label, #attendees input {
	float:none; display:inline;
	margin:0;}
#attendees input {
	margin:0 20px 0 0;}
#registrants, #companions {
	width:80px;}
#names {
	width:100%; margin:0 0 10px 0; border:1px solid #ccc;}
#names td {
	width:20%; border:0; padding:0;}
#names input {
	width:98%; margin:0;}
.confirm {
	list-style:none!important;}
.confirm li {
	clear:both;}
.confirm li span {
	float:left;
	width:150px; margin:0 10px 0 0;
	text-align:right;}
.reg .header {
	margin:20px 0 0 0;
	font:italic 1.2em Arial, Helvetica, sans-serif!important;}
	
/* =content */
#content {
	padding:0 0 80px 0;}
#content a {
	color:#1f66a7; font-weight:bold; text-decoration:underline;}
#content h3 {
	position:relative; left:-20px;
	width:580px; height:55px; padding:245px 0 0 20px; margin:0 0 20px 0; /*IE bug in padding and width*/
	font:bold 3.2em "ITC Avant Garde Gothic Demi", "Century Gothic", Arial, sans-serif; text-transform:uppercase;
	background:url(../images/h3-georgerbrown.png) no-repeat;}
#content h4 {
	padding:20px 0 0 0;
	font:bold 2.4em Arial, Helvetica, sans-serif;}
#content h5 {
	font:italic 1.6em Arial, Helvetica, sans-serif;}
#content h6, #content .thanks {
	padding:20px 0 0 0;
	font:bold 1.4em Arial, Helvetica, sans-serif;}
#content p {
	padding:10px 0;
	font:normal 1.2em Arial, Helvetica, sans-serif;}
#content ul {
	padding:0 0 0 40px;
	list-style:disc; font:normal 1.2em Arial, Helvetica, sans-serif;}
#content li {
	margin:5px 0;
}
#content li.small {
	margin:5px 0;
	font-size:10px;
}
#content ul.committee {
	margin:30px 0;
	list-style:none;}
#content ul.committee li {
	margin:20px 0;}
#content span {
	font-weight:bold;}
#content address {
	padding:10px 0;
	font:1.4em Arial, Helvetica, sans-serif;}
#sponsor_levels {
	width:95%; margin:0 0 30px 0;
	font-size:1.2em;}
caption {
	padding:20px 0 20px 0;
	font:bold 1.4em Arial, Helvetica, sans-serif; text-align:left;}
td {
	padding:3px; border:1px solid #d0d0d0;
	text-align:center; vertical-align:middle;}
td.empty {
	border:0;}
th {
	padding:7px 5px; border:1px solid #ccc;
	background:#f0f0f0; font-weight:bold;}
th[scope=col] {
	width:12%;}
th[scope=row] {
	text-align:left;}
#b-contact #content img {
	margin-top:30px;}
#b-contact #content img,
#b-contact #content address {
	margin-left:50px;}
#b-contact #content h6 {
	margin-left:20px;}
#suggestions {
	width:70%; margin:20px 0 0 0;}
#suggestions fieldset {
	border:0;
	text-align:left;}
#suggestions label {
	text-align:left;}
#suggestions input,
#suggestions textarea,
#suggestions label {
	display:block;
	width:100%;
	font:1.2em Arial, Helvetica, sans-serif;}
#suggestions .buttons {
	display:inline;
	width:30%;}
#suggestions label,
#suggestions .buttons {
	margin:10px 0 0 0;}
#suggestions textarea {
	height:150px;}
#suggestions .action {
	width:80px; margin:10px 10px 0 0;}
#schedule {
	list-style:none!important; padding-left:0!important;
	font:bold 1.4em Arial, Helvetica, sans-serif!important;}
#schedule ul {
	list-style:none;
	font-size:0.9em;}
#schedule ul ul {
	list-style:disc;
	font-size:1.0em;}
#schedule li {
	margin:0 0 40px 0;}
#schedule ul li {
	margin:10px 0 20px 0;}
#schedule ul ul li {
	margin:10px 0;}
#schedule span {
	display:block;}