html { 
	width:100%;
	height:100%;
	background:url(images/bg.jpg) top center no-repeat;
	} 
	
body { 
	font-size:.8em;
	font-family: 'Open Sans', sans-serif;
	text-align:center;
	color:#333333;
	margin:0;
    padding:0;
	}
	
p	{
	line-height:1.4em;
	}		
	
/* links */
	
a 	{ 
	font-weight:600;
	color: #00407c; 
	text-decoration:none;
	}
	
a:hover	{ 
	font-weight:none; 
	color:#005dab; 
	text-decoration:underline;
	} 

a:visited {
    font-weight:none; 
	color:#00407c; 
  	text-decoration:underline;
	}
	
a:active { 
	font-weight:none; 
	color:#005dab; 
	text-decoration:underline;
	} 	
	
a#top { 
	font-family: 'Open Sans', serif;
	font-weight:700;
	color:#be2025;
	padding-right:10px;
	padding-top:100px;
	text-transform:uppercase;
	float:right;
	text-align:right;
	}
		
/* lists */

ol li {
	list-style-type: decimal;
	line-height:1.4em;
	}

ul li { 
	list-style-type:square;
	line-height:1.4em;
	}	
	
/* headings */
			
h1	{ 
	font-family: 'Roboto Slab', serif;
	font-weight:400;
	font-size:185%; 
	color:#333333;
	padding-bottom:10px;
	}
		
h1.theme { 
	font-family: 'Roboto Slab', serif;
	font-weight:400;
	font-size:160%;
	color:#bcbdc0;
	font-style:italic;
	}
	
h2	{ 
	font-family: 'Roboto Slab', serif;
	font-weight:400;
	font-size:165%;
	color:#333333;
	vertical-align:bottom;
	}

h3	{ 
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	font-size:140%; 
	color:#333333;
	}
	
h3.notice {
	background:url(images/alert.png) left no-repeat;
	padding-left:20px;
	margin-top:0;
	}
										  
h4	{ 
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	font-size:120%; 
	color:#333333;
	}
	
h4.kd { 
	background:url(images/keydates.gif);
	width:234px;
	height:37px;
	text-indent:-9999px;
	}
		
h5	{ 
	font-family:'Roboto', sans-serif;
	font-weight:400;
	font-size:110%; 
	color:#333333;
	}

h6	{ 
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	font-size:100%; 
	color:#333333;
	}	
	
.link {
	text-decoration:underline; 
	color: #00407c; 
	}
	
.link:hover {
	text-decoration:underline; 
	color:black;
	}
	
.photo {
	border:1px solid #00407c;
	padding:2px; 
	}
		
/* main structure */
	
#container {
	background:url(images/midshadow.png);
	margin:auto auto;
	width:996px;
	overflow:inherit;	
	}	

#navbar { 
	background:url(images/navbarbg.gif) repeat-x;
	margin:0 auto;
	height:50px;
	width:980px;
	}
	
ul#nav	{
		float:left;
		position:relative;
		margin:0;
		padding:0;
		list-style:none;
		}

ul#nav li 	{
		float:left;
		position:relative;
		margin:0;
		padding:0;
		list-style-type:none;
		}

ul#nav li a {
		float:left;
		height:50px;
		display:block;
		text-indent:-9999px;
		outline:none;
		}

li#confinfo a, li#program a, li#exhibits a, li#placement a, li#ce a, li#sponsors a, li#advertise a, li#newsroom a, li#home a {
		background:url(http://www.amstat.org/meetings/jsm/2014/images/navbar.png);
		}
	
li#confinfo a {
		background-position:0 0;
		width:188px;
		left:0;
		}
			
li#confinfo a:hover {
		background-position:0 -50px;
		}

li#program a {
		background-position:-188px 0;
		width:82px;
		left:188px;
		}

li#program a:hover {
		background-position:-188px -50px;
		}

li#exhibits a {
		background-position:-270px 0;	
		width:75px;
		left:270px;
		}
			
li#exhibits a:hover {
		background-position:-270px -50px;
		}

li#placement a 	{
		background-position:-344px 0;
		width:93px;
		left:344px;
		}

li#placement a:hover {
		background-position:-344px -50px;
		}

li#ce a { 
		background-position:-437px 0;
		width:193px;
		left:437px;
		}

li#ce a:hover { 
		background-position:-437px -50px;
		}
		
li#sponsors a {
		background-position:-630px 0;
		width:84px;
		left:630px; 
		}
	
li#sponsors a:hover { 
		background-position:-630px -50px;
		} 
		
li#advertise a { 
		background-position:-714px 0;
		width:97px;
		left:714px;
		}

li#advertise a:hover { 
		background-position:-714px -50px;
		}
		
li#newsroom a { 
		background-position:-811px 0;
		width:96px;
		left:811px;
		}

li#newsroom a:hover { 
		background-position:-811px -50px;
		}
		
li#home a {
		background-position:-907px 0;
		width:72px;
		left:907px;
		}
			
li#home a:hover {
		background-position:-907px -50px;
		}
		
/* sub menu */

/* shift menu right to align with page */
ul#nav li#confinfo .sub {
		margin-left:15px;
		}
	
ul#nav li .sub {
		top: 51px; 
		left:0; /* adjustment because of IE7 */
		position: absolute; /*--Important--*/
		z-index: 99999;
		background: #00407c;
		border:0;
		padding: 0px;
		float: left;
		display: none; /*--Hidden for those with js turned off--*/
		}

ul#nav li .sub ul {
		list-style: none;
		margin: 0; 
		padding: 0;
		float: left;
		}
	
ul#nav .sub ul li {
		font-family: 'Open Sans', sans-serif;
		font-weight:400;
		font-size:1em;
		color: #fff;
		text-align:left;
		}

ul#nav .sub ul li a {
		float: none;
		width:200px;
		text-indent: 0; /*--Override text-indent from parent list item--*/
		height: auto; /*--Override height from parent list item--*/
		background: url(http://www.amstat.org/meetings/jsm/2014/images/navlist_arrow.png) no-repeat 5px 11px;
		padding: 5px 15px 5px 15px;
		display: block;
		text-decoration: none;
		color: #fff;
		}

ul#nav .sub ul li a:hover {
		color: #fffff;
		background-color:#00569e;
		}
		
#header {
	background: url(images/header.jpg) no-repeat;
	width:980px;
	text-align:center;
	margin:auto auto;
	height:310px;
	}
	
#header_scrunched {
		background: url(images/header_condensed.gif) no-repeat;
		width:980px;
		text-align:center;
		margin:auto auto;
		height:163px;
		}
		
#content { 
	background-color:#ffffff;
	margin:auto auto;
	width:960px;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	height:100%;
	text-align:left;
	}
	
p.button { 
	text-align:center;
	}
	
/* welcome page */

div#colorboxes {
		background:url(images/connected_bg.gif) top center no-repeat;
		float:left;
		width:100%;
		}
		
	div.colorboxcolumn { 
		float:left;
		width:30%;
		padding:1.5%;
		}
	
	div.colorbox {
		background-color:#ffffff;
		font-size:.9em;
		position:relative;
		padding:5px;
		height:205px;
		width:250px;
		margin:25px auto;
		border:1px solid #eeeeee; 
		}
		
	div.colorbox p { line-height:1.6em;}
	/*a.learnmore {
		padding:5px;
		position:absolute;
		bottom:0;
		right:0;
		background-color:#eeeeee;
		border-top:1px solid #cccccc;
		border-left:1px solid #cccccc;
		font-family: 'Oswald', sans-serif;
		font-weight:400;
		font-size:110%; 
		color:#666666;
		text-transform:uppercase;
		}
	*/
	
	a.be { padding:5px;
		position:absolute;
		bottom:0;
		right:0;
		background-color:#00407c;
		border-top:1px solid #cccccc;
		border-left:1px solid #cccccc;
		font-family: 'Open Sans', sans-serif;
		font-weight:400;
		text-transform:uppercase;
		color:#ffffff;
		}
		
	a.ptcpt { padding:5px;
		position:absolute;
		bottom:0;
		right:0;
		background-color:#00407c;
		border-top:1px solid #cccccc;
		border-left:1px solid #cccccc;
		font-family: 'Open Sans', sans-serif;
		font-weight:400;
		text-transform:uppercase;
		color:#ffffff;
		}
		
	a.ntwrk { padding:5px;
		position:absolute;
		bottom:0;
		right:0;
		background-color:#00407c;
		border-top:1px solid #cccccc;
		border-left:1px solid #cccccc;
		font-family: 'Open Sans', sans-serif;
		font-weight:400;
		text-transform:uppercase;
		color:#ffffff;
		}
		
	a.explr { padding:5px;
		position:absolute;
		bottom:0;
		right:0;
		background-color:#00407c;
		border-top:1px solid #cccccc;
		border-left:1px solid #cccccc;
		font-family: 'Open Sans', sans-serif;
		font-weight:400;
		text-transform:uppercase;
		color:#ffffff;
		}
		
	a.careers { padding:5px;
		position:absolute;
		bottom:0;
		right:0;
		background-color:#00407c;
		border-top:1px solid #cccccc;
		border-left:1px solid #cccccc;
		font-family: 'Open Sans', sans-serif;
		font-weight:400;
		text-transform:uppercase;
		color:#ffffff;
		}
		
	a.lrn { padding:5px;
		position:absolute;
		bottom:0;
		right:0;
		background-color:#00407c;
		border-top:1px solid #cccccc;
		border-left:1px solid #cccccc;
		font-family: 'Open Sans', sans-serif;
		font-weight:400;
		text-transform:uppercase;
		color:#ffffff;
		}
		
	a.brws { padding:5px;
		position:absolute;
		bottom:0;
		right:0;
		background-color:#00407c;
		border-top:1px solid #cccccc;
		border-left:1px solid #cccccc;
		font-family: 'Open Sans', sans-serif;
		font-weight:400;
		text-transform:uppercase;
		color:#ffffff;
		}
	
/* program committee list */
	
#programcomm { 
	width:74%;
	float:left;
	}
	
#programcomm img, #invited img { 
	border:2px solid #bf2026;
	padding:3px;
	vertical-align:top;
	} 
	
#keydates { 
	font-size:87%;
	color:#333333;
	float:right;
	width:234px;
	margin-left:10px;
	}
	
	.bannerad { 
		margin-top:20px;		
		border:1px solid #666;
	}
	
	#keydates ul { 
		margin-left:0;
		padding-left:5px;
		}
	
	#keydates ul li { 
		list-style-type:none;
		padding-bottom:15px;
		}
	
#footer { 
	background:url(images/footer.jpg);
	width:980px;
	height:251px;
	clear:both;
	margin:0 auto;
	} 
	
#social {
	background:url(images/footerbot.gif) no-repeat;
	font-family: 'Roboto Slab', serif;
	color:#333333;
	width:996px;
	height:11px;
	margin:0 auto;
	padding-top:20px;
	}
	
#social a { 
	font-weight:400;
	}
	
/* formatted tables */

	#formatted  {
		font-family:'Open Sans', sans-serif;
		border: 1px solid #00407c;	
	}
	
	#formatted_borderless  {
		font-family:'Open Sans', sans-serif;
	}
	
	#formatted td, #formatted th {
		border: 1px solid #00407c;	
	}
	
	#formatted tr.alt td {
		background-color:#e7e7e7;		
	}
	
.notice_box { 
	width:700px;
	background-color:#eeeeee;
	padding:10px;
	border-top:3px solid #bd2125;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	}
	
.noticelong_box { 
	width:940px;
	background-color:#eeeeee;
	padding:10px;
	text-align:center;
	border-top:3px solid #bd2125;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	}
	
.tweetnoticelong_box { 
	margin:0 auto;
	background-color:#eeeeee;
	padding:10px;
	text-align:center;
	border-top:3px solid #00aeed;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	}
	
.notice_box h3 { margin-top:0;}
	
/*
*------------------------
* online progam specific
*------------------------
*/		
	.RequiredField {
		color:red;
		font-weight:bold;
		}

	.required {
		color:#046699;
		font-weight:bold;
		}

	.mediumwhite {
		font-size:small;
		color:white;
		font-weight:bold;
		}
		
	.mediumblue {
		font-size:small;
		color:navy;
		font-weight:bold;
		}		

	.smallblue {
		font-size:10pt;
		color:#000099;
		font-weight:bold;
		}

	.smallwhite {
		font-size:10pt;
		color:White;
		font-weight:bold;
		}

	.smallred {
		font-size:10pt;
		color:red;
		font-weight:bold;
		}

	.onred {  
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 10px; color: #FFFFFF
		}

	.submittedvalue {
		color: Blue;
		font-weight: bold;
		}
	
	.title {
		font-size : medium;
		color : white;
		font-weight : bold;
		}

	.whitecentertitle  {
		font-family : Verdana, Arial, Helvetica, sans-serif;
		font-size : 14pt;
		font-weight : bold;
		color : white;
		text-align : center;
		}
		
	#separator {
		background:url(onlineprogram/images/barbg.gif) repeat-x;
		height:42px;;
		width:100%;
		}
		
	#separator h1 {
		padding-top:10px;
		background:none;
		border:none;
		}
		
	#separator h4 {
		font-size:95%;
		background:none;
		padding-top:10px;
		border:none;
		text-align:center;
		}
		
	.box {
		background:url(onlineprogram/images/boxbg.gif) repeat-x;
		height:141px;
		font-family: 'Open Sans', sans-serif;
		font-size:.9em;
		}
		
	/* override jquery ui styles for online program accordions */
	h2#ui-accordion-accordion-header-0, h2#ui-accordion-accordion-header-1, h2#ui-accordion-accordion-header-2,
	h2#ui-accordion-accordion-header-3 {
		font-family: 'Roboto Slab', serif;
		font-weight:400;
		font-size:150%;
		padding:5px 0 5px 30px;
		color:#333333;
		vertical-align:bottom;
		}
		
	.box h3 { 
		font-family: 'Roboto', sans-serif;
		font-weight:400;
		font-size:140%; 
		color:#333333;
		}
		
	div#accordion table tr td { font-family: 'Open Sans', sans-serif;font-size:.9em;}
		
	/* end of override jquery ui styles for online program accordions */
		
	.smallink {
		text-decoration:underline;
		font-size:75%;
		}
	.myprogram { 
		border-bottom: 1px solid; 
		padding: 10px;
		}
		
/*
*------------------------
*   jQuery Prompt
*------------------------
*/
.jquerypromptwarning .jqueryprompt{ background-color: #acb4c4; }
.jquerypromptfade{ position: absolute; background-color: #aaaaaa; }
div.jqueryprompt{ font-family: 'Droid Sans', Arial, sans-serif; position: absolute; background-color: #ffffff; width: 300px; font-size: 110%; text-align: left; border: solid 1px #6abae5; }
div.jqueryprompt .jquerypromptcontainer{ background-color: #ffffff; border-top: solid 14px #6abae5; padding: 5px; font-weight: bold; }
div.jqueryprompt .jquerypromptclose{ float: right; width: 18px; cursor: pointer; margin: -19px -12px 0 0; color: #ffffff; font-weight: bold; }
div.jqueryprompt .jquerypromptmessage{ padding: 10px; line-height: 20px; font-size: 11px; color: #333333; }
div.jqueryprompt .jquerypromptbuttons{ text-align: right; padding: 5px 0 5px 0; border: solid 1px #eeeeee; background-color: #f4f4f4; }
div.jqueryprompt button{ padding: 3px 10px; margin: 0 10px; background-color: #6abae5; border: solid 1px #f4f4f4; color: #ffffff; font-weight: bold; font-size: 12px; }
div.jqueryprompt button:hover{ border: solid 1px #d4d4d4; }	

/*
*------------------------
*   smooth Ex
*------------------------
*/
.jqismoothfade{ position: absolute; background-color: #333333; }
div.jqismooth{ width: 350px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; position: absolute; background-color: #ffffff; font-size: 11px; text-align: left; border: solid 3px #e2e8e6; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 7px; }
div.jqismooth .jqismoothcontainer{ font-weight: bold; }
div.jqismooth .jqismoothclose{ position: absolute; top: 0; right: 0; width: 18px; cursor: default; text-align: center; padding: 2px 0 4px 0; color: #727876; font-weight: bold; background-color: #e2e8e6; -moz-border-radius-bottomLeft: 5px; -webkit-border-bottom-left-radius: 5px; border-left: solid 1px #e2e8e6; border-bottom: solid 1px #e2e8e6;  }
div.jqismooth .jqismoothmessage{ padding: 10px; line-height: 20px; color: #444444; }
div.jqismooth .jqismoothbuttons{ text-align: right; padding: 5px 0 5px 0; border: solid 1px #e2e8e6; background-color: #f2f8f6; }
div.jqismooth button{ padding: 3px 10px; margin: 0 10px; background-color: #2F6073; border: solid 1px #f4f4f4; color: #ffffff; font-weight: bold; font-size: 12px; }
div.jqismooth button:hover{ background-color: #728A8C; }
div.jqismooth button.jqismoothdefaultbutton{ background-color: #BF5E26; }
.jqismoothwarning .jqismooth .jqismoothbuttons{ background-color: #BF5E26; }

input.error, select.error, textarea.error {
      background: #FFC;
	  border : thin solid Red;
}				

label.error { 
		color: #C00; 
		float:none;
		padding-left: .2em; 
		vertical-align: baseline; 
		font-weight:bold;
		font-variant:small-caps;
		display: none;
		}
	

.AddSession, .AddSession:hover, .AddSession:active, .AddSession:focus { 
	background:url(onlineprogram/images/add_btn.gif) no-repeat;
	width:158px;
	font-size:0;
	line-height:0;
	height:31px;
	text-indent:-100em;
	display:block;
	cursor:pointer;
	outline:none;
	border:none;
	text-decoration:none;
	}	

.RemoveSession,.RemoveSession:hover,.RemoveSession:active,.RemoveSession:focus { 
	background:url(onlineprogram/images/remove_btn.gif) no-repeat;
	font-size:0;
	line-height:0;
	width:158px;
	height:31px;
	text-indent:-100em;
	display:block;
	cursor:pointer;
	outline:none;
	border:none;
	text-decoration:none;
	}		
	
/*
*------------------------
*   placement specific
*------------------------
*/

.help {
	font-weight:normal;
	text-align:center;
	padding-left:20px;
	padding-top:5px;
	background: transparent url(placement/images/help_icon.gif) no-repeat bottom left;
	}
	
/*
*------------------------
*   add-on system specific
*------------------------
*/
	
div.addonheading { 
	background:url('addons/images/heading.png') left no-repeat;
	height:40px; 
	width:391px;
	}
	
div.addonheadinglong { 
	background:url('addons/images/headinglong.png') left no-repeat;
	height:40px; 
	width:497px;
	}
	
div.addonheading h3, div.addonheadinglong h3 { 
	color:#ffffff;
	padding-top:12px;
	padding-left:10px;
	}
	
a.edit { 
	color:#ffffff;
	font-weight:normal;
	font-size:.7em;
	text-decoration:underline;
	float:right;
	padding-right:25px;
	}
	
a:hover.edit { 
	color:#cccccc;
	font-weight:normal;
	font-size:.7em;
	text-decoration:underline;
	float:right;
	padding-right:25px;
	}