body { background: #fff url('http://www.siggraph.org/asia2009/images/background.jpg') repeat 0 0; }

#header { height: 150px; width: 913px; margin: 15px auto 0; padding: 0; background-image: url('http://www.siggraph.org/asia2009/images/header.jpg'); background-repeat: no-repeat; background-position: top left; overflow: hidden; }
#header a i { visibility: hidden; }
#header a.logo { position: absolute; height: 105px; width: 115px; top: 25px; text-decoration: none; margin: 0 0 0 13px; }

#header img { padding: 0; }

#container { width: 913px; margin: 0 auto; background-image: url('http://www.siggraph.org/asia2009/images/content_background.png');  }

body#home #nav_container { width: 900px; padding: 10px 0 0 8px; overflow: auto; }
#nav_container { width: 900px; padding: 20px 0 0 23px; }
#nav_container ul {  }
div#nav_container ul li { display: inline; list-style-type: none; }
body#home div#nav_container ul li#nav_section { float: left; width: 118px; background-color: #DDD; padding: 10px; }
div#nav_container ul li#nav_section { float: left; width: 100px; background-color: #DDD; padding: 10px; }
body#home div#nav_container ul li#nav_regi { float: left; padding: 10px 10px 10px 100px; }
div#nav_container ul li#nav_regi { float: left; padding: 10px 14px 10px 65px; }
div#nav_container ul li#nav_travel_housing,div#nav_container ul li#nav_yokohama,div#nav_container ul li#nav_contact_us,div#nav_container ul li#nav_general,div#nav_container ul li#nav_committee { float: left; padding: 10px; }

body#home #rotator { width: 507px; height: 261px; overflow: hidden; float: right; }

body#attendees #nav_container ul li#nav_section a,
body#exhibitors #nav_container ul li#nav_section a,
body#media #nav_container ul li#nav_section a,
body#sponsors #nav_container ul li#nav_section a,
body#presenters #nav_container ul li#nav_section a,
body#volunteers #nav_container ul li#nav_section a { color: #fff; }

body#attendees #nav_container ul li#nav_regi,body#exhibitors #nav_container ul li#nav_regi,body#media #nav_container ul li#nav_regi,body#sponsors #nav_container ul li#nav_regi,body#volunteers #nav_container ul li#nav_regi { color:#fff; }


/* SECTION COLORS */
body#home div#nav_container ul li#nav_section,body#home #left_nav_container,body#home #main_content { background-color: #d6d5c1; }
body#attendees #nav_container ul li#nav_section,body#attendees #left_nav_container,body#attendees #main_content,body#attendees ul.menu li ul#menu_back li { background-color: #96b17a; }
body#exhibitors #nav_container ul li#nav_section,body#exhibitors #left_nav_container,body#exhibitors #main_content,body#exhibitors ul.menu li ul#menu_back li { background-color: #84a3b7; }
body#presenters #nav_container ul li#nav_section,body#presenters #left_nav_container,body#presenters #main_content,body#presenters ul.menu li ul#menu_back li { background-color: #b29286; }
body#volunteers #nav_container ul li#nav_section,body#volunteers #left_nav_container,body#volunteers #main_content,body#volunteers ul.menu li ul#menu_back li { background-color: #ad9264; }
body#media #nav_container ul li#nav_section,body#media #main_content,body#media ul.menu li ul#menu_back li { background-color: #958388; }
body#sponsors #nav_container ul li#nav_section,body#sponsors #left_nav_container,body#sponsors #main_content,body#sponsors ul.menu li ul#menu_back li { background-color: #949fa8; }


#secondary_nav_container { width: 800px; padding: 0 0 30px 0; margin: 0; }

#secondary_nav_container ul { padding: 0; margin: 0; }

#secondary_nav_container ul li { display: inline; list-style-type: none; padding: 0 11px 0 0; margin: 0; }

#section_nav_container { width: 500px; padding: 0 0 30px 0; margin: 0; }

#section_nav_container ul { padding: 0; margin: 0; }

#section_nav_container ul li { display: inline; list-style-type: none; padding: 0 11px 0 0; margin: 0; }

#content_container { overflow: auto; width: 900px; }

#main_content {height: 261px; margin: 0 0 20px 0; background-color: #fff; }
#main_content img { float: right; }
body#home #main_content img#right_image { margin: 0 0 0 0; }
#main_content img#right_image { margin: 0 0 0 20px; }

#promo_area { float: left; width: 500px; padding: 10px 0 40px 0; overflow: auto; }

#promo_area dl { float: left; width: 146px; height: 100px; padding: 0 0 5px 10px; border-left: 10px solid #d8c9c7; }

/*#main_content p,#main_content b { width: 490px; }*/

#secondary_content { padding: 0 0 0 0; }
#secondary_border { border-top: 1px solid #999; overflow: auto;  }
#secondary_content #search { float: left; width: 260px; }
#search form { padding: 0 0 0 20px; }
#search form input { border: 1px solid #b5a680; }
#secondary_content #left_secondary { float: left; width: 500px; padding: 10px 0 0 0; }

#search ul { margin: 0; width: 100px; padding: 20px 0 40px 35px; }
#search ul#presenters_subnav li { list-style: none; background: #fff url('http://www.siggraph.org/asia2009/images/presenters_arrow.gif') no-repeat 0 8px; padding: 5px 0 5px 10px; font-size: 11px; line-height: 13px; }
#search ul#presenters_subnav li.bottom_border { border-bottom: 1px solid #b29286; }

#sponsor_promo { overflow: auto; border-top: 1px solid #999; width: 645px; height: 130px; margin: 0 0 0 255px; }
#sponsor_promo img { padding: 10px 10px 0 0;}

#breadcrumb { padding: 10px 0 15px 0; }

#left_nav_container { width: 260px;  float: left; padding: 0; margin: 0; }

.left_image1 { background: #9dc3db url('http://www.siggraph.org/asia2009/images/left_col/left_01.jpg') no-repeat 0 0; }
.left_image2 { background: #9dc3db url('http://www.siggraph.org/asia2009/images/left_col/left_02.jpg') no-repeat 0 0; }
.left_image3 { background: #9dc3db url('http://www.siggraph.org/asia2009/images/left_col/left_03.jpg') no-repeat 0 0; }
.left_image4 { background: #9dc3db url('http://www.siggraph.org/asia2009/images/left_col/left_04.jpg') no-repeat 0 0; }
.left_image5 { background: #9dc3db url('http://www.siggraph.org/asia2009/images/left_col/left_05.jpg') no-repeat 0 0; }
.left_image6 { background: #9dc3db url('http://www.siggraph.org/asia2009/images/left_col/left_06.jpg') no-repeat 0 0; }
.left_image7 { background: #9dc3db url('http://www.siggraph.org/asia2009/images/left_col/left_07.jpg') no-repeat 0 0; }
.left_image8 { background: #9dc3db url('http://www.siggraph.org/asia2009/images/left_col/left_hp.jpg') no-repeat 0 0; }


#left_nav_container ul { float: left; width: 107px; padding: 10px 0 0 35px; margin: 0; }
#left_nav_container ul li { list-style-type: none; padding: 0 0 10px 0; margin: 0; }

#left_nav_container ul#left_submenu { float: right; width: 90px; padding: 10px 0 0 4px; }

#right_nav_container { width: 131px; float: right; padding: 10px 0 0 0; margin: 0; }
#right_nav_container ul { padding: 0 0 20px 10px; margin: 0; }
#right_nav_container ul li { list-style-type: none; padding: 0 10px 5px 0; margin: 0; }

#bottom { padding: 50px 0 0 0; }

#footer { width: 913px; height: 61px; margin: 0 auto; background-image: url('/asia2009/images/footer-final.png'); }

#foot_nav { padding: 0; text-align: left; height:48px; margin-left:260px; width: 580px; position:relative;}
#foot_nav span {position:absolute; left:65px; top:15px;}
#foot_nav img {padding-top:8px; position:absolute;}

#foot_nav li, #copy li { list-style-type: none; display: inline; }


#copy { width: 125px; float: left; text-align: right; padding: 3px 0 0 0; }

#copy li { font-size: 10px; }


/* Fix for IE5/Mac \*//*/
.example {
	display: inline-block;
}
/* End Fix */

/* - - - ADxMenu: BASIC styles - - - */

.menu {
	width: 870px;/* VERY IMPORTANT! Set this to appropriate value, either here on down in the design section */
}

.menu, .menu ul {	/* remove all list stylings */
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	display: block;
}

.menu li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	position: relative;	/* position each LI, thus creating potential IE.win overlap problem */
	z-index: 5;		/* thus we need to apply explicit z-index here... */
}

.menu li:hover {
	z-index: 10000;	/* ...and here. this makes sure active item is always above anything else in the menu */
	white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}

.menu ul {
	visibility: hidden;	/* initially hide all submenus. */
	position: absolute;
	z-index: 10;
	right: 0;	/* while hidden, always keep them at the top right corner, */
	top: 0;		/* 		to avoid scrollbars as much as possible */
}

.menu li:hover>ul {
	visibility: visible;	/* display submenu them on hover */
	right: 50%;	/* and move them to the left of the item */
}

/* -- float.clear --
	force containment of floated LIs inside of UL */
.menu:after, .menu ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
.menu, .menu ul {	/* IE7 float clear: */
	min-height: 0;
}
/* -- float.clear.END --  */

/* sticky submenu: it should not disappear when your mouse moves a bit outside the submenu
	YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly!
	if you do it, make sure you 110% know what you do */
.menu ul {
	background-image: url('http://www.siggraph.org/asia2009/images/empty.gif');	/* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
	padding: 0 30px 0 0;
	margin: -30px 0 0 0;
	/*background: #f00;*/	/* uncomment this if you want to see the "safe" area.
								you can also use to adjust the safe area to your requirement */
}


/* - - - ADxMenu: DESIGN styles - - - */

.menu, .menu ul li {
	/*color: #eee;*/
}

ul#menu_back { width: 110px; top: 30px; padding-top: 10px; padding-left: 5px; }

ul.menu li ul#menu_back li { display: block; padding: 0; }

div#nav_container ul.menu li#nav_home ul#menu_back li#top a { color: #5e5345; font-weight: bold; display: block; padding: 1px 20px 20px 5px; font: bold 11px verdana,Arial, Helvetica, sans-serif; }
div#nav_container ul.menu li#nav_home ul#menu_back li#top a:hover { color: #1a5b78; }
div#nav_container ul.menu li#nav_home ul#menu_back li a { color: #000; font: normal 11px verdana, Arial, Helvetica, sans-serif; text-transform: none; display: block; padding: 1px 5px 7px 5px; }
div#nav_container ul.menu li#nav_home ul#menu_back li a:hover { color: #fff; }
div#nav_container ul.menu li#nav_home ul#menu_back li#bottom { padding-bottom: 114px; }

/*ul.menu li ul#menu_back li#top { padding-top: 5px; }
ul.menu li ul#menu_back li a { font: normal 11px verdana, sans-serif; }
*/

#tech-paper-content-wrapper #content {margin-bottom:20px;}
#tech-paper-content-wrapper {float:left; width:499px;}
#tech-paper-committee {background-color:#FFFFFF;padding:5px;width:479px;}
#tech-paper-committee h2 {color:#000; padding-bottom:5px;}

#attendees #content #content-update {border-top:1px solid black; padding:15px 0;}
#attendees.courses #content {min-height:241px;height:auto !important;height:241px;}
#attendees.courses #breadcrumb .crumbdetails,#attendees.sis #breadcrumb .crumbdetails {display:none;}
p#loader {padding-left:150px;}
p#loader img {vertical-align:middle;}
p#loader span {padding-left:10px;}
#attendees #showing {text-align:right;padding:0 10px 15px 0; font-size:12px; font-family:Arial,Helvetica,sans-serif;}
#attendees #content span.present-lang {font-size:10px;}


#attendees.section_front #content {margin-bottom:20px;}
#home #left_nav_container ul {height:251px;}

div.content_update_div {overflow:auto;padding:10px 0;}
div.content_update_div img {float:left;padding:0 10px 10px 0;}
img.sis_image {float:left;padding:0 10px 10px 0; width:150px;}
div.single-paper {margin-bottom:20px;}
div.single-paper.papers {clear:both;}
div.single-paper.papers img.sis_image {float:none;}
div.single-paper .paper-desc {float:right; width:329px;}
.session h2, .session p {width:100%;}
div.single-paper .paper-desc p, div.single-paper .paper-desc pre, #content-update-item .single-paper .single-desc pre {width:329px;}


#content-update-item div.single-paper {padding:0 0 25px 0;}

#ad_location {float:left;margin:0 0 0 24px; border:1px solid #999999;display:inline;}
#secondary_content #right_col_stuff {float:right; width:640px;}
#right_col_stuff #secondary_border, #right_col_stuff  #news_alert, #right_col_stuff  #sponsor_promo {margin-left:0;}
#right_col_stuff #sponsor_promo  {width:640px;}

#news_alert {background:url(/asia2009/images/news.png) no-repeat scroll 0 0; padding-left:20px;margin-left:260px;padding:1px 0 10px 25px; font-size:12px; font-family:Arial,Helvetica,sans-serif; float:left;}
#news_alert span {background-color:#815866; color:#fff; padding:2px 4px; margin-right:8px;float:left;}
#news_alert ul.news_items {padding:0 0 0 60px;}
#news_alert ul.news_items li {list-style:none; font-weight:bold;padding-bottom:10px;}
#news_alert ul.news_items li a {font-weight:bold;}
#attendees #news_alert {margin-left:10px; float:left;}
#news_alert ul.news_items.no_flag {padding:0 0 0 10px;}
.clear {clear:both;}