@charset "utf-8";
/* CSS Document */

/* For the body of the page */ 
body 
{
   background-image: url(../images/bg2.jpg);
   background-repeat: no-repeat;
   background-position:top center;
   margin: 0;
   padding: 0;
}

/* css for the page layout */
#page
{ 
   height: 1020px;
   overflow: hidden;
  position: relative;  
}   


/* The page stylesheet starts here */
#wrapper
{
   margin: auto;
   width: 1042px;
}
#header 
{
   background-image: url(../images/header.jpg);
   background-repeat: no-repeat;
   width: 1042px;
   height: 121px;
}
#logo
{
   background-image: url(../images/logo.jpg);
   background-repeat: no-repeat;
   position: relative; 
   width: 395px;
   height: 78px;
   left: 55px;
}    

/* css for navigation button */
.button:hover
{
   background-image: url(../images/nav_on.jpg);
   background-repeat:no-repeat;
   color: #7d6a4e;
   width: 135px;
   height: 37px;
}
#b-0
{
   background-image: url(../images/nav_on.jpg);
   background-repeat:no-repeat;
   color: #7d6a4e;
   width: 135px;
   height: 37px;
}
.button
{
   background-image: url(../images/nav_off.jpg);
   background-repeat:no-repeat;
   color: #EADACA;
   float:left; 
   font-family: "Century Gothic", sans-serif;
   font-size:14px;
   font-weight:bold;
   height:37px;
   margin:0;
   padding: 10px 0 0;
   text-align:center;
   text-decoration:none;
   width:135px;
   position: relative;
   left: 49px;
   top: 6px;
} 
#b-4, #b-5
{
   padding: 6px 0px 3px;
   line-height: 9pt;
} 

/* css for content begins here */
#content
{
   background-image: url(../images/content_bg.jpg);
   background-repeat: repeat-x;
   height:686px;
   margin:auto;
   padding:0;
   width:969px;
   position:relative;
   top: 0;
}

/* css for top flash images */
#flash-container
{ 
   background-image: url(../images/flash_bg.jpg);
   background-repeat: no-repeat;
   margin: 0 9px;
   padding: 0;
   width: 968px;
   height: 299px;
   position: relative;
   left: -7px;
} 
#img-0
{
   background-image: url(../images/flash_01.jpg);
   float:left; 
   height:264px;
   width:231px;
   position: relative;
   left: 22px;
   top: 10px;  
  .top: 15px;  /*css property only for IE 7 */
}
#img-1
{
   background-image: url(../images/flash_02.jpg);
   float:left; 
   height:264px;
   width:231px;
   position: relative;
   left: 22px;
   top: 10px;
   .top: 15px;  /*css property only for IE 7 */
}
#img-2
{
   background-image: url(../images/flash_03.jpg);
   float:left; 
   height:264px;
   width:231px;
   position: relative;
   left: 22px;
   top: 10px;
  .top: 15px;  /*css property only for IE 7 */
}
#img-3
{
   background-image: url(../images/flash_04.jpg);
   float:left; 
   height:264px;
   width:231px;
   position: relative;
   left: 22px;
   top: 10px;
  .top: 15px;  /*css property only for IE 7 */
}
/*#shadows1
{
   background-image: url(../images/shadow.jpg);
   width: 16px;
   height: 12px;
   left: 8px;
   position: relative;
}
#shadows2
{
   background-image: url(../images/shadow1.jpg);
   width: 16px;
   height: 22px;
   left: 4px;
   position: relative;
   float: right;
   top: -42px;
}*/

/* css for pics scrolling bar */
#bottom_nav
{
   background-image: url(../images/bottom_navbg.jpg);
   width: 925px;
   height: 133px;
   position: relative;
   left: 24px;
}   
#bottom_nav_arrow1
{
   background-image: url(../images/bottom_nav_arrow1.jpg);
   width: 34px;
   height: 36px;
   left: -15px;
   position: relative;
   top: 44px; 
}
#bottom_nav_arrow2
{
   background-image: url(../images/bottom_nav_arrow2.jpg);
   width: 34px;
   height: 36px;
   left: 914px;
   position: relative;
   float: right; 
   top: -2px;
}

/* css for welcome text */
#panel-3
{
   position: relative;
   width: 579px;
   height: 237px;
   float: left;
   left:25px;
   top:5px;
  .top: 7px;
}
.h3
{
   font-family: "Century Gothic", sans-serif;
   font-size:18pt;
   color: #5e3109;
   left: 0px;
   position:relative;
   top:4px;
  .top: -10px; /* For IE7 only */ 
   float: left;
   line-height: 10pt;
  .line-height: normal;  /* For IE7 only */
}
.text1
{
   color: #36424a;
   font-family: Arial, Helvetica, sans-serif;
   font-size:10pt;
   left:2px;
  .left: 0px; /* For IE7 only */
   position:relative;
   top: 5px;
  .top: 0px;  /* For IE7 only */
   float: left;
   line-height: 10pt;
  .width: 579px; 
}  

/*css for announcements */
#panel-4
{
   background-image: url(../images/Announcements.jpg);
   background-repeat: no-repeat;
   position: relative;
   width: 374px;
   height: 237px;
   left:376px;
   top:-241px;
  .top: -240px; /* For IE7 only */
   float: right;
   height:237px;
   float: right;
} 
#h4
{
   top: 14px;
  .top: 0px; /* For IE7 only */ 
   left: 25px;
}
#text2
{
   color: #3f6449;
   font-family: "Century Gothic", sans-serif;
   font-size:13pt;
   font-style: italic;
   left:44px;
   position:relative;
   top:0px;
   line-height: 12pt;
}

/* css tissue image between content and footer */ 
#panel-5
{
   background-image: url(../images/tissue2.jpg);
   position: relative;
   top: -80px;
   left: 368px;
   width: 285px;
   height: 127px;
}

/* css for footer */
#footer
{
   background-image: url(../images/footer.jpg);
   background-repeat: no-repeat;
   width: 1042px;
   height: 153px;
   position: relative;
   bottom: -60px;
}
#address
{
   color: #bdae91;
   font-family: Arial, Helvetica, sans-serif;
   font-size:9pt;
   left:94px;
   position:relative;
   top:-105px;  
   float: left;   
}
#copyright
{
   color: #bdae91;
   font-family: Arial, Helvetica, sans-serif;
   font-size:8pt;
   right: 34px;
   position:relative;
   top:-105px;  
   float: right; 
}
.footer_nav
{
   color: #bdae91;
   font-family: Arial, Helvetica, sans-serif;
   font-size:8pt;
   left: 437px;
   position:relative;
   top:-87px;  
   float: left;  
}