/* 
-----------------------------------------------
 oars.com index page
----------------------------------------------- */



/* png transparencies in IE 5.5+ */

* {
  behavior: url(/css/iepngfix.htc);
}

img {
  border: none;
}


/* Structure
----------------------------------------------- */
body {
  background-image: url(/images/background.jpg);
  padding: 0px;
  font-family: Trebuchet MS, Helvetica, sans-serif;
  font-size: 12px;
  color: #FFF;
  margin: 0px;
}

#wrapper1 {
  margin: 31px auto 15px;
  width: 982px;
  padding: 9px;
  background: #49372a;
  background-image:url(/images/wild.gif);
  background-position:right bottom;
  background-repeat:no-repeat;
}

#wrapper2 {
  border: 1px solid #F3994A;
}

.floatleft {
  float: left;
}

.floatright {
 float: right;
}

#upperleft {
  width:239px;
  height: 442px;
  border-right: 1px solid #F3994A;
  border-bottom: 1px solid #F3994A;
  background-image: url(/images/raft.gif);
  background-repeat:no-repeat;
}

#upperright {
  width: 740px;
  height: 442px;
  border-bottom: 1px solid #F3994A;
}

#lowerleft {
  width:239px;
  border-right: 1px solid #F3994A;
}

#lowerright {
  width: 739px;
  height: 100%;
}

#lowerright a {
  color: #fff;
}

.text {
  padding: 0px 10px;
  text-align: justify;
  width: 47%;
}

.text p {
  margin-top: 10px;
}

#footer {
  width: 980px;
  height: 34px;
  border-top: 1px solid #F3994A;
  background: #2A2826;
}

#footer .floatleft {
  width: 140px;
  padding-top: 9px;
}



#footer .floatright {
  width: 830px;
}

#pagefooter {
  margin 0px auto;
  text-align: center;
  color: #000;
}

#pagefooter img {
  vertical-align:middle;
}

#pagefooter a {
  color: #000;
}

#logo {
left:-39px;
top:220px;
position:relative;
}

* html #logo {
margin-right: -76px;
}

.leftnav {
  padding: 0px;
  margin: 0px;
  list-style-type:none;
  text-align: center;
}

.leftnav li {
  padding: 0px;
  margin: 0px;
}

.leftnav li a {
  display: block;
  height:34px;
  width: 239px;
  color: #B4A8A8;
  line-height: 34px;
  text-decoration: none;
  font-weight: bold;
  font-size: 15px;
}

.leftnav li a:hover {
  background-color: #000;
  color: #FFFFFF;
}

.leftnav #li1 {background-position: 0 0;}
.leftnav #li2 {background-position: 0 -34px;}
.leftnav #li3 {background-position: 0 -68px;}
.leftnav #li4 {background-position: 0 -102px;}
.leftnav #li5 {background-position: 0 -136px;}

.leftnav #li1:hover {background-position: -239px 0;}
.leftnav #li2:hover {background-position: -239px -34px;}
.leftnav #li3:hover {background-position: -239px -68px;}
.leftnav #li4:hover {background-position: -239px -102px;}
.leftnav #li5:hover {background-position: -239px -136px;}

.bottomnav {
  padding: 0px;
  margin: 0px;
  list-style-type:none;
  float: right;
  text-align: center;
}

.bottomnav li {
  padding: 0px;
  margin: 0px;
  display: inline;
  float: left;
  width: 100px;
}

.bottomnav li a {
  display: block;
  height:34px;
  color: #B4A8A8;
  line-height: 34px;
  text-decoration: none;
  font-weight: bold;
  font-size: 12px;
}

.bottomnav li a:hover {
  color: #FFFFFF;
}