/* -------------------------- */
/*                            */
/*    DESIGN AND CSS BY       */
/*                            */
/*      Tony Edwards          */
/*   			      */
/*                            */
/* -------------------------- */

body{
background: url(../images/harp.jpg) no-repeat white;
text-align: center;
margin: 0px;
padding: 0px;
}



table {
font-family: verdana;
font-size: 12px;}
p{}


/* -------------------------- */
/*       GENERAL STYLES       */
/* -------------------------- */

h1 {}
h2 {}
h3 {}

hr {clear:both;width:660px;color: #E6E6E6;background-color: #E6E6E6;height: 1px;border: none;margin:20px 20px;}


/* Links */

a {
color: #b6b6b6; 
text-decoration: none;}

a:hover{
color: white; 
text-decoration: none;}


/* -------------------------- */
/*   CONTAINER PROPERTIES     */
/* -------------------------- */

#vertical_Alignment{
width: 800px; 
text-align: left;
height:50%; 
position: relative; 
top 0px;
margin: 0px auto;

}


#container{
background: transparent; 
width:800px; 
height:500px;
position: absolute; 
bottom:-250px;


}

#scrollBar{
margin: 0px;
padding: 6px;
border: 1px inset;
width: 730px;
/*height: 325px;*/
height: 315px;
text-align: left;
overflow: auto;
border: 0px;
background: transparent;
position: absolute; 
top: 120px;
left: 30px;
}


#scrollBar_Home{
margin: 0px;
padding: 0px;
border: 1px inset;
width: 730px;
height: 325px;
text-align: left;
overflow: hidden;
border: 0px;
background: transparent;
position: absolute; 
top: 120px;
left: 30px;
}

#mainContent{
width:690px;
font-family: verdana;
font-size: 12px;
text-align: justify;
}



#logo{
position: absolute; 
top:9px;
left:100px;
}

#harpist{
position: absolute; 
top:25px;
left:420px;
}

.title{
padding: px 0px 10px 3px;
font-family: arial;
font-size: 20px;
}

#container_mask{
background:url(../images/container_mask.gif) no-repeat;
filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;
width:800px;
height:500px;
}

.photo{
padding-top: 0px;
padding-right: 20px;
float: left;
}

.name{
color: black;
}


a:link, a:visited{
color: #6f5509;
text-decoration: none;
}

a:hover{
color: black;
text-decoration: underline;
}


/*Menu*/


#menuContainer{
width:799; 
position: absolute; 
top: 60px;
text-align: center;
}

.menuItem{
padding: 0 20 0 20;
}

.menuItem a:link, .menuItem a:visited{
color: #6f5509;
text-decoration: none;
}

.menuItem a:hover{
color: red;
text-decoration: none;
}


/* Footer */

#footer{
position: absolute; 
bottom:15px;
left: 25px;
width:750px;
font-family: Monotype Corsiva;
font-size: 8px;
border-top:1px solid #be930e;
/*color: #6f5509;*/
color: red;
}