html {

height:100%; 

max-height:100%;  

padding:0; 

margin:0; 

border:0; 

font-size:80%; 

font-family: verdana, arial, sans-serif; 

background: url(images/farm_night.jpg) 0 0 repeat; margin-bottom: 0px;
	/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden;
/* */ }

body {height:100%; max-height:100%; overflow:hidden; padding:0; margin:0; border:0;}
#content {display:block; height:100%; max-height:100%; overflow:auto; top:0px; padding-left:210px; padding-right:8px; position:relative; font-size:1.0em; color:#ffff90; z-index:3;}
#head {position:fixed; no-repeat; margin:0; top:0; left:0; display:block; width:190px; height:100px; background:url(images/barn_roof.gif); font-size:3.0em; z-index:4; color:#ffffc0; font-style: italic; font-weight: bold; text-align: center;}
#foot {position:fixed; margin:0; bottom:-1px; right:15px; display:block; width:100%; height:40px; background:url(images/wild_flowers.gif); color:#ffffff; text-align:right; font-size:1.2em; font-weight: bold; z-index:5;}
#left {position:fixed; no-repeat; left:0; top:100px; height:100%; width:180px; background:url(images/barn_door.gif); background-position:0 100px; font-size:1em; color:#ffff90; z-index:4;}
#dog_pumpkin{position:fixed; margin:0; left:10px; bottom:15px; display:block; width:198px; height:198px; background:url(images/jackolantern4.gif); z-index:4;}
#pumps {position:fixed; margin:0; right:-1px; bottom:-20px; display:block; width:300px; height:179px; background:url(images/pumpkins.gif); z-index:4;}
#corn {position:fixed; margin:0; right:-1px; bottom:-20px; display:block; width:225px; height:350px; background:url(images/cornstalks1g.gif); z-index:4;}

* html #head, * html #foot,* html #left,* html #roof,* html #bumblebee,* wv {position:absolute;}

#menu { padding-left:18px; margin:-64px 0px; width:0;}

#menu li {list-style-type:none; width:130px; height:20px; margin:10px 0; clear:both;}

#menu a, #menu a:visited {position:relative; display:block; width:130px; height:20px; border:2px solid #bbbbbb; background-color:#e2e7cc; color:#000090; padding-left:3px; font-size:1em; font-family: verdana, arial, sans-serif; text-decoration:none;}

#menu a span, #menu a:visited span {display:none;}

#menu a:hover {color:#0000ff; background-color:#ffffc0; border:2px solid #00ff00; text-decoration:none;}

* html #menu a:hover span {width:8px; height:16px; w\idth:0; he\ight:0;} 

.image {
	border-style:inset;
	border-color: #e2e7cc;
	border-width:5px;
}

.image2 {
	border-style:inset;
	border-color: #cceeff;
	border-width:5px;
}


img.one 
{
border-style: dotted;
border-width: 8px;
border-color: #8510a2;
}

h1 {font-size: 3.6em; margin-left: 16%; margin-top: 0%; margin-bottom: 0%; color: #ffaa33; font-family:Curlz MT,Helvetica,sans-serif,verdana,tahoma; font-weight: bold;}
h2 {font-size: 1.8em; margin-left: 26%; color: #ffffaa; font-family: verdana,tahoma,sans-serif; font-style: italic; font-weight: bold;}
h3 {font-size: 1.0em;  margin-top: 0%; margin-bottom: 0%; color: #ffffff; font-family:verdana,Helvetica,sans-serif,tahoma; font-weight: bold;}



#video

{

float:right;

width:425px;

padding:10px;
padding-top:22px;

border:0px dashed black;

text-align:left;

font-size:70%;

font-family:verdana,san-serif,algerian,courier;

color:#cceeff;

}




#bull

{

float:right;

width:290px;

padding:10px;
padding-top:22px;

border:0px dashed black;

text-align:left;

font-size:70%;

font-family:verdana,san-serif,algerian,courier;

color:#cceeff;

}



#corn

{

float:left;

width:225px;

padding:10px;
padding-top:22px;

border:0px dashed black;

text-align:left;

font-size:70%;

font-family:verdana,san-serif,algerian,courier;

color:#cceeff;

}





#sophie

{

float:right;

width:100px;

padding:10px;

border:0px dashed black;

text-align:left;

font-size:70%;

font-family:verdana,san-serif,algerian,courier;

color:#cceeff;

}



#french

{

float:left;

width:232px;

padding-top:10px;
padding-right:20px;

border:0px dashed black;

text-align:left;

font-size:70%;

font-family:verdana,san-serif,algerian,courier;

color:#cceeff;

}



#tilly

{

float:left;

width:290px;

padding:8px;

border:0px dashed black;

text-align:left;

font-size:70%;

font-family:verdana,san-serif,algerian,courier;

color:#cceeff;

}

span

{

float:left;

width:0.9em;

font-size:300%;

font-family:san-serif,verdana,algerian,courier;

color:#00ff00;

line-height:82%;

}



#pad1 {display:block; width:18px; height:90px; float:left;}
#pad2 {display:block; width:18px; height:400px; float:left;}

#pad3 {display:block; width:18px; height:30px; float:left;}

.pad1 {display:block; height:100px;}

.pad2 {display:block; height:75px;}

.pad3 {display:block; height:8px;}
.pad4 {display:block; height:1px;}

#zoom {position:relative; top:10px; left:100px; width:75px; background-color:#fff; z-index:100;}
#zoom a.p1, #menu a.p1:visited {display:block; width:75px; height:75px; text-decoration:none; background:#fff; top:0; left:0; border:0;}
#zoom a img {border:0;}
#zoom a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
#zoom a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#zoom a.p1:hover .large {display:block; position:absolute; top:-65px; left:150px; width:300px; height:300px; border:10px solid #ccc;}

#info {z-index:100; height:22em;}


.crazy1{color:red;position:relative;left:5px;top:0px; background-color: transparent;}
.crazy2{color:magenta;position:absolute;left:-2px;top:-4px; background-color: transparent;}
.crazy3{color:blue;position:absolute;left:2px;top:1px; background-color: transparent;}
.crazy4{color:yellow;position:absolute;left: 3px;top:-2px; background-color: transparent;}

#krazy_container {display:block; margin-right:5px; position:relative; padding:5px 0;}
#krazy_container h2 {margin-top:0em;}
#krazy_container h3 {clear:both; margin-top:4em;}

/* Inset 3D Curved */
.inset {background: transparent; width:97%; margin:0; auto;}
.inset h1, .inset p {margin:0 10px;}
.inset h1 {font-size:2em; color:#ff0000; letter-spacing:1px;}
.inset h2 {font-size:1.2em; color:#ff0000; letter-spacing:1px;}
.inset p {padding-bottom:0.5em;}

.inset .top, .inset .bottom {display:block; background:transparent; font-size:px;}
.inset .b1, .inset .b2, .inset .b3, .inset .b4, .inset .b1b, .inset .b2b, .inset .b3b, .inset .b4b {display:block; overflow:hidden;}
.inset .b1, .inset .b2, .inset .b3, .inset .b1b, .inset .b2b, .inset .b3b {height:1px;}
.inset .b2 {background:#f3edf7; border-left:1px solid #999; border-right:1px solid #aaa;}
.inset .b3 {background:#f3edf7; border-left:1px solid #999; border-right:1px solid #ddd;}
.inset .b4 {background:#f3edf7; border-left:1px solid #999; border-right:1px solid #eee;}
.inset .b4b {background:#f3edf7; border-left:1px solid #aaa; border-right:1px solid #fff;}
.inset .b3b {background:#f3edf7; border-left:1px solid #ddd; border-right:1px solid #fff;}
.inset .b2b {background:#f3edf7; border-left:1px solid #eee; border-right:1px solid #fff;}


.inset .b1 {margin:0 5px; background:#999;}
.inset .b2, .inset .b2b {margin:0 3px; border-width:0 2px;}
.inset .b3, .inset .b3b {margin:0 2px;}
.inset .b4, .inset .b4b {height:2px; margin:0 1px;}
.inset .b1b {margin:0 5px; background:#fff;}

.inset .boxcontent {display:block; background:#ffffdd;
 border-left:1px solid #999; border-right:1px solid #fff;}



 A:link {color: rgb(0,136,255); text-decoration: none; font-size:12; font-family:verdana,sans-serif,tahoma; text-decoration: underline; background-color: transparent;}

 A:active  {color: rgb(0,136,255); text-decoration: none; font-size:12; font-family:verdana,sans-serif,tahoma; text-decoration: underline; background-color: transparent;}

 A:visited {color: rgb(0,136,255); text-decoration: none; font-size:12; font-family:verdana,sans-serif,tahoma; text-decoration: underline; background-color: transparent;}

 A:hover {color: rgb(0,200,90); text-decoration: none; font-size:12; font-family:verdana,sans-serif,tahoma; text-decoration: underline; background-color: rgb(255,255,229);}

 A.pups:link {color: rgb(0,0,255); text-decoration: none; font-size:12; font-family:verdana,sans-serif,tahoma; text-decoration: none; background-color:rgb(255,255,229);}

 A.pups:active  {color: rgb(255,0,0); text-decoration: none; font-size:12; font-family:verdana,sans-serif,tahoma; text-decoration: none; background-color: transparent;}

 A.pups:visited {color: rgb(0,0,255); text-decoration: none; font-size:12; font-family:verdana,sans-serif,tahoma; text-decoration: none; background-color:rgb(255,255,229);}

 A.pups:hover {color: rgb(150,0,255); text-decoration: none; font-size:12; font-family:verdana,sans-serif,tahoma; text-decoration: none; background-color: rgb(255,255,229);}

     #links a img {
      height: 0;
      width: 0;
      border-width: 0;
    } 


    #links a {
      display:block;
      padding-top: 110px;
    } 


    #links a:hover img {
      position: relative;
      top: -260px;
      left: -90px;
      height: 240px;
      width: 320px;
      border-width: 2px;
      border-color: #0ff;
    } 

.thumbnail {
  float: left;
  width: 139px;
  height: 145px;
  border: 1px solid #000;
  margin: 0 15px 15px 0;
  padding: 5px;
  text-align: center;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}