/* Global Styles */
html {
font: 100% arial, sans-serif;
margin: 0;
padding: 0;
}
body  {
font: 90% arial, sans-serif;
color: #333333;
background: #e6e6e6;
margin: 0 0 2em 0;
padding: 0;
}
form {
margin: 0px;
padding: 0px;
}
img {
border: none;
}
.clear {
clear: both;	
}


/* Access Bar */
#accessBar {
color: #333333;
background: #ffffff url(images/accessBarBack.jpg) left top repeat-x;	
text-align: right;
padding: .7em .8em .6em 10em;
font-weight: bold;
font-size: .9em;
border-bottom: 1px solid #333333;
}
#accessBar a:link, #accessBar a:visited {
color: #0071bb;
background: #ffffff;
text-decoration: underline;
padding: .2em;
}
#accessBar a:hover, #accessBar a:visited:hover {
color: #ffffff;
background: #0071bb;
text-decoration: none;	
padding: .2em;
}
#searchContainer {
font-size: .9em;
padding: .4em;
}
.searchInput {
font: 1em arial, sans-serif;
color: #333333;
background: #ffffff;
border: 1px solid #333333;
width: 10em;
}
.searchButton {
font: bold 1em arial, sans-serif;
color: #ffffff;
background: #0071bb;
border: 1px solid #333333;
cursor: pointer;	
}


/* Logo and Image Header */
#headerContainer {
color: #333333;
background: #e6e6e6 url(images/headerBack.jpg) left top repeat-x;
position: relative;
}
#logo {
position: absolute;
top: -29px;
left: 20px;
}
#imagePanels {
height: 175px;
margin: 0 0 0 200px;	
overflow: hidden;
background: url(headerImages/panelBack.jpg) left top repeat-x;
}
.panel {
margin-right: 10px;
float: left;	
}


/* Main Navigation and Ad Space */
#navAdContainer {
float: left;
width: 190px;	
}
#mainNavList {
width: 190px;
list-style: none;
padding: 0;
margin: 5px 0 0 0;
font-size: .9em;
overflow: hidden;
}
.mainNavLink, .mainNavLink:visited {
color: #fffffe;
background:	#404040;
padding: .3em .5em;
display: block;
margin-top: 5px;
text-decoration: none;
font-weight: bold;
}
.mainNavLink:hover, .mainNavLink:visited:hover {
color: #fffffe;
background:	#b40000;
padding: .3em .5em;
display: block;
margin-top: 5px;
text-decoration: none;
font-weight: bold;
}
.mainNavLinkActive, .mainNavLinkActive:visited, .mainNavLinkActive:hover, .mainNavLinkActive:visited:hover {
color: #fffffe;
background:	#b40000 url(images/mainNavActiveBack.jpg) right bottom no-repeat;
padding: .3em .5em;
display: block;
margin-top: 5px;
text-decoration: none;
font-weight: bold;
}
#subNavList {
width: 190px;
list-style: none;
padding: 0;
margin: 0;
font-size: .9em;
overflow: hidden;
}
.subNavLink, .subNavLink:visited {
color: #404040;
background:	#ffffff;
padding: .3em .5em;
display: block;
text-decoration: none;
font-weight: bold;
margin: 1px 0 0 0;
border-right: 6px solid #808080;
}
.subNavLink:hover, .subNavLink:visited:hover {
color: #404040;
background:	#fef4d5;
padding: .3em .5em;
display: block;
text-decoration: none;
font-weight: bold;
margin: 1px 0 0 0;
border-right: 6px solid #b40000;
}
.subNavLinkActive, .subNavLinkActive:visited, .subNavLinkActive:hover, .subNavLinkActive:visited:hover {
color: #b40000;
background:	#fef4d5 url(images/subNavActiveBack.jpg) right center no-repeat;
padding: .3em .5em;
display: block;
text-decoration: none;
font-weight: bold;
margin: 1px 0 0 0;
border-right: 6px solid #b40000;
}


/* Contact Info */
#contactContainer {
border-top: 1px solid #808080;
border-right: 6px solid #808080;
border-bottom: 1px solid #808080;
color: #333333;
background: #f3f8fe url(images/contactBack.jpg) right bottom no-repeat;
margin-top: 15px;
padding: 1em 1em 0 1em;
font-size: .8em;
font-weight: bold;
overflow: hidden;
}
#contactContainer address {
margin: 0 0 1em 0;
padding: 0;
line-height: 1.4em;
}
.addressTitle {
font-size: 1.1em;
color: #b40000;
background: #f3f8fe;
}
.contactInfo {
margin: 0 0 1em 0;
padding: 0;
line-height: 1.4em;	
}
.contactInfo .inlineLink, .contactInfo .inlineLink:visited {
background: transparent;	
}


/* Donate Ad */
#donateLink, #donateLink:visited {
border-top: 1px solid #808080;
border-right: 6px solid #808080;
border-bottom: 1px solid #808080;
background: #ffffff url(images/.jpg) left center no-repeat;
margin-top: 15px;
padding: .5em .5em .5em 10px;
font-size: 1.2em;
font-weight: bold;
overflow: hidden;
display: block;
color: #404040;
text-decoration: none;	
}
#donateLink:hover, #donateLink:visited:hover {
border-top: 1px solid #b40000;
border-right: 6px solid #b40000;
border-bottom: 1px solid #b40000;
background: black url(images/.jpg) left center no-repeat;
margin-top: 15px;
padding: .5em .5em .5em 10px;
font-size: 1.2em;
font-weight: bold;
overflow: hidden;
display: block;
color: white;
text-decoration: none;	
}
#donateNow {
color: #b40000;
background: #ffffff;
}
#donateNow:hover {
color: #b40000;
background: black;
}



/* Content */
#contentContainer {
background: #ffffff;
color: #333333;
border-top: 1px solid #404040;
border-bottom: 1px solid #404040;
margin: 10px 0 0 200px;
padding: 0 3em 3em 3em;
}
#skipHere {
width: 80%;
overflow: hidden;	
}
h1 {
font-size: 1.8em;
margin: 1.2em 0 .5em 0;
padding: 0;	
color: #b40000;
background: #ffffff;
position: relative;
}
h2 {
font-size: 1.4em;
margin: 1.2em 0 .5em 0;
padding: 0;	
color: #b64949;
background: #ffffff;
}
h3 {
font-size: 1em;
margin: 1em 0 .5em 0;
padding: 0;	
color: #222222;
background: #ffffff;		
}
#h1Crumbs {
display: block;
font-size: .5em;
color: #333333;
background: #ffffff;	
}
p {
margin: .5em 0 1em 0;
padding: 0;
line-height: 1.4em;
text-align: justify;
}
.contentList {
margin: 0 0 1em 1.2em;
padding: 0;
line-height: 1.4em;
}
.contentListNoBullet {
margin: 0 0 1em 1em;
padding: 0;
line-height: 1.4em;
list-style: none;
}
.inlineImage {
float: left;
margin: 0 1em 1em 0;	
}
.programLogo {
margin: 1em 0 1em 1em;
float: right;	
}
.contentImageLandscape {
color: #ffffff;
background: #404040;
width: 408px;
margin: .5em 0 1em 0;	
}
.contentImagePortrait {
color: #ffffff;
background: #404040;
width: 308px;
margin: .5em 0 1em 0;
}
.contentImageLandscape img, .contentImagePortrait img {
margin: 4px;	
}
.imageCaption {
font-style: italic;
font-size: .9em;
margin: 0;
padding: .2em .5em .5em .5em;
line-height: 1.4em;
}
.artistInfo {
font-style: italic;
font-weight: bold;
margin: .5em 0 1em 0;
padding: 0;
line-height: 1.4em;	
}
.inlineLink, .inlineLink:visited {
color: #0071bb;
background: #ffffff;
text-decoration: underline;
}
.inlineLink:hover, .inlineLink:visited:hover {
color: #ffffff;
background: #0071bb;
text-decoration: none;
}
#contentContainer address {
margin: 0 0 1em 0;
padding: 0;
line-height: 1.4em;
}
#contentContainer .addressTitle {
font-size: 1.1em;
color: #222222;
background: #ffffff;
font-weight: bold;
}
.specialNote {
font-weight: bold;
font-style: italic;
color: #333333;
background: #fff9d9;
margin: .5em 0 1em 0;
padding: .5em .8em;
line-height: 1.4em;
}
#featureLogos {
float: right;
width: 175px;
text-align: center;	
}
#floatedImage {
float: right;
padding: 0 1em 1em 1em;	
}
acronym, abbr {
cursor: help;
text-decoration: none;
border-bottom: 1px dotted #337900;
color: #337900;
background: #ffffff;	
}
acronym:hover, abbr:hover {
cursor: help;
text-decoration: none;
border-bottom: none;
color: #ffffff;
background: #337900;	
}
.imageCaption acronym, .imageCaption abbr {
cursor: help;
text-decoration: none;
border-bottom: 1px dotted #ffffff;
color: #ffffff;
background: #404040;	
}
.imageCaption acronym:hover, .imageCaption abbr:hover {
cursor: help;
text-decoration: none;
border-bottom: none;
color: #404040;
background: #ffffff;	
}
#artistList {
list-style: none;	
}
#artistList li {
display: inline;
text-align: center;
height: 8em;
width: 100px;
float: left;
margin: 1em 0;
}



/* Gallery Thumbnails */
.galleryThumbs {
border-top: 1px solid #404040;
border-bottom: 1px solid #404040;
padding: 1px 0 0 0;
}
.galleryThumbs h3 {
padding: 0;
margin: 0 .2em 0 4em;	
}
.galleryRow {
color: #333333;
background: #e6e6e6;
padding: .4em .5em;
}
.galleryRowAlt {
padding: .4em .5em;
}
.galleryRow h3 {
color: #333333;
background: #e6e6e6;	
}
.artworkInfo {
margin: 0 .2em .8em 4em;
padding: 0;
line-height: 1.4em;	
}
.artworkThumbnail {
float: left;
height: 50px;
width: 50px;
margin: 0 .2em .2em 0;
}
.galleryRow .inlineLink, .galleryRow .inlineLink:visited {
color: #0071bb;
background: #e6e6e6;
text-decoration: underline;
}
.galleryRow .inlineLink:hover, .galleryRow .inlineLink:visited:hover {
color: #ffffff;
background: #0071bb;
text-decoration: none;
}


/* Events */
.event {
border-top: 1px solid #404040;
position: relative;
margin: 0 0 1.5em 0;
}
.eventWithThumbnail {
border-top: 1px solid #404040;
position: relative;
margin: 0 0 1.5em 0;
}
.eventWithThumbnail h3 {
font-size: 1em;
margin: 1em 0 .5em 0;
padding-left: 100px;
color: #222222;
background: #ffffff;		
}
.eventWithThumbnail p {
padding-left: 230px;	
}
.eventThumbnail {
position: absolute;
top: .5em;
left: 0;
height: 200px;
width: 200px;	
}


/* Footer */
#footerContainer {
margin: .5em .7em;
text-align: right;
font-size: .9em;
clear: both;
}
#footerContainer .inlineLink, #footerContainer .inlineLink:visited {
color: #0071bb;
background: #e6e6e6;
text-decoration: underline;
}
#footerContainer .inlineLink:hover, #footerContainer .inlineLink:visited:hover {
color: #ffffff;
background: #0071bb;
text-decoration: none;
}


/* Special Styles */

#intheGallery {
background: #a90f0f;
height: 107px;

}

#artworks {
background: #4D4D4D;
height: 107px;
}



#mopBoyAd {
color: #ffffff;
background: #226699 url(images/mopBoyBack.jpg) left center no-repeat;
font-weight: bold;
padding: 2px 2px 2px 35px;
margin-top: 15px;
font-size: .9em;
}
#mopBoyLink, #mopBoyLink:visited {
color: #ffffff;
background: #226699;
text-decoration: none;
padding: .2em;
display: block;
margin: 1px;
}
#mopBoyLink:hover, #mopBoyLink:visited:hover {
color: #226699;
background: #ffffff;
text-decoration: none;
padding: .2em;
display: block;
}


#newsletterAd {
color: #000000;
background: #ffffff url(images/enews_thumb.jpg) left top no-repeat;
margin: 5em 0 0 0;
padding: 1.4em 0px 1.4em 0;
font-weight: bold;
}
#newsletterAdLink, #newsletterAdLink:visited  {
color: #ffffff;
background: #404040;
display: block;
padding: .5em .5em .5em .8em;
margin-left: 180px;
text-decoration: none;
border-top: 2px solid #666666;
border-left: 2px solid #666666;
border-bottom: 2px solid #666666;
}
#newsletterAdLink:hover, #newsletterAdLink:visited:hover  {
color: #0071bb;
background: #ffffff;
display: block;
padding: .5em .5em .5em .8em;
text-decoration: none;
border-top: 2px solid #666666;
border-left: 2px solid #666666;
border-bottom: 2px solid #666666;
}



#newsLetterAd {
color: #ffffff;
background: #226699 url(images/newsletterInfo.jpg) left center no-repeat;
font-weight: bold;
padding: 2px 2px 2px 35px;
margin-top: 15px;
font-size: .9em;
}
#newsLetterLink, #newsLetterLink:visited {
color: #ffffff;
background: #226699;
text-decoration: none;
padding: .2em;
display: block;
margin: 1px;
}
#newsLetterLink:hover, #newsLetterLink:visited:hover {
color: #226699;
background: #ffffff;
text-decoration: none;
padding: .2em;
display: block;
}



/* Forms */
.formContainer {
margin: 1em 0;
padding: 1.5em;
background: #ffffff;
color: #333333;	
}
.formContainer em {
color: #b40000;
background: #ffffff;
font-size: .9em;
}
fieldset {
border-top: 1px solid #404040;
border-bottom: 1px solid #404040;
border-left: none;
border-right: none;
margin: 0;
padding: 0;	
}
legend {
font-weight: bold;
margin: 0;
padding: 0;
font-size: 1.4em;	
color: #b64949;
background: #ffffff;
}
.formInstructions {
padding: .4em;
color: #333333;
background: #ffffff;
}
.formList {
list-style: none;
margin: 0;
padding: 0;
}
.formRow {
position: relative;
clear: both;
border-top: 1px solid #dee2e8;
padding: .2em .4em;
margin: .1em 0;
height: 1.8em;
}
.formRowTextarea {
position: relative;
clear: both;
border-top: 1px solid #dee2e8;
padding: .2em .4em;
margin: .1em 0;
height: 4em;	
}
.formRowFull {
position: relative;
clear: both;
border-top: 1px solid #dee2e8;
padding: .2em .4em;
margin: .1em 0;	
}
.formColumnLeft {
float: left;	
width: 48%;
}
.formColumnRight {
float: right;
width: 48%;	
text-align: right;
}
.formElementLabel {
width: 100%;
}
.formElementInput {
font: 1em arial, sans-serif;
color: #333333;
background: #ffffff;
border: 1px solid #333333;
width: 100%;
}
.formElementTextarea {
font: 1em arial, sans-serif;
color: #333333;
background: #ffffff;
border: 1px solid #333333;
width: 100%;
}
.formElementSelect {
font: 1em arial, sans-serif;
color: #333333;
background: #ffffff;
border: 1px solid #333333;
width: 100%;	
}
.formElementButton {
font: bold 1em arial, sans-serif;
color: #ffffff;
background: #0071bb;
border: 1px solid #333333;
cursor: pointer;	
}
#formMessage {
text-align: right;
font-weight: bold;
color: #ffcc00;
background: #ffffff;
}


/* Data Tables */
.tabularData {
border-top: 1px solid #808080;
border-left: 1px solid #808080;
margin: 0 0 2em 0;
padding: 0;	
}
.tabularData caption {
text-align: left;
font-size: 1em;
font-weight: bold;
color: #333333;
background: #ffffff;
margin: 1em 0 .3em 0;
padding: 0;
}
.tabularData th {
text-align: left;
margin: 0;
padding: .5em;
border-right: 1px solid #808080;
border-bottom: 1px solid #808080;	
}
.tabularData td {
text-align: left;
margin: 0;
padding: .5em;
border-right: 1px solid #808080;
border-bottom: 1px solid #808080;	
}
.titleRow {
margin: 0;
padding: 0;
color: #ffffff;
background: #b40001;	
}
.row {
color: #000000;
background: #ffffff;
margin: 0;
padding: 0;	
}
.altRow {
color: #000000;
background: #eff4d5;
margin: 0;
padding: 0;	
}
.tableNote {
margin: -1.8em 0 2em 0;	
}