#top {
width: 100%;
background-image: url('images/protected_images/top-bar-GFTH.jpg');
background-repeat: repeat-x;
height: 20px;
margin: 0 0 5px 0;
text-align:right;
font-size:8pt;
color:#000;
}
#bottom {
width: 100%;
height: 25px;
margin: 120px auto 0px auto;
padding-bottom:6px;
text-align:center;
background-position: bottom;
background-image: url('images/protected_images/bottom-bar-GFTH.jpg');
background-repeat: repeat-x;
}

#container {
width: 100%;
text-align: center;
height: auto;
margin-top: 0px;
margin-bottom: 0px;
}

#outside-container {
width: 100%;
text-align: center;
min-height: 600px;
height: auto !important;
height: 600px;
margin-top: 0px;
margin-bottom: 0px;
}
.marginNone {
margin: 0em;
}
.marginTiny {
margin: 1em;
}
.marginSmall {
margin: 2em;
}
.textSmall {
font-size: 9px;
font-family: Verdana, Arial, sans-serif;
}
.textStd {
line-height: 195%;
font-weight: normal;
font-size: 8pt;
font-family: Verdana, Arial, sans-serif;
}
.textBig {
font-size: 12pt;
font-family: Verdana, Arial, sans-serif;
}
.sectHead {
font-size: 8pt;
font-weight: bold;
font-family: Verdana, Arial, sans-serif;
}
.sectItem {
font-size: 8pt;
font-family: Verdana, Arial, sans-serif;
}
.textHead {
font-size: 8pt;
font-family: Times, serif;
}

/* added by calvin */
body {
margin: 0px;
background-color: #ffffff;
color: #000000;
font-family: Verdana, Arial, sans-serif;
}

table {
line-height: 155%;
font-size: 11px;
}
a {
color: #993333;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}

a img {
border: 0;
}
.menubar {
color:#555;
font-size: 15px;
font-weight: 600;
text-decoration: none;
}
.menubar a {
color:#555;
padding-left: 25px;
text-decoration: none;
}
.menubar a:hover {
color: #993333;
}

.text {
border: 1px solid rgb(175, 160, 139);
padding: 2px;
width: 100%;
}
.framed {
border: 25px solid #ccc;
width: 700px;
height: 500px;

}
.menutop {
border: 0px solid #eee;
background: #eee;
width: 700px;
height: 25px;
margin-bottom:15px;
color:#fff;
}
.pagetitle {
width:250px;
font-size: 12px;
color: #993333;
font-weight: bold;
margin:0 0px 5px 0px;
border-bottom: 1px dotted #ddd;
}

.itempagetitle {
width:145px;
font-size: 12px;
color: #993333;
font-weight: bold;
padding: 0px 0px 0px 0px;
margin:0px 0px 5px 0px;
border-bottom: 1px dotted #ddd;
}

.catalogtitle {
width: auto;
text-align:center;
font-size: 12px;
color: #993333;
margin-bottom: 5px;
font-weight: bold;
border-bottom: 1px solid #ccc;}


.artist-thumbs {
text-align: left;
border: 1px solid #eee;
}

#artist-thumbs {
text-align: left;
border: 0px solid #eee;
width: 550px;
height: 75px;
overflow: auto;}

.frameleft {
vertical-align: top;
text-align: left;
line-height: 150%;
border: 1px solid #eee;
}
.frameright {
text-align: left;
vertical-align: top;
line-height: 150%;
border: 1px solid #eee;
}
.frameright-item {
text-align: center;
vertical-align: top;
line-height: 150%;
border: 1px solid #eee;
}
.frameright-featured {
vertical-align: top;
text-align: center;
line-height: 150%;
border: 1px solid #eee;
}
.artist-footer {
margin: 0px 15px 0px 0px;
font-size: 9px;
line-height: 130%;
font-family: Verdana, Arial, sans-serif;
}
.artist-footer A:link,.artist-footer-container A:link,.artist-footer A:visited,.artist-footer-container A:visited{
font-size: 9px;
line-height: 130%;
font-family: Verdana, Arial, sans-serif;
}


.artist-footer-container{
width:145px;
margin: 0px 10px 0px 0px;
text-align: center;
height:auto;
float: right;

}

.exhibition-footer {
font-size: 11px;
line-height: 120%;
font-family: Verdana, Arial, sans-serif;
}
.categories, .categories A:link {
font-size: 12px;
font-family: Verdana, Arial, sans-serif;
color: #993333;
font-weight: bold;}

.workshop-description {
margin-top: 20px;
font-size: 12px;
font-family: Verdana, Arial, sans-serif;
font-weight: normal;
}

.MsoNormal {
font-size: 12px;
font-family: Verdana, Arial, sans-serif;
font-weight: normal;
}

.paragraphTitle {
width:200px;
font-size:10pt;
font-family:verdana;
text-align:right;
}

.byline {
width:200px;
font-size:7pt;
color:#aaa;
font-weight:normal;
font-family:verdana;
text-align:right;
}

.paragraph {
width:200px;
font-size:10pt;
line-height:170%;
font-family:verdana;
font-weight:normal;
text-align:right;
color:#555;
}

.Subparagraph {
width:145px;
margin: 5px 10px 0px 0px;
font-size:10pt;
line-height:150%;
font-family:verdana;
font-weight:normal;
text-align:right;
color:#555;
}

.browse {
width:auto;
height: auto;
margin:5px 0px 0px 0px;
font-size:10pt;
line-height:170%;
font-family:verdana;
font-weight:normal;
text-align:right;
color:#555;
}

.categoryone {
width:145px;
font-size:9pt;
line-height:110%;
margin-top:15px;
font-family:verdana;
font-weight:normal;
text-align:right;
color:#555;
}

.categoryone A:link,.categoryone A:visited {
color: #555;
}

.categoryone A:hover {
color:#993333;
}

.categorytwo {
width:145px;
font-size:8pt;
line-height:140%;
margin-top:3px;
margin-bottom:0px;
font-family:verdana;
font-weight:normal;
text-align:right;
color:#555;
}

.categorytwo A:link,.categorytwo A:visited {
color: #555;
}

.categorytwo A:hover {
color:#993333;
}


.categorytwoActive {
width:145px;
font-size:8pt;
line-height:140%;
margin-top:3px;
margin-bottom:0px;
font-family:verdana;
font-weight:normal;
text-align:right;
color:#993333;
}

.categorythree {
width:145px;
height:1px;
font-size:9pt;
line-height:110%;
margin-top:3px;
margin-bottom:0px;
}

.category-footer {
font-size: 9px;
line-height: 120%;
font-family: Verdana, Arial, sans-serif;
}

.category-footer-container{
margin: 0 15px 0 0px;
text-align: center;
width: 400px;
overflow-x: scroll;
float: right;
}

.search {
width:180px;
margin: 30px 20px -10px 0px;
text-align:right;
}

.blogtext {
text-align:left;
font-size:10pt;
color:#555;
}

.blogtitle {
margin-top:10px;
margin-bottom:10px;
text-align:left;
font-size:12pt;
font-weight:bold;
color:#222;
float:left;
height: auto;
width:100%;
}

.blogtextindex {
text-align:right;
font-size:8pt;
line-height:190%;
width:180px;
color:#555;
}

.blogtitleindex {
width:180px;
margin-top:10px;
margin-bottom:10px;
text-align:right;
font-size:9pt;
font-weight:bold;
color:#777;
float:left;
height: auto;
}

.bottom {
padding-top:7px;
text-align:center;
font-size:7pt;
line-height:190%;
width:100%;
height:auto;
color:#555;
}

.updateMessage{
text-align:left;
font-size:8pt;
font-style:italic;
line-height:120%;
color:#fff;
margin: 3px 0px 10px 0px;
background-image: url('images/protected_images/updateMessage.gif');
background-repeat: no-repeat;
padding: 7px 0px 2px 6px;
width: 150px;
height:45px;
}

.related-categories-container{
text-align: right;
color:#555;
float: right;
font-size:10pt;
width:145px;
margin: 10px 10px 0px 0px;
}

.carttable td{
border-bottom: 1px solid #ccc;
padding-bottom: 10px;
padding-top: 10px;
}

.carttable td td{
border: 0;
padding: 4px;
}

.mainsidetable td{
padding: 7px 0px 0px 12px;
}

#navigation {
text-align: center;
color:#555;
width:430px;
height:22px;
margin: 0px 0px 0px 0px;
}

.navigationleft {
text-align: left;
color:#555;
float: left;
font-size:8pt;
width:215px;
height:20px;
margin: 0px 0px 0px 0px;
}

.navigationleft A:link,.navigationleft A:visited {
font-size:8pt;
color:#555;
}
.navigationright A:link,.navigationright A:visited {
font-size:8pt;
color:#555;
}

.navigationright {
text-align: right;
color:#555;
float: left;
font-size:8pt;
width:215px;
height:20px;
margin: 0px 0px 0px 0px;
}

.message {
background:#993333;
padding:5px;
font-size:9pt;
color:#fff;
}

.message-light {
background:#fff;
padding:5px;
font-size:9pt;
color:#aaa;
}