/*  SAMT 2006 - faithful reproduction of the original samt2006.css  */

body {
	background-color: #e4f2ff;
	margin-top: 0px;
	margin: 0;
}

a:link    { color: #3F729E; text-decoration: none; border-bottom: 1px dotted; }
a:hover   { color: red; text-decoration: none; }
a:visited { border-bottom: 1px dotted; text-decoration: none; }

#wrapper {
	text-align: justify;
	width: 992px;
	margin: 0 auto;
	background: #E4F2FF url(/images/bg.gif) repeat-y center;
	line-height: 130%;
	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Lucida, Helvetica, Verdana, Arial, Sans-serif;
}

/* Header - original banner */
#header {
	clear: both;
	background: url(/images/samt2006.jpg) no-repeat left;
	height: 154px;
	width: 972px;
	margin: 0 auto;
	font-size: 24px;
	text-align: center;
}
#header a { display: block; width: 972px; height: 154px; border-bottom: none; }

#pagetitle {
	display: inline-block;
	min-width: 545px;
	height: 21px;
	margin-left: 10px;
	background: url(/images/pagetitle.gif) no-repeat;
	padding-left: 6px;
	padding-top: 2px;
	color: #0E2E4A;
	font-weight: bold;
	font-size: 13px;
}

#header2 {
	margin-top: 10px;
	width: 542px;
	background: #EEEEEE;
	border: 1px solid #D7D7D7;
	padding: 3px;
	font-weight: bold;
	font-size: 13px;
	line-height: 15px;
}
#header2 a { border-bottom: none; }

#header3 {
	margin-top: 10px;
	width: 400px;
	font-size: 12px;
	color: #000099;
	padding: 1px;
	border-bottom: 2px solid #000099;
	font-weight: bold;
}

#header4 {
	margin-top: 10px;
	width: 400px;
	font-size: 11px;
	font-style: italic;
	font-weight: bold;
}

h2 {
	margin-top: 10px;
	background: #EEEEEE;
	border: 1px solid #D7D7D7;
	padding: 3px;
	font-weight: bold;
	font-size: 12px;
	color: #666666;
	line-height: 14px;
}

#footer {
	clear: both;
	background: url(/images/footer.gif) no-repeat center;
	width: 992px;
	height: 26px;
	margin: 0 auto;
	font-size: 12px;
	line-height: 26px;
	text-align: center;
	color: #0E2E4A;
}
#footer a { color: #0E2E4A; border-bottom: none; }

/* Right rail */
#announcements {
	font-size: 12px;
	text-align: center;
	float: right;
	width: 210px;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 20px;
}
#announcements a { color: #FF6600; }

.box {
	background: #FFF9E7;
	padding: 5px 4px;
	margin-bottom: 1em;
	border: 1px solid #E9D494;
}
.box .news-head { text-decoration: underline; font-weight: bold; }
.box .news-list { text-align: left; font-size: 11px; line-height: 160%; }

/* Sponsor strip (replaces the dead Flash rotator) */
#sponsors-rail { width: 200px; margin: 1px auto 20px; text-align: center; }
#sponsors-rail .srhead { font-weight: bold; font-size: 11px; color: #0E2E4A; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 6px; }
#sponsors-rail a { display: inline-block; border-bottom: none; margin: 4px; }
#sponsors-rail img { border: none; max-width: 150px; vertical-align: middle; }

/* Left menu - CSS flyout reproducing the original DHTML dropdown */
#menu {
	padding-left: 10px;
	width: 179px;
	margin-top: 1px;
	float: left;
	text-align: left;
	line-height: 100%;
	min-height: 600px;
}
#menu ul#nav { list-style-type: none; margin: 10px 0 0 0; padding: 0; width: 165px; }
#menu ul#nav > li { position: relative; margin-bottom: 1px; }

#menu a, #menu span {
	color: #3F729E;
	border-bottom: none;
	text-decoration: none;
	display: block;
	padding: 4px;
	font-size: 12px;
	font-weight: bold;
}
#menu a:hover, #menu span:hover {
	cursor: pointer;
	color: #3F729E;
	text-decoration: none;
	border-bottom: none;
	background-color: #D7D7D7;
}
#menu #nav li.isParent > span { background: url(/images/bullet.gif) 98% 50% no-repeat #EAEAEA; }
#menu #nav li.active > a { background-color: #D7D7D7; color: #0E2E4A; }

/* submenu flyout */
#menu #nav li > ul {
	list-style-type: none;
	margin: 0;
	padding: 4px 0 4px 4px;
	width: 180px;
	position: absolute;
	left: -999em;
	top: 0;
	z-index: 50;
	border: 1px solid #D7D7D7;
	background: #EAEAEA;
}
#menu #nav li:hover > ul { left: 155px; }
#menu #nav li > ul li {
	border: 0;
	margin-bottom: 2px;
}
#menu #nav li > ul a {
	font-weight: normal;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Helvetica, Verdana, Arial, Sans-serif;
	border: 1px solid #C7C7C7;
	background: #EAEAEA;
}
#menu #nav li > ul a:hover { background: #D7D7D7; }

/* Content */
#content {
	text-align: justify;
	margin-left: 200px;
	margin-top: 1px;
	margin-right: 240px;
	font-size: 12px;
	padding-top: 10px;
	min-height: 500px;
}
#content p { padding-left: 12px; padding-right: 10px; }
#content img { max-width: 100%; height: auto; }

.storycontent ul li { list-style-image: url(/images/bullet.gif); text-align: justify; margin-left: 0px; }
#list li { list-style: none; }
#committee { line-height: 24px; }
#committee ul { list-style: url(/images/bullet.gif); }
hr { display: none; }
#double-space { line-height: 24px; }

.block {
	border: 1px dashed #7EACD1;
	margin: 10px 20px;
	background: #F2F9FF;
	padding: 10px;
	padding-top: 5px;
	text-align: left;
	font-size: 11px;
	line-height: 175%;
}
.block table { margin-left: 15px; font-size: 12px; }

/* Forms */
form { margin-bottom: 20px; }
.required { color: #cc0000; }
.formrow { margin: 6px 0; }
.formrow label { display: inline-block; width: 160px; font-weight: bold; vertical-align: top; }
.formrow input[type=text], .formrow input[type=email], .formrow select, .formrow textarea {
	border: 1px solid #93BADD; padding: 3px; font-family: inherit; font-size: 12px; width: 260px;
}
.btn { background: #93BADD; border: 1px solid #6699FF; color: #0E2E4A; font-weight: bold; padding: 5px 14px; cursor: pointer; }
.notice { background: #FFF9E7; border: 1px solid #E9D494; padding: 8px; margin: 10px 0; font-size: 12px; }

/* Tables / programme */
table { font-size: 14px; }
table td { padding: 0 8px; font-size: 12px; vertical-align: top; }
table tr.header, table tr.header td { background-color: #DDDDDD; text-align: center; border: 1px solid #D7D7D7; }
table.programme { margin: 10px 0; border: 1px solid #93BADD; border-collapse: collapse; }
.programme th { font-size: 12px; text-align: center; width: 100px; border-right: 1px solid #6699FF; vertical-align: top; }
.programme td { border-top: 1px solid #cfe3f3; }
.programme #title, .programme .title { font-weight: bold; }
.programme #talker, .programme .talker { font-style: italic; padding-left: 20px; }
#break, .break { background-color: #DDEEFF; }
#poster, .poster { background-color: #FFE5B1; }
#keynote, .keynote { background-color: #FFFFCC; }
#session, .session { background-color: #EEEEEE; }
#head, .head { color: #0E2E4A; background-color: #93BADD; font-weight: bold; text-align: center; }

#title { font-weight: bold; }
#authors { margin-left: 20px; }
#authors #author, #authors .author { font-style: normal; }
#authors #affiliation, #authors .affiliation { font-style: italic; display: inline; }

/* News / blog */
.news-index { list-style: none; padding-left: 0; }
.news-index li { border-bottom: 1px solid #cfe3f3; padding: 8px 0; }
.news-index .meta, .post-meta { font-size: 11px; color: #666; font-style: italic; }
.post-body { line-height: 150%; }
.post-body p { padding-left: 0; }
.author-card { background: #F2F9FF; border: 1px dashed #7EACD1; padding: 10px; margin: 10px 0; font-size: 11px; }
.author-ini { display: inline-block; width: 42px; height: 42px; line-height: 42px; text-align: center; background: #93BADD; color: #fff; font-weight: bold; border-radius: 3px; margin-right: 8px; vertical-align: middle; }

@media (max-width: 1010px) {
	#wrapper { width: 100%; background: #E4F2FF; }
	#header { width: 100%; background-size: contain; }
	#menu { float: none; width: auto; }
	#menu ul#nav { width: auto; }
	#menu #nav li > ul { position: static; left: auto; width: auto; }
	#menu #nav li:hover > ul { left: auto; }
	#announcements { float: none; width: auto; margin: 10px; }
	#content { margin: 10px; }
	#footer { width: 100%; }
}