/* Created by Bart Roossien */
/* Created Spring 2006 */

/* standard options */
* {
   margin: 0;
   padding: 0;
}


/* always show scrollbar */
html {
   height: 101%;
}


/* styling */
h1 {
   font-size: 1.3em;
   margin: 0 0 0.8em 0;
   text-align: left;
   font-weight: normal;
   color: #487db2;
}

h2 {
   font-size: 1em;
   margin: 1.5em 0 0.5em 0;
   text-align: left;
   font-weight: normal;
   color: #487db2;
}

h4 {
   color: #487db2;
   margin-top: 0.5em;
}

p {
   margin: 0 0 0.8em 0;
   text-align: justify;
}

img {
   border: 0;
}

/* body layout */
body {
   background-image: url('./images/bgimage.png');
   background-attachment: fixed;
   text-align: justify;
   font: 0.85em/1.5 Arial, Helvetica, sans-serif;
   margin: 0.5em 0 1em 0;
}

#frame {
   margin: auto;
   width: 900px;
   border: 1px solid #0080ff;
}

/* logo */
#logo {
   position:relative;
   width:100%;
   height:74px;
   float:left;
   background-color: #f3f7f8;
}

/*  top menu with li items */
#topmenu {
   position:relative;
   float:left;
   clear:left;
   background-color:#4d9be4;
   width: 100%;
}

#topmenu ul {
   list-style-type: none;
   list-style-image: none;
   padding: 0;
   margin: 0;
}

#topmenu ul li {
   float: right;
   padding: 0;
   margin: 0;
   white-space: nowrap;
}

#topmenu a:link, 
#topmenu a:active, 
#topmenu a:visited {
   display: block;
   color: #fff;
   font-weight: bold;
   padding: 0.3em 20px 0.3em 20px;
   text-decoration: none;
   background-color: #4d9be4;
}

#topmenu a:hover {
   text-decoration: underline;
   color: #3774ac;
   background-color: #b0d6f9;
}


#container {
   position:relative;
   float:left;
   clear:left;
   width:900px;
   background-image: url('./images/container.png');
}


/* navigation */
#navigation {
   float:left;
   clear:left;
   width:180px;
}

#navigation ul {
   list-style-type: none;
   list-style-image: none;
   padding: 0;
   margin: 0;
}

#navigation li {
   display: inline;
   padding: 0;
   margin: 0;
   white-space: nowrap;
}

#navigation li a:link, 
#navigation li a:active, 
#navigation li a:visited {
   display: block;
   padding: 0.3em 0em 0.3em 20px;
   color: #3774ac;
   font-weight: bold;
   text-decoration: none;
   background-color: #c9e4ff;
   border-right: 1px solid #0080ff;
}

#navigation li a:hover {
   display: block;
   text-decoration: underline;
   color: #3774ac;
   background-color: #b0d6f9;
}



#navigation ul ul a:link, 
#navigation ul ul a:active, 
#navigation ul ul a:visited {
   font-size: 0.8em;
   display: block;
   padding: 0.1em 0em 0.1em 40px;
   color: #3774ac;
   font-weight: bold;
   text-decoration: none;
   background-color: #c9e4ff;
   border-right: 1px solid #0080ff;
}

#navigation ul ul a:hover {
   display: block;
   text-decoration: underline;
   color: #3774ac;
   background-color: #b0d6f9;
}


#outerright {
   position:relative;
   width:140px;
   float:right;
   clear:right;
   height: 440px;
}

/* content */
#content {
   position:relative;
   float:left;
   width:580px;
   display:inline;
}


#container_inner {
   position:relative;
   float:left;
   clear:both;
   width: 530px;
   display:inline;
   margin: 25px;
}

#content a:link,
#content a:active,
#content a:visited {
   text-decoration: underline;
   color: #009;
}

#content a:hover {
   text-decoration: underline;
   color: #487db2;
}

#content ul li {
   list-style-image: url('images/li.png');
   margin-left: 2.2em;
}

#content input, #content textarea {
   border: 1px solid #0080ff;
   padding: 1px;
   background-color: #c9e4ff;
   color: #447;
}

#content input.submit  {
   border: none;
   border-right: 2px solid #447;
   border-bottom: 2px solid #447;
   padding: 1px;
   background-color: #c9e4ff;
   color: #447;
}

#content input.neddih {  /* hidden input to deceive spambots */
   display: none;
}

/* bottom blue stroke */
#bottom {
   position:relative;
   clear:both;
   width:900px;
   background-color: #4d9be4;
   margin: auto;
   font-size: 0.8em;
   text-align: center;
   color: #fff;
}
   

/* trace */
#trace {
   position: relative;
   float: left;
   clear: both;
   width: 100%;
   border-bottom: 1px solid #888;
   font-size: 0.75em;
   margin-bottom: 0.6em;
   color: #ff9999;
   font-weight: bold;
   padding-bottom: 0.2em;
}

#trace a:link,
#trace a:active,
#trace a:visited {
   color: #888;
   text-decoration: none;
   font-weight: normal;
}

#trace a:hover {
   color: #0080ff;
   text-decoration: underline;
   font-weight: normal;
}


.error {
   font-weight: bold;
   color: #f00;
}

.date {
   font-weight: bold;
   font-size: 0.8em;
   margin: -0.5em 0 0 0;
}

.note {
   font-style: italic;
}

.edit {
   font-size: 0.8em;
   font-style: italic;
   margin-top: 1.5em;
}

.small {
   font-size: 0.9em;
   margin-bottom: 2em;
   width: 500px;
}

#searchdiv {
   margin: 35px 10px 1em 10px;
   font-size: 0.9em;
}

#events {
   position: absolute;
   height: 240px;
   width: 120px;
   margin-top: 10px !important;
   margin-left: 10px;
   left: 0px;
}

.smaller {
   font-size: 0.8em;
   text-align: left;
}

#search {
   background-color: #f3f7f8;
   width: 116px;
   padding: 1px;
   color: #487db2;
   border: 1px solid #0080ff;
   font-size: 1em;
}

table.movements {
   width: 100%;
   font-size: 0.85em;
   margin-bottom: 1em;
}

table.photos {
   font-size: 0.85em;
   margin-bottom: 1em;
   border-top: 1px solid #29c1ad;
   border-left: 1px solid #29c1ad;
}

table.photos th {
   border-right: 1px solid #c129ad;
   border-bottom: 1px solid #c129ad;
   border-right: 1px solid #29c1ad;
   border-bottom: 1px solid #29c1ad;
   background-color: #d5f1ed;
   color: #000;
   height: 1em;
   padding: 1px 2px 1px 4px;
}

table.photos td {
   border-right: 1px solid #29c1ad;
   border-bottom: 1px solid #29c1ad;
   vertical-align: top;
   padding: 1px 2px 1px 4px;
}

table.photos td.pic {
   border-right: 1px solid #29c1ad;
   border-bottom: 1px solid #29c1ad;
   margin: 0;
   padding: 0;
   width: 200px;
   height: 133px;
   background-color: #d5f1ed;
}

table.photos th.remarks {
   width: 320px;
}

table.multimedia td {
   font-size: 0.9em;
   vertical-align: top;
   padding-bottom: 1em;
}

table.transcript {
   font-size: 0.85em;
   vertical-align: top;
   margin: 0.8em 0 0.8em 0;
   border: 1px solid #29c1ad;
}

table.transcript th {
  padding-right: 0.85em;
  vertical-align: top;
}

ul.noimage li, #content ul.noimage li {
   list-style-type: none;
   list-style-image: none;
}

ul.references li, #content ul.references li {
   list-style-type: none;
   list-style-image: none;
   font-size: 0.8em;
   margin: 0;
   padding: 0;
}

.definition {
   margin: 1.5em 0 1.7em 0;
   background-color: #f1d5ed;
   border: 1px solid #c129ad;
   font-style: italic;
   padding: 0 5px 0 5px;
}

.definition h3 {
   font-size: 1em;
   font-weight: bold;
}

div.equation {
   margin: auto;
   clear: both;
   display: block;
   text-align: center;
}   

div.wldate {
   margin-bottom: 2em;
   font-size: 0.8em;
}

div.wlbody {
   margin-bottom: 1.2em;
}

div.wlcomment {
   margin-bottom: 1.5em;
   padding-bottom: 1em;
   width: 100%;
   border-bottom: 1px dotted #aaa;
}

div.topitem {
   margin-top: 2.4em;
   width: 100%;
   background-color: #d5f1ed;
   border: 1px solid #29c1ad ;
}

div.topitem p { padding: 0.3em; margin: 0;}

div.wlline {
   border-bottom: 1px dashed #4d9be4;
   margin-bottom: 1.2em;
   clear: both;
   width: 100%;
}

div.photo {
   text-align: center;
}

h1.wl {
   margin-bottom: 0em;
}

p.lastedit {
   margin-top: 2em;
   font-size: 0.75em;
   margin-bottom: 0em;
   text-align: left;
}

p.photo {
   margin-top: 2em;
   padding-bottom: 2em;
   text-align: center;
   display: block;
   clear: both;
}

p.right {
  text-align: right;
  margin 0.1em 0 0.1em 0;
  padding: 0;
}

.accesskey {
   text-decoration: underline;
}

img.indextop {
   width: 120px;
}

img.details {
  padding: 0;
  margin: auto;
  position:relative;
  float: left;
}

img.event {
  width: 150px;
}

#content a.photonav:link, 
#content a.photonav:active, 
#content a.photonav:visited {
  text-decoration: none;
  color: #43af20;
  font-size: 1.2em;
}

#content a.photonav:hover {
  text-decoration: none;
  color: #29c1ad;
  font-size: 1.2em;
}