/* 
    Document   : main
    Created on : Jun 9, 2009, 8:37:12 PM
    Author     : hhg04
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body {
  background: url(../images/ocreTileRepeating.jpg);
  background-repeat:repeat;
  font-family: arial;
  font-size: 12pt;
  text-align: center;
}

#topOverlay{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  height: 600px;
  background: url(../images/transparentOverlay.png);
  background-repeat:repeat-x;
}

#bottomOverlay{
  position: absolute;
  top: 600px;
  left: 0px;
  width: 100%;
  background-color: black;
  opacity: .65;
  filter: alpha(opacity=65);
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

#logo{
  position:relative;
  top:4px;
  left: 4px;
  height: 300px;
  width:1016px;
  z-index: 100;
  background-image: url(../images/topBanner.jpg);
  background-repeat: no-repeat;
  border: solid 0px black;
  border-radius: 25px 25px 0px 0px;
  -o-border-radius: 25px 25px 0px 0px;
  -icab-border-radius: 25px 25px 0px 0px;
  -khtml-border-radius: 25px 25px 0px 0px;
  -moz-border-radius: 25px 25px 0px 0px;
  -webkit-border-radius: 25px 25px 0px 0px;
}

#mainContainer{
  position: relative;
  display: block;
  top:50px;
  width: 1024px;
  text-align: left;
  margin-left:auto;
  margin-right:auto;
  background-color: white;
  border: solid 3px black;
  border-radius: 25px 25px 0px 0px;
  -o-border-radius: 25px 25px 0px 0px;
  -icab-border-radius: 25px 25px 0px 0px;
  -khtml-border-radius: 25px 25px 0px 0px;
  -moz-border-radius: 25px 25px 0px 0px;
  -webkit-border-radius: 25px 25px 0px 0px;
}

#thermometer{
  float: right;
  width: 150px;
  margin-right: 50px;
}

.article1 p{
  padding-left: 22px;
  padding-right: 22px;
}

.article1 h3{
  margin-top: 0px;
  padding-top: 0px;
  padding-left: 22px;
  padding-right: 22px;
}
.article1 p .list{
  padding-left: 42px;
  padding-right: 22px;
}

.article1 li{
  position: relative;
  list-style-position: inside;
}

.flickr{
  position: relative;
  float: left;
  width: 260px;
  top: 0px;
  left: 20px;
  z-index: 1000;
}

.article1{
  position: relative;
  top: 0px;
}

hr {
  margin-top: 10px;
  margin-bottom: 10px;
  background-color: black;
  height: 1px; 
  border: 0;
  width: 70%;
}

#video{
  position : relative;
  padding-left: 150px;
  }

.quote{
  color: gray;
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}
a{
  color: gray;
}

.quoteSmall{
  color: gray;
  text-align:right;
  margin-left:auto;
  margin-right:auto;
  font-size: 8pt;
  padding-right: 10px;
}

.center
{
margin-left:auto;
margin-right:auto;
text-align:center;
}