* {
margin:0;
padding:0;
}
html, body{
height:100%;
background:transparent url(images/woods.jpg) no-repeat top left;
font:small Georgia, "Times New Roman", time, serif;
}
#bear{
position:absolute;
top:0;
left:0;
width:264px;
height:302px;
background:transparent url(images/bear_corner.jpg) no-repeat top left;
}
#y_wrap{
position:relative;
top:0;
left:0;
min-width:700px;
height:100%;
}
#y_top{
position:relative;
top:0;
left:0;
width:100%;
height:287px;
z-index:300;
}
.no_c{
display:none;
}
#logo{
float:right;
margin:10px 30px 0 0;
width:363px;
height:24px;
background:transparent url(images/ygs.gif) no-repeat top left;
}
#y_top ul{
font-size:120%;
clear:both;
position:absolute;
bottom:0;
right:0;
list-style:none;
margin-right:30px;
z-index:400;
}
#y_top ul li{
float:left;
background:transparent url(images/nav___02.gif) no-repeat top right;
padding:0 9px 0 0 ;
}
#y_top ul li a{
display:block;
background:transparent url(images/nav___01.gif) no-repeat top left;
padding:.5em 3px 1px 12px;
text-decoration:none;
color:#000;
}
#y_top ul li a:hover{
color:green;
}
#y_top .current_link{
position:relative;
top:1px;
background:transparent url(images/nav_02.gif) no-repeat top right;
}
#y_top .current_link a{
background:transparent url(images/nav_01.gif) no-repeat top left;
}
#y_main{
position:relative;
width:100%;
top:20px;
left:0;
}
#y_left{
position:relative;
float:left;
width:220px;
height:1px;
}
#y_right{
position:relative;
margin-left:240px;
}
#y_right a{
color:#000;
font-weight:bold;
}
#y_about,
#y_bear_hunting,
#y_tax,
#y_photo,
#y_contact,
#y_more,
#y_spring{
width:319px;
height:15px;
}
#y_about{
background:#fff url(images/about.gif) no-repeat top left;
}
#y_bear_hunting{
background:#fff url(images/bear_hunting.gif) no-repeat top left;
}
#y_tax{
background:#fff url(images/taxidermy.gif) no-repeat top left;
}
#y_photo{
background:#fff url(images/photo_gallery.gif) no-repeat top left;
}
#y_contact{
background:#fff url(images/contact.gif) no-repeat top left;
}
#y_more{
background:#fff url(images/more.gif) no-repeat top left;
}
#y_spring{
background:#fff url(images/spring.gif) no-repeat top left;
}
h2, h3, h4, p{
margin:0 30px .5em 0;
line-height:1.3em;
}
#y_main h4{
color:#D37501;
font:bold 110% Georgia, "Times New Roman", Times, serif;
}
strong{
color:#D37501;
}
#y_foot{
clear:both;
position:relative;
background:transparent url(images/little_bears.jpg) no-repeat 30px 25px;
height:54px;
margin-top:-56px;
width:100%;
border-bottom:2px solid #000;
z-index:1;
}
img.right{
width:20%;
float:right;
padding:1px;
border:2px solid #CFC8B8;
margin:0 30px 2px 2px;
}
img.left{
width:20%;
float:left;
border:2px solid #CFC8B8;
margin:0 6px 2px 0;
}
#photo_area{
position:relative;
float:left;
width:100%;
}
#photo_area img, #mini img{
margin:0 4px 2px  0;
padding:1px;
border:2px solid #CFC8B8;
cursor:pointer;
width:14%;
}
#photo_area img:hover,
#mini img:hover,
.ximg_hover{
border:2px solid #D37501;
}
#p{
position:absolute;
top:0;
left:0;
z-index:600;
background:transparent url(images/png.png);
}
#p img{
margin:10px;
border:2px solid #fff;
cursor:pointer;
}
#o{
border:2px solid #fff;
background-color:#CFC8B8;
}
#o p{
margin:4px 10px 10px;
}
#o h4{
margin:0 10px 0 10px;
font:bold 130% Georgia, "Times New Roman", time, serif;
color:#fff;
}
#f_b{
position:relative;
width:100%;
height:20px;
}
#f_b a{
text-decoration:none;
color:#000;
}
#f_b a:hover{
color:green;
}
#next{
position:absolute;
right:8%;
z-index:300;
}
#back{
position:absolute;
left:0;
z-index:300;
}
#y_copy{
position:absolute;
bottom:0;
right:30px;
font:70% Georgia, "Times New Roman", time, serif;
white-space:nowrap;
}
#y_copy a{
text-decoration:none;
color:#000;
}
#y_copy a:hover{
color:#D37501;
}
.fifty p{
margin-top:10px;
font-weight:bold;
}
#y_email label{
display:block;
}
#y_email input{
padding:4px;
border:1px solid #000;
width:400px;
}
#y_email textarea{
width:400px;
height:120px;
padding:4px;
border:1px solid #000;
}
#y_email input#send{
font-weight:bold;
width:100px;
margin:0 0 20px 0;
}
.fifty{
float:left;
}
#addr p{
margin-top:10px;
font-weight:normal;
}
#addr p strong{
font-weight:bold;
color:#000;
}
#flash{
margin-left:20px;
border:1px solid #000;
width:200px;
}
#mini{
margin:20px 0 0 0;
padding-bottom:40px;
}
.mini_p{
border-top:1px solid #ccc;
padding:20px 0 0 0;
}
[class = "mini_p"]{
border-top:1px dotted #ccc;
}
#mini_p{
position:absolute;
top:0;
left:0;
z-index:1000;
border:6px solid #CFC8B8
}
#mini_p img{
border:2px solid #fff;
}
#cards{
margin:10px 0 0 20px;
}
#items{
background-color:#CFC8B8;
margin:12px 30px 12px 0;
}
#items p{
clear:both;
font-size:85%;
margin:0 15px;
padding:10px 0;
}
#items p.gr{
color:#D37501;
font-weight:bold;
font-size:100%;
padding:10px 0 5px 0;
margin-bottom:10px;
border-bottom:1px solid #000;
}
#items ul{
float:left;
width:30%;
margin-left:2%;
list-style-type:none;
color:green;
}