a 	{ text-decoration: none; color: rgb(150, 120, 50); }
a:hover {border-bottom: 1px dashed rgb(230, 200, 80);}
a:active {border-bottom: 1px solid rgb(230, 200, 80);}

#body  {background-color: rgb(57, 150, 50);
}


#header {
     top: 0px;
    left: 8px;
    background-color: rgb(255, 100, 0);
    color: rgb(250, 200, 51);
    width: 700px;
    background: url("gallerybar.jpg");
    height: 120px;
    margin: 10px 40px 10px 10px;
    padding: 0px 10px 0px 40px;
    text-indent: 0px;
    font-size: 36pt;
    font-family: baskerville;
    text-shadow: rgb(37, 82, 134) 1px 2px 2px;

}

#footer {
    top: 0px;
    left: 8px;
    background-color: rgb(180, 200, 255);
    color: rgb(250, 200, 51);
    width: 695px;
    height: 90px;
    margin: 10px 40px 10px 10px;
    padding: 0px 10px 0px 40px;
    text-indent: 0px;
    font-size: 24pt;
    font-family: baskerville;
    text-shadow: rgb(37, 82, 134) 1px 2px 2px;
    border: double orange
    }

#links  {
    position: fixed;
    left: 778px;
    height: 240px;
    background-color: rgb(267, 250, 164);
    width: 140px;
    padding: 0px 0px 0px 10px;
    font-family: baskerville;
    font-size: 10pt;
    line-height: 0px;
    text-decoration: none;
    color: rgb(50, 250, 250);
    text-decoration: none; color: rgb(100, 100, 100);

}

.medium   {
    font-family: baskerville;
    font-variant: small-caps;
}

.leftphoto  {
    
    float: left; 
    margin: 40px 10px 10px 10px; 
    border: 6px double orange;

}
.rightphoto  {
    
    float: right; 
    margin: 10px 10px 40px 10px; 
    border: 6px double orange;

}

.newmedium{

    background-color: rgb(245, 255, 255);
    color: rgb(70, 20, 20);
    width: 695px;
    min-height: 350px;
    margin: 10px 10px 10px 10px;
    padding: 10px 10px 10px 10px;
    border: 3px double orange;
}