@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:#B48C2E;
	background-image:url(../images/bkg.gif);
	background-repeat: repeat-x;
	background-position:top;	/*	background-image:url(../images/bkgShadow.gif);
	background-repeat: repeat-x;
	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:#41415B;}
.boldcolor {color:#E11D38;}
.nobreak {white-space: nowrap;}
.red {color:#E11D38;}
.date {color:#41415B;}
.callbox {padding: .4em; background-color:#F5F5F5; border-top:1px solid #358773; border-bottom:1px solid #358773;}


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

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

a {color:#358773; font-weight:bold;}
a:hover {color:#0033FF;}

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



* 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: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 #E11D38;
}



/*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: #E11D38; 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: #E11D38;}
#program div#nav ul li#programNav a {color:#FFFFFF;background-color: #E11D38;}
#glance div#nav ul li#glanceNav a {color:#FFFFFF;background-color: #E11D38;}
#guidelines div#nav ul li#guidelinesNav a {color:#FFFFFF;background-color: #E11D38;}
#lectures div#nav ul li#lecturesNav a {color:#FFFFFF;background-color: #E11D38;}
#events div#nav ul li#eventsNav a {color:#FFFFFF;background-color: #E11D38;}
#reg div#nav ul li#regNav a {color:#FFFFFF;background-color: #E11D38;}
#travel div#nav ul li#travelNav a {color:#FFFFFF;background-color: #E11D38;}
#services div#nav ul li#servicesNav a {color:#FFFFFF;background-color: #E11D38;}
#exhibits div#nav ul li#exhibitsNav a {color:#FFFFFF;background-color: #E11D38;}
#outreach div#nav ul li#outreachNav a {color:#FFFFFF;background-color: #E11D38;}
#newsmedia div#nav ul li#newsmediaNav a {color:#FFFFFF;background-color: #E11D38;}
#green div#nav ul li#greenNav a {color:#FFFFFF;background-color: #E11D38;}


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


/* ~~~~~~~~~~~~~~ L2 nav - On Hover ~~~~~~~~~~~~~~ */
#nav li#programNav ul#smenu1 a:hover {color:#E11D38;}
#nav li#guidelinesNav ul#smenu3 a:hover {color:#E11D38;}
#nav li#lecturesNav ul#smenu4 a:hover {color:#E11D38;}
#nav li#regNav ul#smenu5 a:hover {color:#E11D38;}
#nav li#travelNav ul#smenu6 a:hover {color:#E11D38;}
#nav li#outreachNav ul#smenu7 a:hover {color:#E11D38;}
#nav li#newsmediaNav ul#smenu8 a:hover {color:#E11D38;}


/* ~~~~~~~~~~~~~~ L2 nav - On Down ~~~~~~~~~~~~~~ */
#program #proposals div#nav ul ul li#proposalsNav a {color:#E11D38; background-color:#F5F5F5;}
#program #submiss div#nav ul ul li#submissNav a {color:#E11D38; background-color:#F5F5F5;}
#program #glance div#nav ul ul li#glanceNav a {color:#E11D38; background-color:#F5F5F5;}
#program #numbers div#nav ul ul li#numbersNav a {color:#E11D38; background-color:#F5F5F5;}
#program #db div#nav ul ul li#dbNav a {color:#E11D38; background-color:#F5F5F5;}
#program #itin div#nav ul ul li#itinNav a {color:#E11D38; background-color:#F5F5F5;}
#program #cd div#nav ul ul li#cdNav a {color:#E11D38; background-color:#F5F5F5;}
#program #com div#nav ul ul li#comNav a {color:#E11D38; background-color:#F5F5F5;}
#program #scisearch div#nav ul ul li#scisearchNav a {color:#E11D38; background-color:#F5F5F5;}

#guidelines #presenter div#nav ul ul li#presenterNav a {color:#E11D38; background-color:#F5F5F5;}
#guidelines #chair div#nav ul ul li#chairNav a {color:#E11D38; background-color:#F5F5F5;}

#lectures #featured div#nav ul ul li#featuredNav a {color:#E11D38; background-color:#F5F5F5;}
#lectures #townhalls div#nav ul ul li#townhallsNav a {color:#E11D38; background-color:#F5F5F5;}

#events #external div#nav ul ul li#externalNav a {color:#E11D38; background-color:#F5F5F5;}
#events #honors div#nav ul ul li#honorsNav a {color:#E11D38; background-color:#F5F5F5;}
#events #sectionfocus div#nav ul ul li#sectionfocusNav a {color:#E11D38; background-color:#F5F5F5;}

#reg #rates div#nav ul ul li#ratesNav a {color:#E11D38; background-color:#F5F5F5;}
#reg #lic div#nav ul ul li#licNav a {color:#E11D38; background-color:#F5F5F5;}
#reg #registrants div#nav ul ul li#registrantsNav a {color:#E11D38; background-color:#F5F5F5;}

#travel #trans div#nav ul ul li#transNav a {color:#E11D38; background-color:#F5F5F5;}
#travel #res div#nav ul ul li#resNav a {color:#E11D38; background-color:#F5F5F5;}
#travel #tours div#nav ul ul li#toursNav a {color:#E11D38; background-color:#F5F5F5;}

#outreach #teachers div#nav ul ul li#teachersNav a {color:#E11D38; background-color:#F5F5F5;}
#outreach #students div#nav ul ul li#studentsNav a {color:#E11D38; background-color:#F5F5F5;}
#outreach #berkner div#nav ul ul li#berknerNav a {color:#E11D38; background-color:#F5F5F5;}
#outreach #stg div#nav ul ul li#stgNav a {color:#E11D38; background-color:#F5F5F5;}

#newsmedia #newsreg div#nav ul ul li#newsregNav a {color:#E11D38; background-color:#F5F5F5;}
#newsmedia #pressconf div#nav ul ul li#pressconfNav a {color:#E11D38; background-color:#F5F5F5;}
#newsmedia #whoscoming div#nav ul ul li#whoscomingNav a {color:#E11D38; background-color:#F5F5F5;}
#newsmedia #advisory1 div#nav ul ul li#advisory1Nav a {color:#E11D38; background-color:#F5F5F5;}
#newsmedia #advisory2 div#nav ul ul li#advisory1Nav a {color:#E11D38; background-color:#F5F5F5;}
#newsmedia #advisory3 div#nav ul ul li#advisory1Nav a {color:#E11D38; background-color:#F5F5F5;}





/* ----############--------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;
	background-color:#FEF7E2; /*Right div background color*/
}

#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:#E11D38;}
#rightcol .attn a {color:#E11D38; text-decoration:none;}
#rightcol .attncount {margin:0 0 .9em 0; padding:0 0 .4em 0; font-size: 70%; font-weight:bold; border-bottom:1px solid #333; color:#358773;}
#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:#E11D38;}
/*#rightcol a {color:#E11D38;}
#rightcol a:hover {color:#0033FF; text-decoration:underline;}*/


.caption {padding-top:.6em; font-weight:bold; color:#358773; font-size: 80%; text-align:center;}

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

#rightcol .pagelinks a {color:#358773; 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:#358773; 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:#E0F3EE;}
#rightcol .calendar a {color:#E11D38; font-weight:bold; text-decoration:none;}
#rightcol .calendar a:hover {color:#0033FF;}


/* ----############---------------- 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: #E11D38; }
h1.toppage {margin:0; font-size: 115%; line-height:1.3em; color: #E11D38; }
h2 {margin:1.6em 0 .5em 0; font-size: 95%; line-height:1.3em; color: #358773;}
.presssched h2 {margin:2em 0 .5em 0; border-bottom:1px solid #3F7893; font-size: 90%;}
#events h2 {margin:2em 0 .5em 0; padding: .1em .4em; font-size: 95%; line-height:1.3em; color: #fff; background-color:#E11D38; }
/*#program h2 {font-size: 95%; margin:1.6em 0 0 0;}*/
#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: #E11D38; border-bottom:1px solid #E11D38; border-top:1px solid #E11D38; padding-bottom:.4em; padding-top:.4em; }
#events h3 {margin:1.8em 0 0 0; padding:.3em 0; border-bottom:1px solid #999; border-top:1px solid #999; color: #E11D38; }
.presssched h3 {border:none; color: color: #000; font-size: 80%;}
h4 {margin:1.6em 0 0 0; font-size: 70%; line-height:1.2em; color: #000; }
/*a {color:#E11D38; font-weight:bold;}
a:hover {color:#0033FF;}*/

ul li {font-size: 70%; line-height:1.4em; 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: #E11D38;}
.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:#E11D38;}

/*for News Media Registration ol*/
table ol {margin: 0 0 .8em .7em;}
table ol li {font-size: 100%; line-height:1.4em; color:#000; margin-bottom:.7em;}

.breadcrumb  {font-size: 60%; line-height:1.4em; padding-bottom:1em;}
.breadcrumb a {text-decoration:none;color:#E11D38; 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:#E0F3EE; 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*/
td p {font-size: 100%;}
td h2 {font-size: 125%; line-height:1.4em; color:#358773;}
td h3 {font-size: 105%; line-height:1.4em; color:#000;}
th {font-size: 70%; font-weight:bold; background-color:#358773; color:#FFFFFF; text-align:center; padding: .2em .4em; line-height:1.2em;}
th.prompt {font-weight:normal; border-bottom:1px #777777 solid; background-color:#fff; color:#000; text-align:right;}


/*Personal Itinerary table*/
table.itin {margin: 1em auto; padding: .6em;  width:65%; background-color:#E0F3EE; border:1px solid #999;}

/*Registrants box*/
.registrants {margin: 1em auto; padding:1.5em;  width:50%; background-color:#E0F3EE; 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:#358773; 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:#358773; 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:#E0F3EE;}
.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:#E0F3EE; 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 #E11D38;}


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


/*Forms - no radio buttons */
.formtable {width:90%; border:1px solid #999;padding-bottom:.4em; background-color:#FEF7E2;}
.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:#FEF7E2;}
.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-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:#E11D38;}
#footlinks a:hover {color:#358773; text-decoration:underline;}

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