body
{
/*  background: url('/siteimages/bg.jpg');*/
  background: #C6CBCC;
  text-align: center;
}

#main
{
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  background: url('/siteimages/mainbg.jpg');
  text-align: left;
}


#header
{
  width: 100%;
  height: 140px;
}

#left
{
  width: 590px;
  text-align: left;
  float: left;
}

#content
{
  padding-left: 10px;
  font-family: Trebuchet MS;
  font-size: 90%;
  letter-spacing: 1px;

  float: left;
  background: none;
  width: 580px;
}
#content h1
{
  font-size: 1.3em;
  margin: 0.5em 0;
  font-family: Verdana, sans-serif;
}
#content h2
{
  font-size: 1.1em;
  margin: 0.5em 0;
  font-family: Verdana, sans-serif;
}
#content h5
{
  font-size: 1em;
  margin: 0.3em 0;
  font-family: Verdana, sans-serif; 
  text-align: center;
  font-weight: bold;
}

#content img
{
  margin: 0 0.5em;
}
#content img.rightimg
{
  margin: 0 0.5em 1em 1.3em;
  float: right;
}

#content img.leftimg
{
  margin: 0 1.3em 1em 0.5em;
  float: left;
}

p.center
{
  text-align: center;
}

#rightbar
{
  float:right;
  width: 180px;
  padding: 0 14px 0 5px;
  font-family: Trebuchet MS, Arial, Helvetica;
  font-size: 80%;
  color: #fff; 
  top: -30px;
margin-bottom: -9em;  
}
#rightbar p
{ margin-bottom: 0.3em;
}
#rightbar p.attributed
{
  font-style: italic;
  padding: 0.2em 0.2em 0.5em 1em;
  margin: 0;
  border-bottom: 1px solid gray;
}

#footer
{
  font-size: 75%;
  text-align: center;
  width: 590px;
  clear: both;
}
#footer p
{
  margin: 0;
  padding: 0;
}
#footer a
{
  text-decoration: none;
}

#bottom
{
  clear: both;
  width: 100%;
  height: 15px;
  font-size: 1px;
}

#menubar
{
  height: 40px;
 /* background: #555;*/
  background: #54678D;
}
#menubar a
{
  display: block;
  text-decoration: none;
  color: #fff;
  height: 20px;
  padding: 10px 0 10px 0;

}

#menubar ul
{
  margin: 0;
  padding: 0;
  color: #fff;
  list-style: none;
  font-size: 90%;
  font-family: Trebuchet MS;
  font-weight: 600;
  letter-spacing: 1px;
}

#menubar li
{
  float: left;
  position: relative;
  display: block;
  height: 40px;
  padding: 0 1.2em 0 0.5em;
  color: #fff;
  cursor: default;
}

#menubar li ul
{
  display: none;
  position: absolute;
  z-index: 2000;
  top: 40px;
  left: 0;
  width: 220px;
  border: 1px solid black;
  background: url('/siteimages/dropdownbg.jpg');
}
#menubar li:hover ul, #menubar li.hover ul
{
  display: block;
}

#menubar li:hover, #menubar li.hover
{
  background: url('/siteimages/menusel.jpg');
  color: black;
}
#menubar li:hover a, #menubar li.hover a
{
  color: black;
}
#menubar li li
{
  float: none;
  width: 210px;
  color: #444;
  font-weight: normal;
  padding: 5px 5px;
  height: 20px;
}



#menubar li li a
{
  padding: 0;
}

#ebookdiv
{
  float: right;
  font-weight: bold;
  padding: 0.7em 1em;
  font-size: 83%;
  border: 2px solid #000;
  margin: 1em 0.5em 2em 0.5em;
  background: #fff;
}

#ebookdiv a
{
  padding: 0;
  display: inline;
  color: #4F0F0F;
  text-decoration: none;
}
#ebookdiv a:hover
{
  color: #C90000;
}

h3.gallery
{
  text-align: center;
  font-family: Arial;
}
div.picboxsm, div.picboxlg
{
  float: left;
  text-align: center;
}
div.picboxsm
{
  width: 180px;
  height: 200px;
  background: url('/siteimages/picbg.png') no-repeat center top;
}

div.picboxlg
{
  width: 300px;
  height: 300px;
  background: url('/siteimages/picbglg.png') no-repeat center top;
}
div.picboxsm span.caption, div.picboxlg span.caption
{
  display: block;
  margin-top: 10px;
  font-size: 90%;
  font-weight: bold;
  font-family: Arial;
}
div.picboxsm a, div.picboxlg a
{
  display: block;
  color: black;
  text-decoration: none;
}
div.picboxsm a, div.picboxlg a
{
margin-bottom: 4px;
}

div.picboxsm a:hover, div.picboxlg a:hover
{
  background: none;
  margin-left: 4px;
  margin-top: 4px;
  margin-bottom: 0;
}
div.picboxsm a:hover span.caption, div.picboxlg a:hover span.caption
{
  margin-left: -4px;
  margin-top: 6px;
}
div.picboxsm a img, div.picboxlg a img
{
  border: none;
}
h3.gallery
{
  text-align: center;
}
p.gallery
{
  text-align: center;
}
p.desc
{
  font-style: italic;
  text-align: center;
}


blockquote
{
  border: 1px dotted black;
  padding: 0.8em;
}
blockquote p
{
  padding: 0;
  margin: 0;
}
blockquote p.cite
{
text-align: right;
font-size: 95%;
font-style: italic;
}

#videocontainer
{
  margin-right: 0.5em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  float: right;
  clear: right;
  text-align: center;
}


div.GallerySubTitle
{
  text-align:center;
  font-weight: 300;
  font-size: 95%;
  margin-bottom: 2em;
}