/* General */
html, body { margin: 0; padding: 0; }
body { color: black; background: white; }
a { background: white; color: #3a3299; }
a:visited { background: white; color: #00a000; }
a:hover { background: #ffffbb; color: #c8055c; }
body, #middlebox td { font-family: "DejaVu Sans", Verdana, sans-serif; }
tt { font-family: "DejaVu Sans Mono", "Lucida Console", "Courier New", monospace; }
sub, sup { font-size: 0.8em; }

/* Navigation */
#nav, #search { font-family: "DejaVu Sans Condensed", Tahoma, sans-serif; font-size: 0.7em; }

#topnav {
	position: absolute;
	top: 0; left: 0;
	height: 8.4em; width: 100%;
	background: white url('/img/bkg.png') fixed repeat-x;
}
.skip, #topnav .skip { display: none; }

.where {
	border-width:0;
	font-family: Tahoma, "DejaVu Sans Condensed", sans-serif;
	font-size: 0.95em;
	margin-left: -5px;
	margin-bottom: -5px;
	padding-left: 5px;
}
.where hr { display: none; }

#topnav, #logo, #menu a img, .home { margin: 0; padding: 0; border-width: 0; }
#search {
	background-color:transparent;
	color: black;
	font-weight:bold;
	margin:0;
	position:absolute;
	text-align: center;
	top: 10px; right: 30px;
	width: 170px;
}

#middlebox a.book {
	background:#f3f3ff url(/img/hbk.png) repeat-x top;
	border:solid 1px blue;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	display:inline;
	margin:8px 4px 0;
	padding: 6px 6px 10px;
}
#middlebox .pgmenu a.book {
    display:block;
}
#middlebox .book img {
	float:right;
}
#middlebox a.book:link {
	background:#f3f3ff url(/img/hbk.png) repeat-x top;
}
#middlebox a.book.info {
	background:#f3fff3;
}
.book img {
	border-width:0;
}
  .centre {
	margin:2px auto;
  }
  .centre span {
	margin: 0 2px 1em;
	}
  .centre span a {
	border: solid 1px blue;
	margin: 1em 2px;
	text-decoration:none;
  }

/* Content */
ul.srch { list-style-type: none; }

#middlebox {
	color: black;
	font-size: 0.85em;
	margin: 136px 5px 0;
	padding: 10px 5px 10px 10px;
}

/*  Footer */
#foot, #address {
	font-family: Tahoma, "DejaVu Sans Condensed", sans-serif;
	font-size: 0.7em;
	text-align: center;
}
#foot img { vertical-align: middle; }
#foot {
	background: #f3f3ff url(/img/hbk.png) repeat-x bottom;
	padding: 0.8em 12px;
	margin: 0 30px 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
#foot a img { border-width: 1px; }

.less dt {font-size:0.9em;}

.buttons {
	padding:12px 2px 16px;
	margin:10px auto 6px;
	text-align:center;
}
.buttons span {
	background:#F3F3FF url(/img/hbk.png) repeat-x scroll center top;
	border:solid 1px #33F;
	  border-radius: 10px;
	-moz-border-radius:10px;
	margin: 0 2px;
	padding: 6px 6px 10px;
	width:15em;
}
/* Headings */
h1, h2, h3, h4, h5, h6, th, #news dt {
	background: #f3f3ff url(/img/hbk.png) repeat-x top;
	color: #000066;
	font-family: "Trebuchet MS", "DejaVu Serif", serif;
	font-variant: normal;
	font-style: normal;
	padding: 0.3em;
	text-align: left;
	text-decoration: none;
	letter-spacing: 0.06em;
}
h1 .newlogo { vertical-align: middle; }
.news h2 {
	border: none;
	font-weight: bold;
	margin: 0;
	padding: 0.1em;
}

h1, th { text-align: center; }
h1, h5, dt, th { font-weight: bold; }
h2, h3, h4, h6 { font-weight: normal; }
h1, h2 { font-size: 1.4em; }
h3 { font-size: 1.3em; }
h4, .news h2 { font-size: 1.24em; }
h5, h6 { font-size: 1.12em; }
dt { font-size: 1.05em; }
th { font-size: 1em; line-height: 110%; }

.caption, caption {
	font-size: 90%;
	font-weight: bold;
	margin-left: 30px;
	margin-right: 30px;
	text-align: center;
}
.txtnpic { 
	display: block;
	padding: 4px 3px 10px;
	margin-bottom: 20px;
}
.picr {
	background:#f6f6ff;
	border:solid 1px #ccccff;
	clear:right;
	float:right;
	min-width:18em;
	-moz-border-radius:10px;
	padding: 10px 4px;
}
.picr img, .picl img { margin: 0 auto; text-align:center; }
.pgmenu, .picr {
 font-size: 0.85em;
	margin: 0 3px 4px 5px;
}
.picl, .picl-nobdr { float: left; padding: 10px; }
.picl {
	background:#f6f6ff;
	border:solid 1px #ccccff;
	border-radius:10px;
	clear:left;
	float:left;
	-moz-border-radius:10px;
	padding: 10px 4px;
}
.centre, .centre p { text-align: center; }
.notewell, .news {
	background: #f3f3ff;
	border: solid 2px #3a3299;
	color: black;
	padding: 1em;
	text-align: center;
}
.centre img.eqn { vertical-align: middle; }
.notewell { width: 350px; }

/* Tables */
#middlebox table {
	border: 3px double #CCCCFF;
	border-collapse: collapse;
	margin-left: 30px;
	margin-right: 35px;
/*	padding: 1px;*/
	-moz-border-radius: 10px;
}
#middlebox table.stripe, #middlebox table.std {
	border-collapse: separate;
}
#middlebox table.stripe tbody {margin:-2px;}
#middlebox table.centre {margin-left: auto; margin-right: auto; }
table caption {
	caption-side: bottom;
	padding-top: 1ex;
	width: auto;
}
#middlebox th, #middlebox td {
	border: solid 1px #ccccff;
	border-width: 1px 0 0 1px;
	margin: 0;
	padding: 2px 10px;
}
#middlebox table.stripe th,
#middlebox table.stripe td, 
#middlebox table.std th,
#middlebox table.std td {
	background: #eeeeee;
	border-style: none;
	border-width: 0;
	color: inherit;
}
#middlebox table.noborder,
#middlebox .noborder td,
#middlebox .noborder th {
	border-style: hidden;
	border-width: 0;
}

#middlebox table.stripe .even td {
 color: inherit;
 background: white;
}
#middlebox table.stripe th {
	background: #f3f3ff;
	color: #000066;
	padding-bottom:4px;
}
#middlebox table .update {
	font-size: 0.82em;

}

.bold {
 color: black;
 background: #f3f3ff;
}

blockquote {
	background: top left url('/img/oq.png') no-repeat;
	font-style: italic;
	margin-left: 35px;
	max-width: 40em;
	padding-left: 40px;
}
blockquote span {
	background: top right url('/img/cq.png') no-repeat;
	display: block;
	height:40px;
	left: 46.5em;
	position: absolute;
	width:40px;
}
blockquote small { font-style: normal; }

dfn {
	font-family: "Times New Roman", Georgia, serif;
	font-size: 125%;
	font-weight: bold;
	font-style: normal;
}

.doublelist {
	background: #ddf;
	color: black;
}
.doublelist ul {
	float:left;
	width: 38%;
}
#middlebox .sect,
#middlebox .sect a:link,
#middlebox .sect a:visited { color: #000066; background: white; }
#middlebox .sect .even,
#middlebox .sect .even a:link,
#middlebox .sect .even a:visited { color: #c8055c; background: white; }
#middlebox .sect a:hover,
#middlebox .sect .even a:hover { color: inherit; background: #ffffbb; }

/* ************************************************************
 * Fonts */


/* font formatting */
p, ul, ol, dl, tbody, thead, address {
 line-height: 130%;
 text-align: left;
 margin-right: 20px;
}
p, dl, tbody, thead, address { margin-left: 15px; }
address { margin-top: 10px; }
ul { margin-left: 25px; padding-left: 15px; }
ul ul { margin-left: 15px; }
ol { margin-left: 40px; padding-left: 15px; }
ol.alpha { list-style-type: lower-alpha; }
ol.roman { list-style-type: lower-roman; }
ul { list-style-image: url( /img/logos/dotd.png ); }
ul ul { list-style-image: url( /img/logos/dotl.png ); }
dl.minor dt {
	font-size:1em;
	letter-spacing:normal;
	margin-bottom:0;
}
dl.minor dd {
	background: white url(/img/logos/dot.png) left no-repeat;
	padding-left: 8px;
}
table.stripe ul {
	padding-left: 0px;
	margin-left: 15px;
	list-style-image: url( /img/logos/dot.png );
}

/* Miscellaneous classes  */
.note { font-size: 85%; line-height:100%; padding-bottom:0; margin-bottom:0; }
.speaker { font-style: italic; }
.ppl { font-weight: bold; }
.nb { background: yellow; text-decoration: underline; }

  li.brief { list-style-image: url(/img/training/ico-brief.png) }
  li.intro { list-style-image: url(/img/training/ico-intro.png) }
  li.wkshp { list-style-image: url(/img/training/ico-wkshp.png) }
  li.adv   { list-style-image: url(/img/training/ico-adv.png) }

.pgmenu li.brief { list-style-image:none; background: url(/img/training/ico-brief.png) right center no-repeat; padding-right:16px; }
.pgmenu li.intro { list-style-image:none; background: url(/img/training/ico-intro.png) right center no-repeat; padding-right:16px; }
.pgmenu li.wkshp { list-style-image:none; background: url(/img/training/ico-wkshp.png) right center no-repeat; padding-right:16px; }
.pgmenu li.adv { list-style-image:none; background: url(/img/training/ico-adv.png) right center no-repeat; padding-right:16px; }
.pgmenu li.pdf { list-style-image:none; background: url(/img/logos/pdf.png) right center no-repeat; padding-right:20px; }

#middlebox .col, #middlebox .col td {
	border-collapse: collapse;
	border-width:0;
}
#middlebox .col td {
	vertical-align:top;
	width: 25em;
}
.col td { margin:0; padding:0; }
.col ul { margin:0; padding-top:0; }
.col ul ul { font-size:90%; }


/* Image heavy pages */
#dot {
 background: url(/img/background-blue.png) top left no-repeat;
 display:block; width:200px; height: 200px;
 float:left;
 margin:-12px -15px;
}
#imenu {
 display: block;
 height:310px;
 margin: 1em auto;
 position: relative;
 width: 840px;
}
#imenu a {
 border-width:0;
 color:#3B4D8C; 
 display:block;
 font-family: verdana, "Bitstream Vera Sans", sans-serif;
 font-size:0.84em;
 height: 34px;
 padding-top:87px; 
 position: absolute;
 text-align:center;
 text-decoration:none;
 text-transform:none; 
 width:160px;
}
