body, div, p, table, th, td, li, dd, dl, dt    {
font-family: Verdana, Helvetica, sans-serif;
font-size: small;
}

body {
margin: 0;
background-color: white;
}

h1, h2, h3 { 
font-weight: bold;
}

h1     { font-size: 180%; margin-top: 0; }
h2, h3 { font-size: 110%; margin-top: 1em; }

th, td {
text-align: left;
padding-left: 0em;
padding-right: 1em;
}

th { 
font-weight: bold; 
}

dd {
margin-left: 3em;
margin-bottom: 14px;
}

dt {
margin-left: 0;
margin-bottom: 2px;
}

ol, ul {
margin-left: 3em;
padding-left: 0;
}

li {
margin-top: 1em;
}

.l { text-align: left; }
.c { text-align: center; }
.r { text-align: right; }

.indent {
margin-left: 2em;
margin-right: 2em;
}

.compact li {
margin: 1px;
}

.dim {
color: gray;
}

div.all {
padding-top: 5px;
}

div.head_l, div.head_r { 
font-size: 18px ;
font-weight: bold ;
margin-bottom: 15px;
}

div.head_l {
float: left;
width: 100px;
text-align: center;
}

div.head_r {
margin-left: 120px;
text-align: center;
width: 568px;
}

div.head_l img {
margin-top: 2px;
}

div.head_r img {
margin-top: 5px;
}

div.foot {
padding-top: 3em;
font-size: 80%;
color: gray;
}

div.par {
color: gray;
margin-bottom: 1px;
}

div.main {
}

div.nav {
width: 100%; 
font-size: 90%;
line-height: 2em;
color: black;
background: #97d2f2;
text-align: left;
padding: 1px 0 3px 120px; 
margin: 0 0 20px 0; 
border-width: 1px; 
border-style: solid none solid none; 
border-color: #0e384e;
}

div.content {
margin-left: 120px;
width: 700px;
}

div.edit {
margin-left: 120px;
}

div.headline {
width: 100%;
background: #49afe4 ;
padding: 15px 0 15px 120px; 
color: black ; 
font-size: 30px;
font-weight: bold ;

}

/* link setup */

a       { text-decoration: none; }
a:hover { text-decoration: underline; }

div.head_l a { color: white; }

div.nav a       { color: #0e384e; border: 1px solid #97d2f2; }
div.nav a:hover { text-decoration: none; border: 1px solid #0e384e; }

div.content a:hover { color: blue; background-color: aqua; }

div.newsblock {
}

div.eventblock {
width: 150px;
float: right;
padding-left: 20px;
}

div.eventblock div.when {
padding: 5px;
font-size: x-small;
color: #006666;
border: 1px solid #006666;
}

div.eventblock div.what {
padding: 10px;
font-size: 90%;
border-left: 1px solid #006666;
border-right: 1px solid #006666;
border-bottom: 1px solid #006666;
margin-bottom: 1em;
}

div.photo {
position: relative;
}

div.photo img {
float: right;
}

.printonly  { display: none;   }
.screenonly { display: inline; }

.up {
font-size: 80%;
color: red;
white-space: nowrap;
border: 1px solid red;
padding-left: 3pt;
padding-right: 3pt;
}

/* equation paragraphs */

p.eq {
margin-left: 3em;
line-height: 2em;
}

/* Used by ndb.php's styles section */
/* div.sty is the abstract below below UL and OL bullets */

ol.sty, ul.sty {
margin-left: 0;
}

table.sty th, table.sty td {
text-align: left;
padding-left: 0;
padding-right: 2em;
padding-bottom: 2px;
}

div.sty {
margin-left: 2em;
}

div.fly_series {text-align: center; font-size: 20pt; font-weight: bold; padding: 10pt; color: #006666; }
div.fly_speak  {text-align: center; font-size: 16pt; }
div.fly_title  {text-align: center; font-size: 16pt; padding: 10pt; font-weight: bold;}
div.fly_where  {text-align: center; font-size: 14pt; color: #006666; }
div.fly_abs    {font-size: 11pt; padding: 18pt;}

.admin { margin-right: 1px; padding: 0 0.5em; border: 1px solid black; background-color: yellow; } 

div.admbox { background-color:#eeeeee; border: 1px dotted gray; } 

.doc   { margin-bottom: 1em; padding: 4px; border: 1px dashed black; background-color: #99ffff; }