@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
  font: 100% Arial, Helvetica, sans-serif;
}
body {
  line-height: 1.44em;
  background: #B4DBAC url(graphics/background.jpg) no-repeat fixed center top;
  font-size: 75%;
}
ol, ul {
	list-style: none;
}
strong { font-weight: bold; }

del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*  END OF RESET  */
/* Layout Tools */
.floatLeft 			{ float: left; }
.floatRight			{ float: right; }
.clear				{ clear: both; }
.layoutCenter			{ margin: 0 auto; }
.textCenter			{ text-align: center; }
.textRight			{ text-align: right; }
.textLeft			{ text-align: left; }

.main p {
  margin-top: 3px;
  margin-bottom: 5px;
}

/* End of layout tools */

#wrapper {
  margin: 10px auto;
  width: 800px;
  border: 2px solid #587E50;
  padding: 5px;
  background: #F2FAEF;
}

#location {
  background: #3A552C;
  width: 800px;
  color: #FEFEFC;
  text-align: center;
  font-size: 1.25em;
  font-weight: bold;
  padding-top: 3px;
  padding-bottom: 3px;
}

#nav {
	background: #99CCCC;
	color: #000000; height:2em;
}
/* CSS NAVIGATION */

#menu {
	list-style-type:none;
	margin:0px auto 0px 50px;
	padding:0;
	width:800px;
}
#menu li {float:left; padding:0; margin: 0; position:relative; width:140px; height:1em; z-index:100;}
#menu li dl {
  position:absolute;
  top:0;
  left:0;
  padding-bottom:0;
  padding-top: 2px;
}
#menu li a, #menu li a:visited {
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
}
#menu li dd {display:none;}
#menu li a:hover {
	border:0;
	color: #0000CC;
	text-decoration: underline;
}
#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu li:hover dl, #menu li a:hover dl { padding-bottom:2px; 
}
#menu table {border-collapse:collapse; padding:0; margin:-1px; font-size:1em;}
#menu dl {width: 140px; margin: 0; padding: 0; background: transparent;}
#menu dt {
  margin:0;
  padding: 0px;
}

#menu dd {
	margin:0;
	padding:0;
	color: #fff;
	text-align:left;
	line-height: 11px;
}

#menu dt a, #menu dt a:visited {
  display:block;
  color: #000000;
  text-align:center;
  background:#99CCCC;
  padding:0.25em 0 .25em;
  font-weight: 700;
}

#menu li:hover dt a, #menu a:hover dt a {
  color:#0000CC;
  text-decoration: underline;
  background: #C7E2E2;
}

#menu dd a, #menu dd a:visited {
  background:#00808B;
  color:#fff;
  padding:0.4em 0 0.4em 0.5em;
  text-decoration:none;
  display:block;
  text-align:left;
  border-left: 3px solid #859771;
  border-right: 3px solid #859771;
}

#menu dd a:hover {
  background: #5BB4BB;
  color:#000;
  border-left:3px solid #5F714B;
  border-right:3px solid #5f714B;
  text-decoration: none;

}

#menu dd a.date{
  background: #176268;
  color:#FFFFFF;
  border-left:3px solid #5F714B;
  border-right:3px solid #5f714B;
  text-decoration: none;
  padding-top: .01em;
  padding-bottom: .01em;
}

/* end off NAV */
.border {
  border-top: 10px solid #B92B91;
  height:2px;
}
#footer {
  background: #3A552C;
  padding: 5px;
  text-align: center;
  color: #FEFEFC;
  height: 68px;
}
#footer #logo {
  float: right;
  margin-right: 30px;
  margin-left: 30px;
}
#footer #tappi {
  float: left;
  margin-left: 5px;
  margin-right: 30px;
  margin-top: 8px;
}

table#glance {
  background: #DBEDD8;
  margin-top: 10px;
  margin-bottom: 10px;
  border: 1px solid #B72A8F;
  float: left;
  margin-left: 30px;
}
#glance .confs { background: #F0F7EF; }
#glance .confs div { margin-left: 10px; }

#glance th {
  background: #B92B91;
  color: #FFFFFF;
  padding: 3px;
  font-weight: bold;
}
#glance td { padding: 3px; 
}
.overview {
  background: #E2F0DF;
  margin-left: 480px;
  width: 200px;
  padding: 5px;
  border: 1px solid #3A552C;
  margin-top: 10px;
}
.overview div {
  background: #CBE6C5;
  padding: 3px 3px 3px 5px;
  margin: 5px -5px;
  font-weight: bold;
}
.main .overview h2 {
  background: #3A552C;
  padding: 8px;
  font-size: 1.35em;
  color: #FCFEFC;
  margin: -5px;
}
.main { margin-top: 5px; 
}
.main .session {
  background: url(graphics/session-bg.jpg);
  border: 1px solid #99CCCC;
}

.main h1 {
  font-size: 2.5em;
  color: #253779;
  font-style: italic;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 12px;
  font-weight: bold;
  margin: 0px;
}
.main h2 {
  font-size: 1.5em;
  font-style: italic;
  color: #B92B91;
  margin-top: 15px;
}

.moderator {
  font-style: italic;
  padding: 2px 10px;
}
.main .time {
  font: 1.35em Arial, Helvetica, sans-serif;
  color: #253779;
  padding: 2px 10px 1px;
}
.column {
  float: left;
  width: 266px;
}

.topic {
  float: left;
  border: 1px solid #8DC981;
  background: #FDFDFB;
  z-index: 2;
  width: 258px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.topic h2 {
  color: #B92B91;
  font-size: 1.25em;
  font-weight: bold;
  padding: 5px;
  background: #D9F0D0;
  margin: 0px;
  border-bottom: 1px solid #8DC981;
  min-height:20px;
}
.topic h3 {
  font-style: italic;
  font-size: .95em;
  padding: 3px 5px;
  background: #EBF8E7;
  border-bottom: 1px solid #8DC981;
}


.topic ul {
  margin-left: 5px;
  margin-bottom: 5px;
  padding: 5px;
}
.topic li {
  margin-left: 10px;
  list-style-position: outside;
  list-style-image: url(graphics/bullet.gif);
  margin-bottom: .2em;
}
.topic p {
  margin-left: 15px;
  margin-bottom: 10px;
}
#right .topic { width: 266px; }
#right .abstract{ width: 256px; }
#right img {
  border: 1px solid #8DC981;
  margin: 5px;
}




.abstract {
  font-size: 0.92em;
  width: 248px;
  background: #E8E8E8;
  border: 1px solid #999999;
  visibility: visible;
  position: relative;
  z-index: 10;
  padding: 5px;
  margin-left: -1px;
}
.abstract  p {
  line-height: 1.5em;
  margin-left: 0px;
}
.topic .abstract ul li {
  margin-left: 20px;
  list-style-type: none;
  list-style-image: url(graphics/bullet-sm.gif);
}
.main .highlights {
  float: left;
  width: 500px;
}
#footer p { margin: 8px; }
img#right {
  border: 1px solid #8DC981;
  margin: 5px;
}