* {margin: 0; padding: 0}

body {
  background: rgb(0,82,148);
  font-size: small;
}

/* LAYOUT */
/*
  +-body-----------------------------------------------------------+
  |                                                                |
  | +-INNER----------------------------------------+ +-RHS-------+ |
  | | +-LHS-------+ +-MAIN-----------------------+ | |+-liner---+| |
  | | |+-liner---+| |                            | | ||         || |
  | | ||         || |                            | | ||         || |
  | | |+---------+| |                            | | ||         || |
  | | +-----------+ +----------------------------+ | |+---------+| |
  | +----------------------------------------------+ +-----------+ |
  |                                                                |
  | +-FOOT-------------------------------------------------------+ |
  | |                                                            | |
  | +------------------------------------------------------------+ |
  +----------------------------------------------------------------+
 */

#INNER {
  background: url(bgnav.jpg) white;
  margin: 10px 160px 4em 10px;
}

#LHS {
  background: url(logo161x150.gif) no-repeat;
  float: left;
  width: 170px;
}
#LHS .liner {padding: 150px 2em 2em 1em} /* liner */

#MAIN {
  color: #555;
  margin: 0 0 0 200px;
  padding: 2em 5em 2em 2em;
}

#RHS {
  float: right;
  width: 160px;
}
#RHS .liner {
  background: rgb(0,82,148);
  color: white;
  font-size: 80%;
  padding: 1em 5px;
}

#FOOT {margin: 5px 10px}


/* TYPE */

body, .plain,
#contents .title
  {font-family: "Trebuchet MS", Arial, Helvetica, swiss, sans-serif}

code, pre, .code {
  color: black;
  font-family: "APL385 Unicode", "Courier New", monospace;
  font-size: 1em;
  font-style: normal;
}

.print, #contents dl
	{font-family: Palatino, "Book Antiqua", "Times New Roman", Times, serif}


/* STYLE */

a {text-decoration: none}
a:hover {color: red}
a img {border: none}

body a {color: #B6CCE2}

dd {margin: 0 0 0.3em 2em}
ol, ul, dl
	{margin: 0 0 0.8em 0}
dt {margin: 0.8em 0 0.3em 0}

h1 {
  border-bottom: 1px solid gray;
  font-size: 2em;
  font-weight: normal;
  margin: 0.5em 0 1.5em 0;
}
h2 {
  font-size: 1.3em;
  font-weight: bold;
  margin: 1.5em 0 0.3em 0;
}
h3 {
  font-size: 1em;
  font-weight: bold;
  margin: 1.5em 0 0.3em 0;
}

li {margin: 0 0 0.3em 0}

p, pre, .p {margin: 0 0 0.8em 0}

td, td {vertical-align: top}

ul {list-style: none}

#LHS a {color: #333}
#LHS a:hover {color: navy}
#LHS ul {list-style: none}

#NAV {
  font-size: 120%;
  margin: 0 0 0.8em 1em;
}
#NAV a {color: #777}
#NAV a:hover {color: red}
#NAV ul {
  font-size: 80%;
  margin: 0.5em 0 0.5em 1em;
}

#SUSMEM {
  background: #CCC;
  border: 1px solid #AAA;
  font-size: 80%;
  margin: 2em 0;
}
#SUSMEM h2 {
  background: #5F91BE;
  color: #DDD;
  font-size: 120%;
  font-weight: normal;
  margin: 0.8em 0 0 0;
  text-align: center;
}
#SUSMEM li {margin: 0}
#SUSMEM ul {padding: 1em}
#SUSMEM a {color: #777}

#MAIN a {color: #337}

#MAIN ul.bullet {list-style: disc}
#MAIN ol, #MAIN ul.bullet
	{margin-left: 2em}

#welcome {font-size: 120%}

#RHS h1 {
  color: #CCC;
  font-size: 130%;
  letter-spacing: 0.1em;
  margin: 2em 0 0.5em 0;
  text-align: center;
  text-transform: uppercase;
}


.bdr {border: 1px solid #AAA}
.caption {
	font-size: 80%;
	font-style: italic;
}
.center {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.clear {clear: both}
.fleft {float: left}
.fright {
	float: right;
	margin: 0 0 2em 1.5em;
}
.gray {color: gray}
.hdg {
  font-weight: bold;
  margin-top: 1em;
}
.hide {display: none}
.italic {font-style: italic}
.large {font-size: 1.2em}
.nowrap {white-space: nowrap}
.padded td {
  padding-right: 1em;
}
.panel {
  background: #FFD;
  border: 1px solid #DDD;
  margin: 1.5em 0;
  padding: 0.5em 1em;
}
.right {text-align: right}
.small {font-size: 80%}
.tagline {
  font-size: 1.2em;
  font-style: italic;
  margin: 0 0 2em 5em;
}

/* committee table on about us page */
#abaa #committee td {padding: 0.8em 1em 0 0}
#abaa #committee td img {border: 1px solid #AAA}

#books dt {
	font-size: 1.2em;
	font-weight: bold;
}
#books dd {margin-bottom: 2.5em}
#books dd cite.title {
	color: navy;
	font-style: normal;
	font-weight: bold;
}


/* table of contents on home page 																						*/
#contents {color: #333}
#contents dt {font-weight: bold}
#contents h1 {
  border: none;
	font-size: 2em;
	margin: 0;
}
#contents dd {
  margin: 0 0 1em 0;
}
#contents dd .author {padding-left: 2em}
#contents dd .label {
  color: gray;
  font-size: 80%;
  font-style: italic;
}
#contents dd .title {font-weight: bold}
#contents dd .pix {
  float: right;
  margin: 0 0 1em 2em;
}
#contents dt {
  border-bottom: 1px solid #CCC;
  font-size: 1.2em;
  font-weight: normal;
  margin: 1.5em 0 0.5em 0;
}
#contents p.dateline {
  color: #999;
  font-size: 1.4em;
  font-weight: bold;
  margin: 0 0 2.5em 0;
}

#contents #display {
	font-size: 1.4em;
	font-weight: bold;
}
#contents li {
	margin-bottom: 1em;
}
#contents #left {
	padding-right: 2em;
}
#contents #left {float: left}

#contents .imgcol100 {text-align: center}
#contents .imgcol100 img {
	margin: 0 0 20px 0;
	width: 100px;
}
#contents .nextissue {margin: 0 0 4em 0}
#contents .nextissue dt {
	border: none;
	display: block; /* => float img within */
	font-size: 1em;
	margin: 0 0 0.3em 0;
}
#contents .nextissue dd {margin: 0 0 1.2em 2em}
#contents .nextissue dd a,
#contents .nextissue dt a
	{font-weight: bold}


/* links with icons */
a.bmf {background-image: url(../icons/small/bmf.gif)}
a.doc {background-image: url(../icons/small/doc.gif)}
a.dws {background-image: url(../icons/small/dws.gif)}
a.eml {background-image: url(../icons/small/eml.gif)}
a.odp {background-image: url(../icons/small/odp.gif)}
a.pdf {background-image: url(../icons/small/pdf.gif)}
a.ppt {background-image: url(../icons/small/ppt.gif)}
a.ttf {background-image: url(../icons/small/ttf.gif)}
a.www {background-image: url(../icons/small/www.gif)}
a.zip {background-image: url(../icons/small/zip.gif)}
a.bmf, a.doc, a.dws, a.eml, a.odp, a.pdf, a.ppt, a.ttf, a.www, a.zip {
  background-repeat: no-repeat;
  background-position: right 50%;
  padding-right: 21px;
  white-space: nowrap;
}
a.www {padding-right: 13px} /* 10×10 icon */

/* list items with icons */
li.bmf {list-style: url(../icons/small/bmf.gif)}
li.doc {list-style: url(../icons/small/doc.gif)}
li.dws {list-style: url(../icons/small/dws.gif)}
li.eml {list-style: url(../icons/small/eml.gif)}
li.odp {list-style: url(../icons/small/odp.gif)}
li.pdf {list-style: url(../icons/small/pdf.gif)}
li.ppt {list-style: url(../icons/small/pdf.gif)}
li.ttf {list-style: url(../icons/small/ttf.gif)}
li.www {list-style: url(../icons/small/www.gif)}
li.zip {list-style: url(../icons/small/zip.gif)}
li.bmf, li.doc, li.dws, li.eml, li.odp, li.pdf, li.ppt, li.ttf, li.www, li.zip, {
  margin-left: 1em;
}