/*  

colors used:  from ColourLovers --

Tight Envelopes (tan)
#F0D8A8

Renegade Brown
#3D1C00

Dusty Aqua
#86B8B1

The Cat's Meow (yellower tan)
#F2D694

Marty (red-orange)
#FA2A00

*/

body { 
background: #cccccc;
font-family: Helvetica, Arial, sans-serif;
color:#3D1C00;
}

p { }

td { }

a:link { color:#3D1C00; text-decoration:underline; }

a:visited { color:#333333; text-decoration:underline; }

a:hover { color:#F2D694 }

a:active { color:#3D1C00 }

#container {
position:relative;
background:transparent;
width:900px;
margin:15px auto 30px auto;
}

#container_home {
position:relative;
background:transparent;
width:900px;
margin:30px auto 30px auto;
}

#bgtop {
width:900px;
height:146px;
background: url(images/bv_bgtop.gif) no-repeat;
float:left;
}

#bgtop_pg {
width:900px;
height:146px;
background: #cccccc;
float:left;
}

#bgtop span, #bgtop_pg span, #bgtop_map span {
display:none;
}

#bgmiddle {
width:900px;
float:left;
background: url(images/bv_bg.gif) repeat-y #cccccc;
}

#bgbottom {
width:900px;
height:37px;
float:left;
background: url(images/bv_bgbottom.gif) no-repeat #cccccc;
}

#leftarea {
background: transparent;
margin:0;
width:39px;
height:400px;
float:left;
}

#leftarea_home {
background: transparent;
margin:0;
width:45px;
height:500px;
float:left;
}

#mainarea_home {
background: url(images/bv_mainarea.gif) no-repeat top right #86B8B1;
margin:0;
padding:0;
width:618px;
height:324px;
float:left;
}

#mainarea_pg {
background: url(images/bv_mainarea_pg.gif) no-repeat top right #86B8B1;
margin:0;
padding:0;
width:624px;
float:left;
}

#navarea_home {
background: url(images/bv_treenav_off.gif) no-repeat top left #86B8B1;
margin:0;
padding:0;
width:187px;
height:324px;
float:left;
}

#navarea_pg {
background: url(images/bv_treenav_off_pg.gif) no-repeat top left #86B8B1;
margin:0;
padding:0;
width:187px;
float:left;
}

#navarea_textpg {
background: url(images/bv_treenav_off_pg.gif) no-repeat top left #86B8B1;
margin:0;
padding:0;
width:187px;
float:left;
height:500px;
}

#main {
background: url(images/bv_mainroots.gif) no-repeat top left transparent;
margin:0;
padding:37px 0 0 57px;
width:566px;
float:left;
}

#main_textpg {
background: url(images/bv_mainroots.gif) no-repeat top left transparent;
margin:0;
padding:37px 0 0 57px;
width:500px;
float:left;
}

#treeholder {
float:left;
width:10px;
height:500px;
}

#mainhome {
background: transparent;
margin:0;
padding:0 0 0 0;
width:477px;
height:321px;
float:left;
}

.clearing {
clear:both;
float:none;
}

/*navigation*/

#nav {
background:transparent;
margin: 70px 0 0 0;
display: block;
float:left;
}

#nav span {
display:none;
border:0;
margin:0;
padding:0;
}

.navitem {
height:29px;
width:187px;
float:none;
padding:0;
margin:0;
}

.navitem_xl {
height:53px;
width:187px;
float:none;
padding:0;
margin:0;
}

.navitem, a .navitem, a:link .navitem, a:active .navitem,
.navitem_xl, a .navitem_xl, a:link .navitem_xl, a:active .navitem_xl {
background:none;
}

a:hover #navitem1, a:active #navitem1 {
background:url(images/bv_treenav_on.gif) 0 0 no-repeat;
}
a:hover #navitem2, a:active #navitem2 {
background:url(images/bv_treenav_on.gif) 0 -29px no-repeat;
}
a:hover #navitem3, a:active #navitem3 {
background:url(images/bv_treenav_on.gif) 0 -58px no-repeat;
}
a:hover #navitem4, a:active #navitem4 {
background:url(images/bv_treenav_on.gif) 0 -87px no-repeat;
}
a:hover #navitem5, a:active #navitem5 {
background:url(images/bv_treenav_on.gif) 0 -116px no-repeat;
}
a:hover #navitem6, a:active #navitem6 {
background:url(images/bv_treenav_on.gif) 0 -169px no-repeat;
}
a:hover #navitem7, a:active #navitem7 {
background:url(images/bv_treenav_on.gif) 0 -198px no-repeat;
}
a:hover #navitem8, a:active #navitem8 {
background:url(images/bv_treenav_on.gif) 0 -227px no-repeat;
}

a:hover #navitem1_pg, a:active #navitem1_pg {
background:url(images/bv_treenav_on_pg.gif) 0 0 no-repeat;
}
a:hover #navitem2_pg, a:active #navitem2_pg {
background:url(images/bv_treenav_on_pg.gif) 0 -29px no-repeat;
}
a:hover #navitem3_pg, a:active #navitem3_pg {
background:url(images/bv_treenav_on_pg.gif) 0 -58px no-repeat;
}
a:hover #navitem4_pg, a:active #navitem4_pg {
background:url(images/bv_treenav_on_pg.gif) 0 -87px no-repeat;
}
a:hover #navitem5_pg, a:active #navitem5_pg {
background:url(images/bv_treenav_on_pg.gif) 0 -116px no-repeat;
}
a:hover #navitem6_pg, a:active #navitem6_pg {
background:url(images/bv_treenav_on_pg.gif) 0 -169px no-repeat;
}
a:hover #navitem7_pg, a:active #navitem7_pg {
background:url(images/bv_treenav_on_pg.gif) 0 -198px no-repeat;
}
a:hover #navitem8_pg, a:active #navitem8_pg {
background:url(images/bv_treenav_on_pg.gif) 0 -227px no-repeat;
}


/*main area*/

#main img, #main img a, #main img a:link, #main img a:visited, #main img a:hover, #main img a:active {
border: 0;
outline-style: none;
}

.caption_y {
margin:4px 0 0 0;
width: 556px;
font-size: 12px;
color:#ffffff;
}

#pgtext {
margin:0 0 20px 0;
width:560px;
}

#textpage_content {
margin:0 0 0 33px;
}

#audiotitle h3 {
color: #ffffff;
margin:20px 0 0 0;
}

#audiosubtitle {
font-size: .9em;
}

#audiotext {
font-size: .9em;
margin: 20px 0 0 0;
}

#audiotext_elder {
float:left;
width:525px;
font-size: .9em;
margin: 0 0 20px 0;
}

.audiolink {
cursor: pointer;
cursor: hand;
}

#clip_box_elder {
background:transparent;
margin:0 0 0 30px;
display: block;
float:left;
}

#elder_image_area {
width:218px;
float:left;
background:transparent;
margin:0 0 40px 0;
display: block;
}

#elders_image_area {
width:218px;
height:347px;
float:left;
background:transparent;
margin:0;
display: block;
}

#player_box_elder {
float:left;
margin:20px 0 0 0;
}

#player_box_elders {
background:transparent;
margin:212px 0 0 15px;
display: block;
float:left;
font-size: 10px;
}

#library {float:left;}

/*audio player*/

#player_box {
background:transparent;
margin:39px 0 0 15px;
display: block;
float:left;
font-size: 10px;
}

#player_text {
background:transparent;
margin:0px 0 0 15px;
display: block;
height:20px;
width:160px;
float:left;
text-align: right;
}

#player_text_elder {
background:transparent;
display: block;
width:200px;
margin:2px 0 20px 0;
float:left;
font-size: 10px;
}

#audio_selections {
float:left;
font-size:12px;
width:300px;
list-style-type:none;
margin:0 0 20px 0;
padding:0;
line-height:16px;
}

#audio_selections li {
margin:0 0 7px 0;
}

#audio_selections li a {
cursor:pointer;
}

#audio_selections li a, #audio_selections li a:link {
color:#3D1C00;
text-decoration:none;
}

#audio_selections li a:visited { color:#333333; }

#audio_selections li a:hover, #audio_selections li a:active {
color:#FA2A00;
text-decoration:underline;
}

#elders_text {
margin:0 0 0 20px;
width:225px;
float:left;
}

#elders_text h2 {
margin:0 0 30px 0;
padding:0;
}

#elders_text h3 {
margin:0 0 20px 0;
padding:0;
}


#elders_text p {
margin:0;
padding:0;
font-size:0.9em;
}

#elder_title h2 {
margin:0 0 20px 0;
padding:0;
}


#player {
background:#86B8B1;
margin:2px 0 0 15px;
padding:0;
display: block;
float:left;
}

player_elder {
background:#86B8B1;
margin:0;
padding:0;
display: block;
float:left;
}

.placedphoto, a .placedphoto, a:link .placedphoto, a:visited .placedphoto, a:hover .placedphoto, a:active .placedphoto {
border:0;
margin:0;
padding:0;
outline-style: none;
}

/* elder individual page thumbnails */

.ethumb {
float:left;
cursor:pointer;
}

#elder_thumbs {
width:158px;
height:343px;
float:left;
margin:134px 0 0 35px;
background:url(images/epaul_thumbs_off.jpg) no-repeat transparent;
}

/*  combined elders page thumbnails  */

#elders_thumbs {
width:564px;
height:210px;
float:left;
margin:0 0 15px 0;
background:url(images/bv_elders_thumbs_2_off.jpg) no-repeat transparent;
}

#elders_thumbs ul {
display:inline;
margin:0;
padding:0;
list-style-type:none;
}

#elders_thumbs ul li {
display:inline;
float:left;
}

.elder_boxen  {
height:107px;
width:111px;
margin:0px;
}

a .elder_boxen, a:link .elder_boxen, a:visited .elder_boxen, a:active .elder_boxen {
background:transparent;
} 

a:hover #elders1 {background:url(images/bv_elders_thumbs_2_on.jpg) no-repeat transparent;}
a:hover #elders2 {background:url(images/bv_elders_thumbs_2_on.jpg) -111px 0 no-repeat transparent;}
a:hover #elders3 {background:url(images/bv_elders_thumbs_2_on.jpg) -222px 0 no-repeat transparent;}
a:hover #elders4 {background:url(images/bv_elders_thumbs_2_on.jpg) -333px 0 no-repeat transparent;}
a:hover #elders5 {background:url(images/bv_elders_thumbs_2_on.jpg) -444px 0 no-repeat transparent;}
a:hover #elders6 {background:url(images/bv_elders_thumbs_2_on.jpg) 0px -107px no-repeat transparent;}
a:hover #elders7 {background:url(images/bv_elders_thumbs_2_on.jpg) -111px -107px no-repeat transparent;} 
a:hover #elders8 {background:url(images/bv_elders_thumbs_2_on.jpg) -222px -107px no-repeat transparent;} 
a:hover #elders9 {background:url(images/bv_elders_thumbs_2_on.jpg) -333px -107px no-repeat transparent;} 
a:hover #elders10 {background:url(images/bv_elders_thumbs_2_on.jpg) -444px -107px no-repeat transparent;} 

#copy {
text-align:center;
font-size:11px;
width:900px;
margin:10px 0 20px 0;
padding:0;
float:left;
background:#cccccc;
}