body
{
    color: #191970;
    font-size: small;
    margin: 0px auto;
    padding: 0px;
    width: 100%;    
    background-image: url('/images/gradient.png');
    background-repeat: repeat;
}
A.menuLink:link
{
    text-decoration: none;
    color: #191970;
}
A.menuLink:hover
{
    text-decoration: underline;
}
A.menuLink:visited
{
    text-decoration: none;
    color: #191970;
}
A.menuLink:visited:hover
{
    text-decoration: underline;
    color: #191970;
}
.announcements
{
    background-color: lightgrey;
    color: #191970;
    text-align: left;
    border-right: mediumslateblue 1px solid;
    border-top: mediumslateblue 1px solid;
    border-left: mediumslateblue 1px solid;
    border-bottom: mediumslateblue 1px solid;
}
.announcementsRow
{
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
}
.middleStyle
{
    font-size: small;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
}
#leftPane
{
    vertical-align: top;
    width: 20%;
    text-align: center;
    padding-top: 10px;
}
#middlePane
{
    font-size: small;
    vertical-align: top;
    width: 60%;    
    padding-top: 20px;
    --background-image: url('/images/bg_shadow.gif');
    background-repeat: repeat-y;
}
#rightPane
{
    font-size: small;
    vertical-align: top;
    width: 20%;
    text-align: center;
    padding-top: 10px;
}
.menu
{    
    border: 1px solid #191970;
    background-color: #6A9AD8;
    font-size: small;
    margin: 0px;
    color: #191970;
}
.menuHeader
{
    background-color: #191970;
    color: White;
    margin: 0px;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 2px;
    padding-top: 2px;
}
.menuRow
{
    color: #191970;
    font-size: small;
    margin: 0px;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 2px;
    padding-top: 2px;
}
.contentContainerHeader
{
    border-right: mediumslateblue 1px solid;
    border-top: mediumslateblue 1px solid;
    border-left: mediumslateblue 1px solid;
    border-bottom: mediumslateblue 1px solid;
    background-color: lightgrey;
    color: #191970;
    width: 90%;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    margin: 0px;
    padding-top: 10px;
}
.login
{
    font-size: small;
    color: #191970;
    width: 90%;
    border-collapse: collapse;
}
.loginHeader
{
    background-color: #191970;
    color: White;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 2px;
    padding-top: 2px;
    width: 90%;
    border-collapse: collapse;
}
.contentContainer
{
    font-size: small;
    color: #191970;
    margin: 0px;
    border-collapse: collapse;
    background-color: white;
}
.content
{
    font-size: small;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    margin: 10px;
    border-collapse: collapse;
}
#search
{
    background-color: lightgrey;
    border-right: mediumslateblue 1px solid;
    padding-right: 3px;
    border-top: mediumslateblue 1px solid;
    padding-left: 7px;
    padding-bottom: 3px;
    border-left: mediumslateblue 1px solid;
    padding-top: 3px;
    border-bottom: mediumslateblue 1px solid;
    color: #191970;
}
.footer
{
    text-align:center;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
    color: gray;        
    font-size: small;
}
.footer a:link
{
    color: Gray;
    text-decoration: none;    
}
.footer a:hover
{
    color: Gray;
    text-decoration: underline;
}
.footer a:visited
{
    color: Gray;
    text-decoration: none;    
}
.footer a:visited:hover
{
    color: Gray;
    text-decoration: underline;    
}


#header
{
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 0px;
    background-color: #191970;
}
.seperator
{
    border-top: mediumslateblue 1px solid;
}

/*Modal Popup*/
.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopup
{
    background-color: #ffffdd;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    position: absolute !important;
}

.sampleStyleA
{
    background-color: #FFF;
}

.sampleStyleB
{
    background-color: #FFF;
    font-family: monospace;
    font-size: 10pt;
    font-weight: bold;
}

.sampleStyleC
{
    background-color: #ddffdd;
    font-family: sans-serif;
    font-size: 10pt;
    font-style: italic;
}

.sampleStyleD
{
    background-color: Blue;
    color: White;
    font-family: Arial;
    font-size: 10pt;
}
.imagePopUp
{
}
.ArtistName
{
    font-size: small;
}
.ItemName
{
    font-size: medium;
    font-weight: bold;
    color: #3366FF;
}
.ItemPrice
{
    font-weight: bold;
    color: green;
    font-size: small;
}
.ItemDescription
{
}
.Divider
{
    border-bottom: solid 1px #ECE9D8;
}

.spiffy
{
    display: block;
}
.spiffy *
{
    display: block;
    height: 1px;
    overflow: hidden;
    font-size: .01em;
    background: #ffffff;
}
.spiffy1
{
    margin-left: 3px;
    margin-right: 3px;
    padding-left: 1px;
    padding-right: 1px;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    background: #ffffff;
}
.spiffy2
{
    margin-left: 1px;
    margin-right: 1px;
    padding-right: 1px;
    padding-left: 1px;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    background: #ffffff;
}
.spiffy3
{
    margin-left: 1px;
    margin-right: 1px;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
}
.spiffy4
{
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
}
.spiffy5
{
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
}
.spiffyfg
{
    background: #ffffff;
}
.pagetitle
{
    font-size: large;
    font-weight: bold;
    color: #191970;
}
.navbar
{
    padding-right: 5px;
    padding-left: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
    color: #191970;
    font-family: 'Bradley Hand ITC';
    font-weight: bold;
    font-size: small;    
    background-image: url('/images/navbar.jpg');
}
.navbar a:link
{
    color: #191970;
    text-decoration: none;
}
.navbar a:visited
{
    color: #191970;
    text-decoration: none;
}
.navbar a:visited:hover
{
    color: #191970;
    text-decoration: underline;
}
.navbar a:hover
{
    text-decoration: underline;
}
.searchControl
{
    background-image: url('/images/gradient.png');
}
a.LargeButton
{
    color: green;
    text-decoration: none;    
}
a:hover.LargeButton
{
    color: green;
    text-decoration: underline;
}
a:visited.LargeButton 
{
    color: green;
    text-decoration: none;    
}
a:visited:hover.LargeButton 
{
    color: green;
    text-decoration: underline;    
}