/* fonts */
body { font-family: tahoma, arial; }
h1, h2, h3, caption, #left-side-navbar { font-family: verdana, arial, helvetica, sans-serif; }
h4, h5,  dt, i, em, #top-navbar, #title-left, #title-right, .short-desc { 
	font-family: arial, helvetica, sans-serif; 
}

/* blue rgb(30,80,154) */

body { margin: .5em; font-size: -1; background-image: url(./bg1.jpg); }
h1,h2 { text-align: center; }
h4 { font-size: small; margin-top: .8em; }
h5 { text-align: center; }
caption { font-weight: bold; padding: .5em; }
em { font-weight: bold; }
blockquote { font-style: italic; }
dt { font-weight: bold; }

#top-navbar { 
  text-align: center; 
  vertical-align: middle; 
  font-weight: bold;
  margin-bottom: 1.2em; 
  border: 1px solid black;
  padding-top: .4em;
  padding-bottom: .4em;
  white-space: nowrap;
}
#top-navbar-content { font-size: medium; }

#left-side-navbar { 
  float: left; 
  padding: .5em;
  width: 15em; 
  border: 1px solid black;
  font-weight: bold; 
} 
#left-side-navbar p { 
  font-weight: normal; 
  text-align: left;
}
#left-side-navbar h4 { }
#left-side-navbar li { padding-top: 0.2em; padding-bottom: 0.2em; }

#right-side-navbar { float: right; width: 0em; } 
#content { 
  margin-left: 18em;
  margin-right: 1em;
  margin-top: 0px;
  margin-bottom: 0px;
}
#title-left, #title-right { 
  font-variant: small-caps; 
  font-weight: bold; 
  font-size: larger; 
  padding-left: .5em;
  padding-right: .5em;
}
#title-left { float: left; }
#title-right { float: right; }

.navbar { background: rgb(255,250,230); /* wincmd 255,249,220; web 255,245,224 */}
.navbar a { text-decoration: none; color: blue; }
.navbar a.selected {  color: rgb(0,0,170); text-decoration: underline;}
.navbar a:hover { text-decoration: underline; color: red; }
.navbar ul { padding-left: 0px; margin-left: 0px; margin-top: .3em; margin-bottom: .3em; list-style: none; }
.navbar ul ul { padding-left: 1em; }

hr { color: black; height: 0px; border: none; border-top: 1px solid black; }
td, th { padding: .2em .4em .2em .4em; }
.compact td, .compact th { padding: 0; margin: 0; }

#dimensions { border-collapse: collapse; text-align: left; }
#dimensions td, #dimensions th { padding: .1em .6em .1em .6em; }

.email { color: blue; text-decoration: underline; white-space: nowrap; }
#copyright { text-align: center; font-size: small; vertical-align: middle; }
#copyright img { border-width: 0px; vertical-align: middle; }

a img, .border { border: 1px solid black /*rgb(0,0,170)*/; }
img.left { float: left; margin-right: 15px; margin-bottom: 8px; margin-top: 8px; border: 1px solid black; }
img.right { float: right; margin-left: 15px; margin-bottom: 2px; margin-top: 2px; border: 1px solid black; }
img.avi { margin-right: 7px; margin-left: 7px; }

.thumb td { vertical-align: top; }
.long-desc { text-align: justify; font-size: small; margin-top: 2px; }
.short-desc { font-style: italic; font-weight: bold; font-size: small; }
.short-desc .name { color: rgb(0,0,170); font-size: larger;}
.short-desc a { text-decoration: none; }