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

.navlink {
color:#FFFFFF;
font-family:"Century Gothic", sans-serif;
font-size:14px;
letter-spacing: .1em;
line-height: 160%;
font-weight:600;
padding-left:8px;
padding-top:8px;
}

.navlink A:link {text-decoration: none; color:#FFFFFF}
.navlink A:visited {text-decoration: none; color:#FFFFFF}
.navlink A:active {text-decoration: none; color:#33CCFF}
.navlink A:hover {text-decoration: none; color:#00FFFF}

.currentpage{
color:#7FFFD4;
font-family:"Century Gothic", sans-serif;
font-size:14px;
letter-spacing: .1em;
line-height: 160%;
font-weight:600;
padding-left:8px;
padding-top:8px;
}

.currentpage A:link {text-decoration: none; color:#33CCFF}
.currentpage A:visited {text-decoration: none; color:#33CCFF}
.currentpage A:active {text-decoration: none; color:#33CCFF}
.currentpage A:hover {text-decoration: none; color:#00FFFF}


/*TOP MENU BAR*/

#topmenu{
  position: relative ;
  float: left ;
  top: -35px ;
  left: 50px ;
  width: 710px ;
  height: 170px ;
  background-image: url(images/topmenubg.png) ;
  background-position: 55px 8px ;
  background-repeat: no-repeat ;
}

#books{
  position: relative ; 
  float: left ;
  top: 62px ;
  left: 10px ;  
}

#reviews{
  position: relative ;
  float: left ;
  top: 62px ;
  left: 20px ;
}

#sample{
  position: relative ;
  float: left ;
  top: 62px ;
  left: 30px ;
}

#gallery{
  position: relative ;
  float: left ;
  top: 62px ;
  left: 50px ;
}

#links{
  position: relative ;
  float: left ;
  top: 62px ;
  left: 40px ;
}

#homelink{
  position: relative ;
  float: left ;
  top: 0px ;
  left: 0px ;
  width: 120px ;
  height: 140px ;
}

.homelink{
  border: 0 ;
}

.homelink A:link {text-decoration: none; color:#FFFFFF}
.homelink A:visited {text-decoration: none; color:#FFFFFF}
.homelink A:active {text-decoration: none; color:#FFFFFF}
.homelink A:hover {text-decoration: none; color:#FFFFFF}

/*END TOP MENU BAR*/


/*SIDE MENU BAR*/

#sidemenu{
  position: relative ;
  float: left ;
  top: -50px ;
  left: 0px ;
  width: 140px ;
  height: 520px ;
  background-image: url(images/sidemenubg.png) ;
  background-position: -4px -10px ;
  background-repeat: no-repeat ;
}

#sideitem1{
  position: relative ;
  float: left ;
  top: 40px ;
  left: 40px ;
  width: 120px ;
  height: 40px ;
  background-image: url(images/sidemenuitem.png) ;
  background-repeat: no-repeat ;
  text-align: left ;
}

#sideitem2{
  position: relative ;
  float: left ;
  top: 40px ;
  left: 40px ;
  width: 120px ;
  height: 40px ;
  background-image: url(images/sidemenuitem.png) ;
  background-repeat: no-repeat ;
  text-align: left ;
}

#sideitem3{
  position: relative ;
  float: left ;
  top: 40px ;
  left: 40px ;
  width: 120px ;
  height: 40px ;
  background-image: url(images/sidemenuitem.png) ;
  background-repeat: no-repeat ;
  text-align: left ;
}

#sideitem4{
  position: relative ;
  float: left ;
  top: 40px ;
  left: 40px ;
  width: 120px ;
  height: 40px ;
  background-image: url(images/sidemenuitem.png) ;
  background-repeat: no-repeat ;
  text-align: left ;
}

#sideitem5{
  position: relative ;
  float: left ;
  top: 40px ;
  left: 40px ;
  width: 120px ;
  height: 40px ;
  background-image: url(images/sidemenuitem.png) ;
  background-repeat: no-repeat ;
  text-align: left ;
}

/*END SIDE MENU BAR*/



#copyright{
  position: relative ;
  width: 700px ;
  height: 15 px ;
  left: 25px ;
  top: 720px ;
  text-align: center ;
}

#background{
  width: 100% ;
  height: 100% ;
  background-image: url(images/background.png) ;
}

#contents{
  width: 750px ;
  height: 700px ;
  margin-left: auto ;
  margin-right: auto ;
  text-align: center ;
}

#splash{
  width: 750px ;
  height: 500px ;
  background-image: url(images/splash.png) ;
  background-repeat: no-repeat ;
}

#main{
  position: relative ;
  float: left ;
  width: 560px ;
  height: 398px ;
  left: 26px ;
  top: 0px ;
  overflow-x: hidden ;
  overflow-y: scroll ; 
  scrollbar-arrow-color:  blue ; 
  scrollbar-face-color: #e7e7e7 ; 
  scrollbar-3dlight-color: #a0a0a0 ; 
  scrollbar-darkshadow-color: #888888 ;
  background-image: url(images/boximg.png) ;
  background-repeat: no-repeat ;
}

#linksmain{
  position: relative ;
  float: left ;
  width: 560px ;
  height: 398px ;
  left: -40px ;
  top: 0px ;
  background-image: url(images/boximg.png) ;
  background-repeat: no-repeat ;
}

#gallerymain{
  position: relative ;
  float: left ;
  width: 560px ;
  height: 700px ;
  left: 95px ;
  top: -48px ;
  background-color: #ccffff;
  background-repeat: no-repeat ;
}

#textbox{
  position: relative;
  width: 480px ;
  height: 380 px;
  left: 9% ;
  top: 0px ;
  bottom: 5px ;
  padding: 1px ;
  text-align: left ;
  z-index: 1 ;
  background-color: #CFFFFF ;
}

#openhouse{
  position: relative;
  top: 70px;
  left: 53px;
  float: left;
}

#visitingday{
  position: relative;
  float: left;
  left: 83px;
  top: 70px;
}

body
{
font-family: times, sans-serif;
}

p
{
padding: 0px;
}

A:link {text-decoration: none; color:#436EEE}
A:visited {text-decoration: none; color:#436EEE}
A:active {text-decoration: none; color:#436EEE}
A:hover {text-decoration: underline; color:#436EEE}

h3
{
padding: 5px;
font-size: 8pt;
font-weight: 400;
}

h1
{
color:#191970;
}