@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:#D8DDED;*/
	/*background-color:#DBF0F0;*/
	background-image:url(/images/dot3.gif);
	background-repeat: repeat;
	background-position: left bottom;
}


/* ------------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:#007F7B;}
.boldcolor {color:#007F7B;}
.nobreak {white-space: nowrap;}
.red {color:#990000; font-weight:bold;}
.date {color:#007F7B;}

sup, sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	position: relative;
}

sup {bottom: 1ex;}
sub {top: .5ex;}



/*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  ***/
}

 p.home {margin:0 0 .6em 0; padding:0; font-size:60%;}



/* ----############---------------- Banner (Graphic) Styles --------------############----*/

#banner
{
	float:left;
	clear:both;
	display:block;
	width:100%;
	height:125px;
	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-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	border-right: 1px solid #007F7B;
}



/*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: #007F7B; 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: #007F7B;}
#program div#nav ul li#programNav a {color:#FFFFFF;background-color: #007F7B;}
#abstract div#nav ul li#abstractNav a {color:#FFFFFF;background-color: #007F7B;}
#reg div#nav ul li#regNav a {color:#FFFFFF;background-color: #007F7B;}
#travel div#nav ul li#travelNav a {color:#FFFFFF;background-color: #007F7B;}
#grants div#nav ul li#grantsNav a {color:#FFFFFF;background-color: #007F7B;}

/* ~~~~~~~~~~~~~~ to keep L2 nav separate from L1 ~~~~~~~~~~~~~~ */
#program div#nav ul li#programNav ul a {color:#333; background-color: #fff;}
#abstract div#nav ul li#abstractNav 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;}
#grants div#nav ul li#grantsNav ul a {color:#333; background-color: #fff;}

/* ~~~~~~~~~~~~~~ L2 nav - On Hover ~~~~~~~~~~~~~~ */
#nav li#programNav ul#smenu1 a:hover {color:#007F7B;}
#nav li#abstractNav ul#smenu2 a:hover {color:#007F7B;}
#nav li#regNav ul#smenu5 a:hover {color:#007F7B;}
#nav li#travelNav ul#smenu6 a:hover {color:#007F7B;}
#nav li#grantsNav ul#smenu7 a:hover {color:#007F7B;}

/* ~~~~~~~~~~~~~~ L2 nav - On Down ~~~~~~~~~~~~~~ */
#program #guidelines div#nav ul ul li#guidelinesNav a {color:#007F7B;}

#reg #rates div#nav ul ul li#ratesNav a {color:#007F7B;}
#reg #lic div#nav ul ul li#licNav a {color:#007F7B;}
#reg #registrants div#nav ul ul li#registrantsNav a {color:#007F7B;}

#travel #res div#nav ul ul li#resNav a {color:#007F7B;}
#travel #rates div#nav ul ul li#ratesNav a {color:#007F7B;}

#grants #berkner div#nav ul ul li#berknerNav a {color:#007F7B;}
#grants #stg div#nav ul ul li#stgNav a {color:#007F7B;}






/* ----############--------Right column for 3col layout-------############----*/

div#rightcol {
	float:right;
	width: 18%;
	min-width:150px;
	padding: .6em .6em .3em .6em;
	margin-top:0.6em;
	margin-bottom:1.2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*background-color:#D8DDED;*/
	background-color:#DBF0F0;
}

#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:#17569B;}
#rightcol .attn a {text-decoration:underline;}
#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:#007F7B;}
#rightcol a {text-decoration:none;color:#17569B;}

#rightcol a.email {text-decoration:underline;color:#114684;}


.caption {padding-top:.6em; font-weight:bold; color:#17569B; font-size: 80%;}

#rightcol ul {list-style:none; margin:0; padding:0;}
#rightcol li {margin-bottom:.4em; font-weight:bold; color:#17569B; font-size: 65%; line-height:1.2em;}

#rightcol .pagelinks a {color:#17569B; 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:#007F7B; 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*/
  	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
}

#content-2col
{	margin-left: 20%; /* for 2-col*/
	margin-right: 5%; /* for 2-col*/
  	font-family: Verdana, Arial, Helvetica, sans-serif;
	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: #17569B; }
h1.toppage {margin:0; font-size: 115%; line-height:1.3em; color: #17569B; }
h2 {margin:1.6em 0 .5em 0; font-size: 95%; line-height:1.3em; /*color: #007F7B;*/ color:#000; }
#events h2, #lectures h2 {margin:2em 0 .5em 0; padding: .1em .4em; font-size: 95%; line-height:1.3em; color: #fff; background-color:#17569B; }
h3 {margin:1.6em 0 .4em 0; font-size: 80%; line-height:1.3em; color: #17569B; }
h3.date {margin: 2em 0 .4em 0; font-size: 70%; line-height:1.3em; color: #17569B; border-bottom:1px solid #17569B; border-top:1px solid #17569B; padding-bottom:.4em; padding-top:.4em; }
#events h3, #lectures h3 {margin:1.8em 0 0 0; border-bottom:1px solid #999; color: #17569B; padding-bottom:.3em;}
h4 {margin:1.6em 0 0 0; font-size: 70%; line-height:1.2em; color: #000; }
a {color:#17569B; font-weight:bold;}
a:hover {color:#0033FF;}

.namelist {float:left; width: 45%; padding-right: 5%;}

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: 0 0 1.2em 0;}
ol li {font-size: 70%; line-height:1.4em; font-family: Verdana, Arial, Helvetica, sans-serif; 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; font-family: Verdana, Arial, Helvetica, sans-serif; color:#000; margin-bottom:8px;}


.bordertop {border-top:1px dotted #999999; padding:0.6em 0;}

/*for fitst page meeting subtitle*/
.sub1  {margin:1em 0 0 0; font-size: 90%; font-weight:bold; color: #666;}
.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;}

/*for News Media Advisory link*/
.advisory  {color:#007F7B;}

/*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:#007F7B; 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 #17569B;}


/*Webcast box */
.webcasts {border-top: 1px solid #17569B; border-bottom: 1px solid #17569B;}
.webcasts h3 {font-size: 70%;}




/* ----#################------------------ 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:#007F7B;}
#footlinks a:hover {color:#114684; text-decoration:underline;}

/* ==== COLOR - copyright bg ==== */
#copyright {background-color:#007F7B; margin:0; padding:1.4em .6em .2em .6em; line-height:1.4em; }
#copyright p {margin:0 0 1.6em 0; color:#fff;}