@charset "utf-8";
/* CSS Document */
html {/*---------removes default browser padding-----------*/
    margin: 0;
    padding: 0;
    height:100%;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
body {
    margin: 0;
    padding: 0;
    height:100%; /*necessary for background shading*/
    behavior:url("/journals/styles/csshover.htc"); /* IE5.5 and 6 fix for :hover effects on list items*/
    font-size:100%;
    text-align: center;
    color: #000;
    background-color:#E9E9F8;
}
/* ------------Skip Nav -------------------*/
#skip a, #skip a:hover, #skip a:visited {
    position:absolute;
    left:0px;
    top:-500px;
    width:1px;
    height:1px;
    overflow:hidden;
}
#skip a:active, #skip a:focus {  /* Note - active for IE, Focus for Firefox*/
    position:static;
    width:auto;
    height:auto;
}
/* ----############-------------misc styles---------------############----*/
.hide {
    position: absolute;
    left: -9000px;
    top: 0;
}
.hidefromscreen {display:none;}
.img {border:none;}
.bold {font-weight:bold;}
.ital {font-style:italic;}
a img {border-style:none;}
.right {text-align:right;}
.center {text-align:center;}
.color {color:#211F5D;}
.boldcolor {color:#2E3192;}
.nobreak {white-space: nowrap;}
.red {	color:#C00;}
.callbox {padding: .4em; background-color:#F5F5F5; border-top:1px solid #2E3192; border-bottom:1px solid #2E3192;}
sup, sub {
    height: 0;
    line-height: 1;
    vertical-align: baseline;
    position: relative;
}
sup {bottom: 1ex;}
sub {top: .5ex;}
/* Table rows striping - controlled by jQuery */
.even {background-color:#FFF;}
.odd {background-color:#EAEDF4;}
/*for center content requiring two columns*/
.col1 {float:left; width:47%; margin-right: 5%; border:1px solid #fff;} 
.col2 {float:right; width:47%; border:1px solid #fff;}
.spacer {display:block;}
.gray {color:#CCCCCC;} 
.asterisk {color:#FF0000;}
.address {padding-top:.6em;}
/* ----############----------Container - holds everything-----------------############----*/
#container
{
    width: 90%; /* for 3-col*/
    min-width:375px;
    max-width: 900px; /*so banner for doesn't wierd out*/
    margin: 0 auto 0 auto; /*this makes thecontainer center in the browser*/
    padding: .6em 1em 1em 1em;
    background-color: #fff;
    color: #333;
    line-height: 130%;
    text-align: left;
    position:relative; z-index:1; /*this is for the background shading*/
}
* html #container {
    position: relative; /*** IE needs this  ***/
}
/* ----############---------------- Banner (Graphic) Styles --------------############----*/
#banner
{
    float:left;
    clear:both;
    display:block;
    width:100%;
    height:175px;
    padding: 0;
    margin:0;
    background-image:url(../images/banner.jpg); 
    background-repeat:no-repeat;
}
#clear {margin:0; padding:px; display:block;} /*need this to keep content from going behind banner*/
/* ----############------------------ Left Navigation Box ------------------############----*/
#navcontainer
{	float: left;
  width: 17%; /* for 3-col*/
  /*height:100%;*/
  margin: 0;
  padding: 0;
  font-size: 90%;
  border-right: 1px solid #2E3192;
}
/*first level li*/
#nav ul {margin: .5em 0 0 0; padding: 0; }
#nav ul li {margin: 0 0 1px 0; padding:0; font-weight: bold; display:block; line-height:1.2em;}
#nav ul a {display: block; padding: 6px 10px 6px 7px; text-decoration: none; color:#000;}
#nav ul a:hover {text-decoration: none; background-color: #2E3192; color:#fff;}
/*second level li*/
#nav ul ul {margin:.2em 0 0 0; padding:0;}
#nav ul ul li {margin: 0 0 1px 0; font-weight: bold; font-size: 95%;}
#nav ul ul a {display: block; padding: 5px 5px 5px 15px; font-weight:normal; color:#000;}
/* ~~~~~~~~~~~~~~ L1 nav - On Down ~~~~~~~~~~~~~~ */
#index div#nav ul li#indexNav a {color:#FFFFFF;background-color: #2E3192;}
#program div#nav ul li#programNav a {color:#FFFFFF;background-color: #2E3192;}
#glance div#nav ul li#glanceNav a {color:#FFFFFF;background-color: #2E3192;}
#guidelines div#nav ul li#guidelinesNav a {color:#FFFFFF;background-color: #2E3192;}
#lectures div#nav ul li#lecturesNav a {color:#FFFFFF;background-color: #2E3192;}
#events div#nav ul li#eventsNav a {color:#FFFFFF;background-color: #2E3192;}
#reg div#nav ul li#regNav a {color:#FFFFFF;background-color: #2E3192;}
#travel div#nav ul li#travelNav a {color:#FFFFFF;background-color: #2E3192;}
#services div#nav ul li#servicesNav a {color:#FFFFFF;background-color: #2E3192;}
#exhibits div#nav ul li#exhibitsNav a {color:#FFFFFF;background-color: #2E3192;}
#outreach div#nav ul li#outreachNav a {color:#FFFFFF;background-color: #2E3192;}
#newsmedia div#nav ul li#newsmediaNav a {color:#FFFFFF;background-color: #2E3192;}
#workshop div#nav ul li#workshopNav a {color:#FFFFFF;background-color: #2E3192;}
/* ~~~~~~~~~~~~~~ to keep L2 nav separate from L1 ~~~~~~~~~~~~~~ */
#program div#nav ul li#programNav ul a {color:#333; background-color: #fff;}
#guidelines div#nav ul li#guidelinesNav ul a {color:#333; background-color: #fff;}
#lectures div#nav ul li#lecturesNav ul a {color:#333; background-color: #fff;}
#events div#nav ul li#eventsNav ul a {color:#333; background-color: #fff;}
#reg div#nav ul li#regNav ul a {color:#333; background-color: #fff;}
#travel div#nav ul li#travelNav ul a {color:#333; background-color: #fff;}
#services div#nav ul li#servicesNav ul a {color:#333; background-color: #fff;}
#exhibits div#nav ul li#exhibitsNav ul a {color:#333; background-color: #fff;}
#outreach div#nav ul li#outreachNav ul a {color:#333; background-color: #fff;}
#newsmedia div#nav ul li#newsmediaNav ul a {color:#333; background-color: #fff;}
#workshop div#nav ul li#workshopNav ul a {color:#333; background-color: #fff;}
/* ~~~~~~~~~~~~~~ L2 nav - On Hover ~~~~~~~~~~~~~~ */
#nav li#programNav ul#smenu1 a:hover {color:#2E3192;}
#nav li#guidelinesNav ul#smenu3 a:hover {color:#2E3192;}
#nav li#lecturesNav ul#smenu4 a:hover {color:#2E3192;}
#nav li#regNav ul#smenu5 a:hover {color:#2E3192;}
#nav li#travelNav ul#smenu6 a:hover {color:#2E3192;}
#nav li#outreachNav ul#smenu7 a:hover {color:#2E3192;}
#nav li#newsmediaNav ul#smenu8 a:hover {color:#2E3192;}
#nav li#workshopNav ul#smenu9 a:hover {color:#CE5528;}
/* ~~~~~~~~~~~~~~ L2 nav - On Down ~~~~~~~~~~~~~~ */
#program #proposals div#nav ul ul li#proposalsNav a {color:#2E3192; background-color:#F5F5F5;}
#program #submiss div#nav ul ul li#submissNav a {color:#2E3192; background-color:#F5F5F5;}
#program #glance div#nav ul ul li#glanceNav a {color:#2E3192; background-color:#F5F5F5;}
#program #numbers div#nav ul ul li#numbersNav a {color:#2E3192; background-color:#F5F5F5;}
#program #db div#nav ul ul li#dbNav a {color:#2E3192; background-color:#F5F5F5;}
#program #itin div#nav ul ul li#itinNav a {color:#2E3192; background-color:#F5F5F5;}
#program #cd div#nav ul ul li#cdNav a {color:#2E3192; background-color:#F5F5F5;}
#program #com div#nav ul ul li#comNav a {color:#2E3192; background-color:#F5F5F5;}
#program #scisearch div#nav ul ul li#scisearchNav a {color:#2E3192; background-color:#F5F5F5;}
#guidelines #presenter div#nav ul ul li#presenterNav a {color:#2E3192; background-color:#F5F5F5;}
#guidelines #chair div#nav ul ul li#chairNav a {color:#2E3192; background-color:#F5F5F5;}
#lectures #featured div#nav ul ul li#featuredNav a {color:#2E3192; background-color:#F5F5F5;}
#lectures #townhalls div#nav ul ul li#townhallsNav a {color:#2E3192; background-color:#F5F5F5;}
#reg #rates div#nav ul ul li#ratesNav a {color:#2E3192; background-color:#F5F5F5;}
#reg #lic div#nav ul ul li#licNav a {color:#2E3192; background-color:#F5F5F5;}
#reg #registrants div#nav ul ul li#registrantsNav a {color:#2E3192; background-color:#F5F5F5;}
#travel #trans div#nav ul ul li#transNav a {color:#2E3192; background-color:#F5F5F5;}
#travel #res div#nav ul ul li#resNav a {color:#2E3192; background-color:#F5F5F5;}
#outreach #teachers div#nav ul ul li#teachersNav a {color:#2E3192; background-color:#F5F5F5;}
#outreach #students div#nav ul ul li#studentsNav a {color:#2E3192; background-color:#F5F5F5;}
#outreach #berkner div#nav ul ul li#berknerNav a {color:#2E3192; background-color:#F5F5F5;}
#outreach #stg div#nav ul ul li#stgNav a {color:#2E3192; background-color:#F5F5F5;}
#newsmedia #newsreg div#nav ul ul li#newsregNav a {color:#2E3192; background-color:#F5F5F5;}
#newsmedia #pressconf div#nav ul ul li#pressconfNav a {color:#2E3192; background-color:#F5F5F5;}
#newsmedia #whoscoming div#nav ul ul li#whoscomingNav a {color:#2E3192; background-color:#F5F5F5;}
#newsmedia #advisory1 div#nav ul ul li#advisory1Nav a {color:#2E3192; background-color:#F5F5F5;}
#newsmedia #advisory2 div#nav ul ul li#advisory1Nav a {color:#2E3192; background-color:#F5F5F5;}
#newsmedia #advisory3 div#nav ul ul li#advisory1Nav a {color:#2E3192; background-color:#F5F5F5;}
/* ----############--------Right column for 3col layout-------############----*/
div#rightcol {
    float:right;
    width: 18%;
    min-width:150px;
    padding: .6em .6em .3em .6em; 
    margin-top:.6em;
    margin-bottom:1.2em;
    background-color:#E9E9F8;
}
#rightcol .whitebox {background-color:#FFFFFF; padding:.6em .6em .2em .6em; margin-bottom:1em;}
#rightcol p {margin:0 0 1em 0; font-size: 65%; line-height:1.3em;}
#rightcol .attn {margin:0 0 .9em 0; padding:0 0 .4em 0; font-size: 70%; font-weight:bold; border-bottom:1px solid #333; color:#2E3192;}
#rightcol .attncount {margin:0 0 .9em 0; padding:0 0 .4em 0; font-size: 70%; font-weight:bold; border-bottom:1px solid #333; color:#114684;}
#rightcol p.contact {margin-top:8em; margin-bottom:1em; }
#rightcol h1 {margin:2em 0 1em 0;font-size: 70%; line-height:1.3em; font-weight:bold; color:#000000;}
#rightcol h1.spaceabove {margin:6em 0 1em 0;font-size: 70%; line-height:1.3em; font-weight:bold; color:#000;}
#rightcol h4.countdown {margin:0 0 .4em 0;font-size: 70%; line-height:1.3em; font-weight:bold; color:#2E3192;}
#rightcol a {text-decoration:none;color:#2E3192;}
#rightcol a.email {text-decoration:underline;color:#114684;}
.caption {padding-top:.6em; font-weight:bold; color:#20874B; font-size: 80%;}
#rightcol ul {list-style:none; margin:0; padding:0;}
#rightcol li {margin-bottom:.4em; font-weight:bold; color:#20874B; font-size: 65%; line-height:1.2em;}
#rightcol .pagelinks a {color:#20874B; font-weight:bold;}
#rightcol .pagelinks a:hover {color:#0033FF;}
/*CALENDAR styles*/
.calendar {margin:0 auto .6em auto; padding:0em;border-collapse:collapse; border-bottom: 1px solid #999;}
.calendar th {font-size: 70%; font-weight:bold; background-color:#2E3192; color:#FFF; text-align:center; padding:.1em;}
.calendar td {padding:.2em; line-height:1.2em;font-size: 65%;}
.calendar td.date {padding-left:.5em; width:40px;}
.calendar .odd {background-color:#FFFFFF;}
.calendar .even {background-color:#E2E2E2;}
/* ----############---------------- Center Content -----------------############----*/
#content
{	margin-left: 20%; /* for 3-col*/
  margin-right: 23%; /* for 3-col*/
  text-align:left;
}
#content-2col
{	margin-left: 20%; /* for 2-col*/
  margin-right: 5%; /* for 2-col*/
  text-align:left;
}
p {margin:0 0 1em 0; font-size: 70%; line-height:1.4em; color:#000;}
h1 {margin:.6em 0 1em 0; font-size: 115%; line-height:1.3em; color: #2E3192; }
h1.toppage {margin:0; font-size: 115%; line-height:1.3em; color: #2E3192; }
h2 {margin:1.6em 0 .5em 0; font-size: 95%; line-height:1.3em; color: #20874B; }
#events h2 {margin:2em 0 .5em 0; padding: .1em .4em; font-size: 95%; line-height:1.3em; color: #fff; background-color:#2E3192; }
#featured h2 {margin:0 0 .5em 0;}
h3 {margin:1.6em 0 .4em 0; font-size: 80%; line-height:1.3em; color: #000; }
h3.date {margin: 2em 0 .4em 0; font-size: 70%; line-height:1.3em; color: #20874B; border-bottom:1px solid #20874B; border-top:1px solid #20874B; padding-bottom:.4em; padding-top:.4em; }
#events h3 {margin:1.8em 0 0 0; border-bottom:1px solid #999; color: #2E3192; padding-bottom:.3em;}
h4 {margin:1.6em 0 0 0; font-size: 70%; line-height:1.2em; color: #000; }
a {color:#20874B; font-weight:bold;}
a:hover {color:#0033FF;}
ul li {font-size: 70%; line-height:1.4em; font-family: Verdana, Arial, Helvetica, sans-serif; color:#000; margin-bottom:8px;}
ul.nobullet {list-style:none; margin-left:0; padding-left:0;}
ol {margin-bottom: 1.2em;}
ol li {font-size: 70%; line-height:1.4em; color:#000; margin-bottom:8px;}
ol ul {margin: 0 0 8px 0; padding-left:1.2em; list-style:disc;}
ol ul li {font-size: 100%; line-height:1.4em; color:#000; margin-bottom:8px;}
/*for fitst page meeting subtitle*/
.sub1  {margin:0; font-size: 95%; font-weight:bold; color: #2E3192;}
.sub2 {margin:0; font-weight:bold;}
.indent {margin-left: 2em;}
blockquote {margin: 0 0 1em 2em; font-size: 70%; line-height:1.4em; color:#000;}
blockquote.regform {margin: 0 0 1em 2em; font-size: 100%; line-height:1.4em; color:#000;}
li blockquote {font-size: 100%; line-height:1.4em; color:#000;}
.bordertop {border-top:1px dotted #999999; padding:0.6em 0;}
/*for News Media Advisory link*/
.advisory  {color:#2E3192;}
/*for News Media Registration ol*/
table ol {margin: 0 0 .8em .7em;}
table ol li {font-size: 100%; line-height:1.4em; font-family: Verdana, Arial, Helvetica, sans-serif; color:#000; margin-bottom:.7em;}
.breadcrumb  {font-size: 60%; line-height:1.4em; padding-bottom:1em;}
.breadcrumb a {text-decoration:none;color:#2E3192; font-weight:normal;}
.breadcrumb a:hover {text-decoration:underline;}
/*box around session proposal drop down*/
.sesspropbox {padding:.6em; background-color:#E8E8E8; margin-bottom:1em;}
/*box and styles for around featured lecture days*/
.lecture {padding:0.8em; margin-bottom:1em; background-color:#EAEDF4; border:1px solid #999;}
.lecture h2 {margin:.6em 0 .5em 0;}
.lecture h3 {margin:1.6em 0 .1em 0;}
.lecture .indent {margin-top:.6em;}
.mp {font-weight:bold;}
/*General Table*/
table {margin: .6em 0 .8em 0;}
tbody {border:none;}
tr {border:none;}
.tbold {font-weight:bold;}
td {font-size: 70%; line-height:1.4em; color:#000;}
td td {font-size: 100%;}
td.padbelow {padding-bottom:1em;} /*extra padding for tr*/
th {font-size: 70%; font-weight:bold; background-color:#114684; color:#FFFFFF; text-align:center; padding: .2em .4em; line-height:1.2em;}
/*Personal Itinerary table*/
table.itin {margin: 1em auto; padding: .6em;  width:65%; background-color:#EAEDF4; border:1px solid #999;}
/*Registrants box*/
.registrants {margin: 1em auto; padding:1.5em;  width:50%; background-color:#EAEDF4; border:1px solid #999;}
.registrants p {font-size: 70%; font-weight:bold; margin-bottom:1.4em}
table.db {width:75%; padding:0; border:1px solid #999;}
table.db td {padding:1.3em;}
table.db td.titlebar {padding: .4em .8em; background-color:#114684; color:#FFFFFF; font-size:85%; font-weight:bold;}
table.db td.panel {background-color:#CCC;}
table.db select.list {width:80%;}
table.dbins {border-color: #999; border-width: 0 0 1px 1px; border-spacing: 0; border-collapse: collapse;border-style: solid;}
table.dbins td {border-color: #999; border-style: solid; margin: 0; padding: 4px; border-width: 1px 1px 0 0;}
/*Registration Rates / Ticketed Events /Hotel Info table*/
.rates {margin: 1em auto; padding:0em; border-collapse:collapse;}
.rates th {font-size: 70%; font-weight:bold; background-color:#114684; color:#FFFFFF; text-align:center; padding: .2em .4em; line-height:1.2em;}
.rates th.left {text-align:left; padding-left:.8em;}
.rates th.right {text-align:right; padding-right:.8em;}
.rates td {padding: .1em .8em;}
.rates .odd {background-color:#EAEDF4;}
.rates .borderbtm {border-bottom:1px solid #999; padding-bottom:.4em;}
.rates .last {border-bottom:1px solid #999;}
.rates .last td {padding-bottom:.8em;}
.rates .oddlast {background-color:#EAEDF4; border-bottom:1px solid #999;}
.rates .oddlast td {padding-bottom:.8em;}
.rates td.indent {padding-left:3em;}
/*Housing Reservation table*/
.reserv {padding: 1em; border:1px solid #20874B;}
/*Webcast box */
.webcasts {border-top: 1px solid #20874B; border-bottom: 1px solid #20874B;}
.webcasts h3 {font-size: 70%;}
/*Forms - no radio buttons */
.formtable {width:90%; border:1px solid #999;padding-bottom:.4em; background-color:#E9E9F8;}
.formtable th {margin-bottom:.4em;}
.formtable td {padding:.4em;}
.formtable input {width:90%; border-width:2px;}
.txtarea {width:90%;}
.longinput {width:90%;}
/*Forms w/radios */
.formtableB {width:90%; border:1px solid #999;padding-bottom:.4em; background-color:#E9E9F8;}
.formtableB th {margin-bottom:.4em;}
.formtableB td {padding:.4em;}
.formtableB input {border-width:2px;}
/* ----#################------------------ Footer -----------------------#################----*/
#footer
{
    clear: both;
    margin: 0;
    padding:60px 0 0 0;
    color: #333;
    font-family:Verdana, Arial, Helvetica, sans-serif; 
    font-size: 90%; 
}
/* ---- Bottom page links - unique to each Meeting ------*/
#footlinks {margin:0; padding: 0 0 0 .6em;}
#footlinks p {margin:0 0 .8em 0;}
#footlinks a {text-decoration: none; font-weight:bold;}
/* ==== COLOR - links at bottmom ==== */
#footlinks a {color:#2E3192;}
#footlinks a:hover {color:#114684; text-decoration:underline;}
/* ==== COLOR - copyright bg ==== */
#copyright {background-color:#2E3192; margin:0; padding:1.4em .6em .2em .6em; line-height:1.4em; }
#copyright p {margin:0 0 1.6em 0; color:#fff;}