/* index.css */
/* February 18, 2010 */
/* techniques learned from www.csszengarden.com */
   
body{
	background:#f9f3d8 url(images/bkgd_marble_banner.jpg) no-repeat fixed top center;
      background-attachment: fixed;
	}
	
.bigLink {
      border: 5px solid #663300;
      border-style: ridge;
      background:#f9f3d8;
      }
      
.hoverBigLink {
      background: #663300;
      }
              
#container .hoverBigLink p {
      color: #ffffff;
      }
/*
a:link {
      text-decoration: none;
      }
a:hover {
      color: red;
      }
a:link img {
      border-color: #f9f3d8;
      }
a:hover img {
      border-color: brown;
      border-width: 2px;
      }
*/
#container{
	width:648px;
	position: absolute;
	left:50%;
	margin-left:-324px;
	}

#mainHeader {
      }
/*
#viewer, #kandm, #events, #travel, #geocaching, #pets {
      border: 5px solid #663300;
      border-style: ridge;
      height: 220px;
      }
*/
#viewer {
      width: 600px;
      height: 216px;
      }
#viewer p {
      text-align: left;
      padding: 36px 8px 0px 8px;
      }
#viewer img {
      float: right;
      color: #f9f3d8;
      }

#kandm {
      width: 500px;
      height: 205px;
      margin-left: 48px;
     }
#kandm p {
      text-align: left;
      padding: 36px 8px 0px 16px;
      }
#kandm img {
      clear: both;
      float: left;
      color: #f9f3d8;
/*      padding-right: 8px;*/
      }

#events {
      width: 400px;
      height: 205px;
      margin-left: 200px;
      }
#events p {
      text-align: left;
      padding: 52px 8px 0px 12px;
      }
#events img {
      clear: both;
      float:right;
      color: #f9f3f8;
      }

#travel {
      width: 450px;
      height: 205px;
      margin-left: 36px;
      }
#travel p {
      text-align: left;
      padding: 52px 8px 0px 16px;
      }
#travel img {
      clear: both;
      float: left;
      color: #f9f3f8;
/*      padding-right: 8px;*/
      }

#geocaching {
      width: 600px;
      height: 205px;
      margin-left: 72px;
      }
#geocaching p {
      text-align: left;
      padding: 32px 8px 0px 8px;
      }
#geocaching img {
      clear: both;
      float: right;
      color: #f9f3f8;
      }

#pets {
      width: 400px;
      height: 205px;
      margin-left: 8px;
      }
#pets p {
      text-align: left;
      padding: 24px 8px 0px 16px;
      }
#pets img {
      clear: both;
      float: left;
      color: #f9f3f8;
/*      padding-right: 8px;*/
      }