/*==================================================================================================

  Stylesheet purely for ii2006

==================================================================================================*/


/* LAYOUT */
body                  { margin:0 auto; padding:0; text-align:center; background:#eee; }
#wrap                 { width:790px; padding: 0; margin:0 auto; border: 4px solid #c5c5c5; background:#fff; }

/* #wrap                 { width:790px; padding: 0; margin:0 auto; border: 4px solid #333; background:#fff url(images/body-bg.jpg) no-repeat top center; } */
/* #wrap                 { width:790px; padding: 0; margin:0 auto; background:#fff; } */
#content              { float:left; padding: 15px 35px 0px  15px; }

/* #drop-shadow-container { width:790px; height:26px; margin:0 auto; background:#fff url(images/drop-shadow-container.gif) no-repeat; } */
/* #drop-shadow-container { width:790px; height:26px; margin:0 auto; background:#fff; } */
#drop-shadow-container { width:790px; margin:0 auto; background:#eee; }


/* COLUMNS */
#main                 { width:520px; float:right; text-align:left; padding:0 10px 0 10px; margin:0 auto; }
* html #main {  /* This is the Tan hack */
	width: 540px; 
	w\idth: 520px; }
#nav                  { width:170px; float:right; padding:0; margin:0 auto; }

#callout              { width:170px; float:left; padding:0; margin:0 auto; list-style:none; }
/*================================================================================================*/

/* MISC */
.clear                { clear:both; visibility:hidden; height:0; }
.hide                 { display:none; }

/* TYPOGRAPHY */
body, table           { font-family:"Lucida Grande", "Lucida Sans", geneva, arial, sans-serif; font-size:small; line-height:160%; }
h1,h2,h3,h4,h5,h6,p,
pre,table,blockquote  { margin:.2em 0 .4em 0; padding:0; }
h2, h3                { font-family:"Lucida Grande", "Lucida Sans", geneva, arial, sans-serif; font-weight:normal; }
h1                    { font-size:150%; font-weight:bold; }
h2                    { font-size:130%; font-weight:bold; }
h3                    { font-size:115%; font-weight:bold; margin-bottom:0.6em; }
h4,h5,h6              { font-size:105%; font-weight:bold; margin-bottom:0; }
blockquote            { padding:1em; padding-bottom:0; border:1px solid #ccc; background:#F0F0F0; }

.highlight            { background:#ccc; padding: 8px;}


/* IMAGES */

a img { border:none; }


/* TABLES */
table                 { width:100%; border-collapse:collapse; margin-bottom:1em; border:1px solid #ccc; }
tr                    {  }
td,th                 { margin:0; padding:.5em 1em; border:1px solid #ccc; border-width:1px 0; text-align:left; vertical-align:middle; }
td p                  { margin:0; }
table thead th        { color:white; }


/* FORMS */
form                  { margin:0; margin-bottom:2em; }
fieldset              { padding:0; border:0; margin:0; margin-bottom:2.5em; }
form .item            { margin-bottom:1em; }
form .item p          { margin-bottom:0; }

#buttons              { clear:both; }
input.full, 
textarea,
select.full           { display:block; width:99%; position:static;}
.item label           { display:block; }
.checkbox label       { display:inline; }

form table            { margin-bottom:0; border:0; }
form td               { padding:5px 0; text-align:left; border:0; vertical-align:middle; }
form td.fieldvalue    { width:71%; padding:5px; text-align:left; border:0; vertical-align:top; }
form td.fieldname     { width:29%; padding:5px; text-align:right; border:0; vertical-align:top; }

/* LISTS */ 
ul                    { margin:0; padding:0; margin-bottom:1em; list-style:none; }
ul li                 { margin:0; padding:0; padding-left:24px; list-style:none; background: url(images/bullet.gif) no-repeat; }
#sub-list             { margin:0; padding:0; padding-left:24px; list-style:none; }
ol                    { margin-left:0; padding-left:3em; }
ol li                 { margin-bottom:.5em; margin-left:1em; padding-left:0; }



/*================================================================================================*/

/* HEADER */
/* #header               { margin: 0 auto; padding: 0; background:#fff url(images/body-bg.jpg) no-repeat top center; } */
#header               { background:#fff; }

#branding             { margin: 0 auto; padding: 0; text-align:center; }
#branding h1          { font-size:20px; color:white; font-family:"Lucida Grande",helvetica,arial,sans-serif; font-weight:normal; margin:0; line-height:0; }

/* NAVIGATION  */
/* a:hover { background-color: #006d9c; color: #fff; } */

#nav                  { width:100%; }
#nav ul               { display: block; list-style:none; margin:0; padding:0; }
#nav li               { float:left; margin:0; padding:4px; border-bottom:1px solid white;list-style:none;}
#nav a                { padding:3px 8px 6px 8px; color:white; background:#336633; text-decoration:none; }
#nav a:hover          { color:#fff; background:#333; text-decoration:underline; }
#nav a.selected       { color:#000; background:white; }

#button {
	float: left;
	width: 170px;
	font-family: "Lucida Grande",helvetica,arial,sans-serif;
	background-color: #000;
	color: #333;
	margin: 0;
	padding: 1px;
	}

#button ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #000;
	}
	
#button li {
	margin: 0;
	padding: 0;
	font-weight: bold;
	}

#button li a {
	display: block;
	padding: 3px;
	background-color: #fff;
	border-bottom: 1px solid #fff;
	color: #000;
	text-decoration: none;
	font-weight: bold;
	}

html>body #button li a {
	width: auto;
	}

#button li a:hover,
body#overview #nav-overview a,
body#papers #nav-papers a,
body#venue #nav-venue a,
body#agenda #nav-agenda a,
body#speakers #nav-speakers a,
body#sponsors #nav-sponsors a,
body#request #nav-request a,
body#registration #nav-registration a,
body#highlights #nav-highlights a,
body#retreat #nav-retreat a,
body#workshop #nav-workshop a,
body#bonus-dvd #nav-bonus-dvd a,
body#brochure #nav-brochure a,
body#survey #nav-survey a
	{
	border-bottom: 1px solid #fff;
	background-color: #ccc;
	color: #006d9c;
	}

#button #nav-title
{
	border-bottom: 1px solid #333;
	background: none;
	background-color: #333;
	color: #fff;
}
#hotel { width:500px; float:left; margin:4px; padding:4px; }
/* #hotel { width:500px; float:left; margin:4px; padding:4px; background:url(/events/05_ii/images/hotel-bkgd.jpg) no-repeat; } */

/* used for collapsing (hiding) and expanding (showing) length text passages - borrowed from Macromedia */

.show, .expand .expand-item, .collapse .collapse-item, .collapse .expand .expand-item, .expand .collapse .collapse-item  {display: block}
/* .expand span.expand-item, .collapse span.collapse-item, .collapse .expand span.expand-item, .expand .collapse span.collapse-item {display: inline;  line-height: 1.35em} */
.hide, .collapse .expand-item, .expand .collapse-item,  .expand .collapse .expand-item, .collapse .expand .collapse-item {display: none}

/* FOOTER */
#footer               { clear:both; text-align: center; background:#fff; font-size:10px; padding:10px 20px; margin: 10px 20px 0 20px; }
#footer p             { margin: 10px 10px 0 10px; }

/* borrowed and modified from stu nicholls  - white background blue text */

#xsnazzy h1, #xsnazzy h2, #xsnazzy h4, #xsnazzy p {margin:0 10px; letter-spacing:1px;}
#xsnazzy h1 {font-size:2.5em; color:#fff;}
#xsnazzy h2 {font-size:2em; color:#06a; border:0; padding-top:0.5em;}
#xsnazzy h4 {font-size:1em; color:#06a; border:0; padding-top:0.5em;}
#xsnazzy p {padding-bottom:0.5em;}
#xsnazzy ul {margin:0 10px 0 10px; padding-bottom:0.5em; text-align: left;}
#xsnazzy {background: transparent; margin:20px 0; text-align: center;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#eeeeee; border-left:1px solid #000; border-right:1px solid #000;}
.xb1 {margin:0 5px; background:#000;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:#eeeeee; border:0 solid #000; border-width:0 1px;}


/* 20060203 subtle agenda at a glance styling */

.agenda { border-top: 1px solid #a1a5a9; margin:0 auto; }
.agenda td.agendaeventname { vertical-align: middle; background-color: #fff; }
.agenda td { border-bottom: 1px solid #a1a5a9; text-align: left; padding: 10px; font-size: small; vertical-align: middle; }
.agenda.tight td { padding: 5px 10px; }
.agenda h3 { margin:0 auto; }
.agendagray { background-color: #eee; }
.agendawhite { background-color: #fff; }
.agendatop { border-top: 1px solid #a1a5a9; border-left: 1px solid #a1a5a9; border-right: 1px solid #a1a5a9; background: #E2E2E2; }
.agendatop td { padding: 10px; }

/* ssm - 20060213 sponsor page styling */
/* COLUMNS */

#sponsormain { padding: 10px; margin:0 auto; border: 4px solid #c5c5c5; background:#fff; }
.sponsorstable, table, td, tr { border: 0px; border-top: 0px; border-bottom: 0px; }

/*  ssm - goldenticket pages */

.golden td { vertical-align: middle; }