

#Base{
z-index:1;
position:absolute;
margin-left: 3em;
margin-right: 3em;
margin-bottom: 3em;
background: rgb(87, 77, 67);
height: 70em;
width: 55em;
}

#BarnImgBase{
z-index:11;
position:absolute;
margin-left:3.8em;
margin-top:1.8em;
}

#Bar{
z-index:2;
background: rgb(45, 40, 34);
position:absolute;
margin-left: 1.5em;
margin-right:1.5em;
margin-top:3.5em;
height: 18em;
width: 52em;


}

#Button{

background: rgb(45, 40, 34);

margin-right:1em;
margin-top:0.5em;
margin-left: 12em;

height:3.0em;
width: 28em;
border: 1px solid rgb(216, 0, 86);
border-right: 1px solid rgb(45, 40, 34);

}

#PinkBox{

background: rgb(45, 40, 34);

margin-top:0.5em;
margin-right:0.2em;
margin-left: 38.5em;
height:3.0em;
width:13em;
border: 1px solid rgb(216, 0, 86);

border-left: 1px solid rgb(45, 40, 34);
}



#ButtonAlign{
margin-top:0.6em;
margin-bottom:1em;
}



li.inline{
display:inline;
padding-left:1.5em;
padding-right:2em;
font: 0.7em Arial;
font-weight: bold;
color: rgb(216, 0 , 86);
letter-spacing: 0.1em;
}

li.last{
display: inline;

font: 0.7em Arial;
font-weight:bold;
color:rgb(216, 0, 860);
padding-left:1.8em;
padding-right:0;
letter-spacing: 0.1em;

}


li.sub{

color:rgb(216, 0, 860);
padding-left:1.8em;
padding-right:0;

font: 0.7em Arial;
font-weight: bold;
color: rgb(45, 40, 34);
letter-spacing: 0.1em;
line-height:180%;
}

#Picture{

background:  rgb(45, 40, 34);
margin-top:4.5em;
margin-left: 12em;
margin-right:12em

margin-bottom: 0.5em;
height:13em;
width: 38em;
}

#Main{

background: rgb(87, 77, 67);

margin-top:22em;
margin-right:13.5em;
margin-left:13.5em;
margin-bottom:1em;
border: 1px solid rgb(216, 0, 86);
width:28em;
height:28em;


}

#MainText{
background: rgb(87, 77, 67);
margin-right: 0.5em;
margin-left: 0.9em;
margin- top: 0.5em;
margin-bottom: 0.5em;
font: 0.7em Arial;

letter-spacing:0.05em;
text-align:left;
color: white;
line-height: 130%;


}

#SubMenu{
background: rgb(87, 77, 67);
margin-left: 1.5em;
margin-right:53.5em;
margin-top: 22em;
width= 11em;
height=20em;
}



#Footer{
background: rgb(87, 77, 67);
margin-top:89em;

margin-left:19em;
font: 0.7em Arial;
font-weight: bold;
text-align:left;
color: rgb(45, 40, 34);
align: center;
line-height: 150%;
letter-spacing: 0.1em;
}


.gallerycontainer{

position: absolute;
margin-top: 0em;
margin-left: 30em;
height: 10em;

/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 0px solid rgb(45, 40, 34);
margin: 1px 1px 1px 1px;
}

.thumbnail:hover{

border: 1px solid rgb(129, 129, 129);
}

.thumbnail:hover img{

}

.thumbnail span{ /*CSS for enlarged image*/

position: absolute;
margin-top: 0em;
margin-left:-44.5em;
background-color:rgb(45, 40, 34);
padding: 0px;
border: 1px;
visibility: hidden;
font: 0.7em Arial;
font-weight: bold;
color: rgb(173, 174, 176);
text-decoration: none;
letter-spacing: 0.1em;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}




a.one:link{color: rgb(166, 0, 66); text-decoration: none }
a.one:visited{color: rgb(166, 0, 66); text-decoration: none}
a.one:active{color: rgb(216, 0, 86); text-decoration: none}
a.one:hover{color: rgb(216, 0, 86); text-decoration: none}


a.two:link{color: rgb(173, 174, 176); text-decoration: none }
a.two:visited{color: rgb(173, 174, 176); text-decoration: none}
a.two:active{color: rgb(255, 255, 255); text-decoration: none}
a.two:hover{color: rgb(255, 255, 255); text-decoration: none}

a.three:link{color: rgb(129, 129, 129); text-decoration: none }
a.three:visited{color: rgb(129, 129, 129); text-decoration: none}
a.three:active{color: rgb(129, 129, 129); text-decoration: underline}
a.three:hover{color: rgb(255, 255, 255); text-decoration: underline}


/*where change the scrollbar colors

*/
body {

scrollbar-arrow-color: rgb(216, 0, 86);
scrollbar-3dlight-color: rgb(216, 0, 86);
scrollbar-darkshadow-color: rgb(87, 77, 67);
scrollbar-face-color: rgb(45, 40, 34);
scrollbar-highlight-color: rgb(216, 0, 86);
scrollbar-shadow-color: rgb(216, 0, 86);
scrollbar-track-color: rgb(87, 77, 67);
}
