/* CSS file for woody and the wildcats html template */

body {
  background: #C11B17;
  font: 12px Arial;
  padding-bottom: 80px;
  }

a {
  color: #FFFFCC;
}

a:hover {
  color: #F48A00;
}

p {
  
  margin-top: 10px;
  margin-bottom: 10px;  
}

div#paws1 {
  position: absolute;
  top: 20px;
  left: 10px;
  height: 200px;
  width: 200px;  
  color: #FFF; 
}

div#logo {
  position: absolute;
  top:169px;
  left: 40px;
  height: 200px;
  width: 200px;  
  color: #FFF; 
}

div#paws2 {
   position: absolute;
   top: 360px;
   left: 440px;
   height: 200px;
   width: 200px;  
   color: #FFF; 
}

div#quot {
  position: absolute;
  top: 30px;
  left: 500px;
  height: 145px;
  width: 480px;
  background: #6498B8;
  color: #FFF; 
  font: 34px Cooper Black;
  vertical-align: middle;
}

div#menu {
  position: absolute;
  top: 120px;
  left: 500px;
  height: 25px;
  width: 480px;
  background: #6498B8;
  color: #FFF; 
  vertical-align: middle;
}

div#menu a {
  margin-left: 35px;
  color: #FFF;
  text-decoration: none;
  font: bold 14px Arial; 
}

div#menu a:hover {
  color: #F8B000;
}

div.margMenu {
  margin-top: 4px;
}

div#contact  {
  position: absolute;
  top: 200px;
  left: 970px;
  width: 320px;
    height: 320px;
    background: #6498B8;
    color: #FFF; 
    font: 18px Arial;
  vertical-align: middle;
  
}

div#leftBar h1 {
  font: bold 40px Cooper Black;
  align: center;
  color: #DDD;
  margin: 10px;
}

div#leftBar {                         
      position: absolute;
      top: 700px;
      left: 480px;
       width: 300px;
        background: #999;
      color: #DDD; 
}

div#calendar {
position: absolute;
  top:240px;
  left: 400px;
  width: 750px;
  height:650px;
  background: #EEE;
  font: 18px Arial;
  color: #666; 
}

div#content {
  position: absolute;
  top:240px;
  left: 536px;
  width: 400px;
  height:600px;
  background: #EEE;
  font: 18px Arial;
  color: #666; 
}

div#content1 {
  position: absolute;
  top:230px;
  left: 536px;
  width: 400px;
  height:600px;
  background: #EEE;
  font: 18px Arial;
  color: #666; 
}


div#content2 {
  position: absolute;
  top:230px;
  left: 536px;
  width: 400px;
  height:700px;
  background: #EEE;
  font: 18px Arial;
  color: #666; 
}


div#content3 {
  position: absolute;
  top:230px;
  left: 536px;
  width: 400px;
  height:700px;
  background: #EEE;
  font: 18px Arial;
  color: #666;   
}


div#content4 {
  position: absolute;
  top:230px;
  left: 536px;
  width: 400px;
  height:400px;
  background: #EEE;
  font: 18px Arial;
  color: #666; 
}

div#content5 {
  position: absolute;
  top:230px;
  left: 536px;
  width: 400px;
  height:400px;
  background: #EEE;
  font: 18px Arial;
  color: #666; 
}

div#audio {
position: absolute;
  top: 770px;
  left:80px;
  width: 300px;
  background: #EEE;
  font: 14px Arial;
  color: #666; 	
}
  


div#contact1a {                         
  position: absolute;
  top: 780px;
  left: 480px;
  width: 250px;
  height: 430px;
  background: #6498B8;
  color: #FFF; 
  font: 18px Arial;
  vertical-align: middle;
}

div#contact1 {
  position: absolute;
  top: 800px;
  left:470px;
  width: 430px;
  height: 300px;
  background: #6498B8;
  color: #FFF; 
  font: 18px Arial;
  vertical-align: middle;
}

div#contact2 {
  position: absolute;
  top: 920px;
  left:420px;
  width: 250px;
  height: 400px;
  background: #6498B8;
  color: #FFF; 
  font: 18px Arial;
  vertical-align: middle;
}

div#contact3 {                     
  position: absolute;
  top: 730px;
  left:470px;
  width: 250px;
  height: 430px;
  background: #6498B8;
  color: #FFF; 
  font: 18px Arial;
  vertical-align: middle;
}

div#contact4 {
  position: absolute;
  top: 880px;
  left:450px;
  width: 250px;
  height: 450px;
  background: #6498B8;
  color: #FFF; 
  font: 18px Arial;
  vertical-align: middle;
}

div#contact5 {
  position: absolute;
  top: 690px;
  left:480px;
  width: 380px;
  height: 350px;
  background: #6498B8;
  color: #FFF; 
  font: 18px Arial;
  vertical-align: middle;
}

div#contact6 {                         
  position: absolute;
  top: 800px;
  left: 480px;
  width: 420px;
  height: 400px;
  background: #6498B8;
  color: #FFF; 
  font: 18px Arial;
  vertical-align: middle;
}

div#contact7 {
  position: absolute;
  top: 620px;
  left:500px;
  width: 280px;
  height: 550px;
  background: #6498B8;
  color: #FFF; 
  font: 18px Arial;
  vertical-align: middle;
}


div#contact h1 {
  font: bold 16px Cooper Black;
  color: #DDD;
  margin: 10px;
}  

div#leftBar1a  {
  position: absolute;
  top: 200px;
  left: 970px;
   width: 240px;
   background: #999;
   color: #DDD; 
}   
  
div#paws {
  position: absolute;
  top: 780px;
  left: 190px;
  height: 200px;
  width: 200px;  
  color: #FFF; 
}

div#paws2a {
  position: absolute;
  top: 450px;
  left:900px;
  height: 200px;
  width: 200px;  
  color: #FFF; 
}

div#paws3 {
  position: absolute;
  top: 780px;
  left: 820px;
  height: 200px;
  width: 200px;  
  color: #FFF; 
}


div#paws4 {
  position: absolute;
  top: 960px;
  left: 820px;
  height: 200px;
  width: 200px;  
  color: #FFF; 
}

div#paws5 {
  position: absolute;
  top: 900px;
  left: 760px;
  height: 200px;
  width: 200px;  
  color: #FFF; 
}

div.marg {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 30px;
  padding-right: 30px;
}

/* end of file */