﻿
body 
{
  /*background-color: #8B4513;*/
  background-image: url('photos/background.jpg');
  font-family: verdana;
}

div#ieContainer
{
  position: relative;
  width: 800px;
  margin: 0 auto auto auto;
}

div#container
{
  background-color: #A1A1A1;
  position: absolute;
  top: 30px;
  left: 0;
  right: 0;
  height: 600px;
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  border: 1px groove darkgreen;
}

div#focusContainer
{
  background-color: #F1F1F1;
  border: 1px solid black;
  position: absolute;
  top: 50px;
  left: 50px;
  right: 0;
  height: 500px;
  width: 700px;
  text-align: left;
}

div#contentContainer
{
  position: absolute;
  top: 93px;
  left: 140px;
  right: 0;
  width: 560px;
  height: 407px;
  margin-left: auto;
  margin-right: auto;
  overflow: auto;
  background-color: #FAFAE2;
}

div#bg
{
  position: absolute;
  top: 93px;
  left: 140px;
  right: 0;
  width: 560px;
  height: 407px;
  margin-left: auto;
  margin-right: auto;
  /*background-color: #D1D1D1;*/
}

div#bg img
{
  opacity:0.70;
  filter:alpha(opacity=70);
}

div#contentContainer.home
{
  overflow: hidden;
  background-color: transparent;
}

div#contentContainer.bgimage
{
  background-color: transparent;
}

div#content
{
  position: absolute;
  top: 20px;
  left: 30px;
  right: 30px;
  font-family: "verdana";
  font-size: small;
  font-weight: normal;
  color: black;
  text-align: justify;
  line-height: 150%;
}

div#topbarContainer
{
  position: absolute;
  top: 0px;
  width: 100%;
  height: 93px;
  background-color: #9D974B;
}

div#topBar
{
  background-color: white;
  height: 70px;
  width: 100%;
}

#topbarContainer ul
{
  /*float: right;
  width: 550px;
  margin-left: auto;
  margin-right: auto;*/
  padding: 0;
  margin-top: 4px;
  list-style-type: none;
  text-align: center;
}

#topbarContainer a
{
  /*float: left;
  width: 8%;*/
  text-decoration: none;
  color:white;
  background-color: #9D974B;
  padding: 0.2em 0.6em;
}

#topbarContainer a.current
{
  color: #9D974B;
  background-color: #FAFAE2;
}

div#navContainer
{
  font-family: "georgia";
  font-variant: small-caps;
  font-size: small;
  font-weight: bolder;
  left: 0px;
  right: 0px;
  margin-left: auto;
  margin-right: auto;
  /*border-top: white solid thin;*/
}

#tobbarContainer a:link    {color:white}
#topbarContainer a:visited {color:white}
#topbarContainer a:active  {color:red}
#topbarContainer a:hover {color: black}

#tobbarContainer a.current:link    {color: #9D974B}
#topbarContainer a.current:visited {color: #9D974B}
#topbarContainer a.current:active  {color:red}
#topbarContainer a.current:hover {color: black}

#topbarContainer li {display:inline}

div#sidebarContainer
{
  position: absolute;
  top: 93px;
  height: 407px;
  width: 140px;
  /*background-color: darkkhaki; */
  border-right: 1px solid #9D974B;
  text-align: center;
  z-index: 1;
}

div#linkList
{
  position: absolute;
  top: 0;
  font-family: "georgia";
  font-variant: small-caps;
  font-size: small;
  font-weight: bolder;
  left: 0px;
  right: 0px;
  margin-left: auto;
  margin-right: auto;
}

#sidebarContainer ul
{
  /*float: left;*/
  /*width: 100%;*/
  padding: 0;
  margin-top: 20px;
  list-style-type: none;
}

#sidebarContainer li
{
  /*width: 100%;*/
  margin-top: 3px;
}

#sidebarContainer li:hover{background-color: #FAFAE2;color:darkkhaki;}

#sidebarContainer a
{
  width: 100%;
  text-decoration: none;
  color:white;
  padding: 0.2em 0.6em;
}

#sidebarContainer a:link    {color:white}
#sidebarContainer a:visited {color:white}
#sidebarContainer a:active  {color:red}
#sidebarContainer a:hover {color: darkkhaki;}

div#footbar
{
  position: absolute;
  bottom: 30px;
  left: 50px;
  width: 100%;
  height: 10px;
  color: white;
  font-size: x-small;
  text-align: left;
}

h1
{
  font-family: "script mt bold";
  font-size: x-large;
  text-align: right;
  padding: 2px;
}

h2
{
  color: sienna;
  font-family: georgia;
  font-size: x-large;
}

h3
{
  font-family: georgia;
  font-size: large;
  font-weight: bold;
  font-variant: small-caps;
}

h3.color
{
  color: #7D772B;
}

h4
{
  font-size: normal;
  font-variant: small-caps;
  line-height: 0;
  margin-top: 20px;
  margin-bottom: 8px;
}

h5
{

}

.close
{
  margin-top: 1px;
  margin-bottom: 6px;
}

a:link    {color: #7D772B}
a:visited {color: #7D772B}
a:active  {color:red}
a:hover   {color: black}

img.logo
{
  height: 70px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

img.fade
{
  opacity:0.70;
  filter:alpha(opacity=70)
}

img.home
{
  opacity:0.40;
  filter:alpha(opacity=40);
  height:407px;
  width:560px;
}

img.sidebar
{
  opacity:1.0;
  filter:alpha(opacity=100);
  height:407px;
  width:140px;
}

img.topbar
{
  position: absolute;
  top: 0;
  right: 0;
  opacity:0.0;
  filter:alpha(opacity=0);
  height:70px;
  width:700px;
}

img.right
{
  margin: 1em;
  float: right;
}

img.border
{
  border: black solid 1px;
}

div.img
{
  margin: 2px;
  border: 1px solid #0000ff;
  height: 100px;
  width: 140px;
  float: left;
  text-align: center;
}

div.img img
{
  display: inline;
  margin: 3px;
  border: 1px solid #ffffff;
}

div.img a:hover img
{
  border: 1px solid #0000ff;
}

div.desc
{
  text-align: center;
  font-weight: normal;
  width: auto;
  margin: 2px;
}

.center
{
  text-align: center;
}

.bold
{
  font-weight: bold;
}

div#vcenterContainer
{
  position: absolute;
  top:173px;
  left:10px;
  width: 400px;
  height:100%;
}

div#vcenterBlock
{
  position: absolute;
  top: 50%;
  width: 100%;
  height: 200px;
  margin-top: -150px;
}

table
{
  table-layout: fixed;
  line-height: 100%;
}

p.italic
{
  font-style: italic;
}