@charset "utf-8";

/* The Mill Gallery Redesign - development stylesheet */

/* Common Formatting */

body { background-color: white;  color: black;
       background-image: url(../common/background-tile-3.jpg);
       background-repeat: repeat }

a { text-decoration: none;  color: #0000cc }

a.underline:hover { text-decoration: underline;  color: #0000ff }

.nobreak { white-space: nowrap }

.pageHeading { font-family: Helvetica, Verdana, Arial, sans-serif;
               font-size: 24pt }

.smallerText { font-size: smaller }

.cancelFloats { clear: both }


/* ---------------------------------------------------------- */
/* Header Formatting */


XXXdiv.smallHeader { width: 100%;  height: 50px;
                  background-image: url(../common/bluebar-2b.png);
                  border: red 1px solid }

XXXh1.smallHeader { font-family: Helvetica, Verdana, Arial, sans-serif;
                 font-size: 16pt;
                 margin-top: auto;  margin-bottom: auto }

XXXh1.smallHeader { font-family: Helvetica, Verdana, Arial, sans-serif;
                 font-size: 14pt;
                 padding: 0.5em;  margin: 0px;
                 width: 100%;
                 background-image: url(../common/bluebar-2b.png) }


XXXh1.largeHeader { font-family: Helvetica, Verdana, Arial, sans-serif;
                 font-size: 28pt;
                 padding: 0.5em;  margin: 0px;
                 width: 100%;
                 background-image: url(../common/bluebar-3b.png) }
				 
				 
img.largeHeader { width: 100%;
                 background-image: url(../common/header120px-ofs-cap-blu.jpg);
				 background-repeat: no-repeat }


img.smallHeader { width: 100%;
                 background-image: url(../common/revheader40px-titlebar.jpg);
				 background-repeat: no-repeat }

				 
img.largeHeaderTitle { position: relative;  left: 0px;
                      width: 100%;
                      background-image: url(../common/revheader120px-bar.jpg);
				      background-repeat: no-repeat }
				 
img.largeHeaderAddress { position: relative;  right: 0px }
				 
				 
.largeHeaderTitlebar2 { width: 100%;  height: 140px;
                        background-image: url(../common/revheader120px-bar2.jpg);
				        background-repeat: no-repeat }
					  
img.largeHeaderAddress2 { float: right }

img.largeHeaderAddress970 { float: left }
				
				

XXXa.navBar:hover { color: #99ccff;
                 background-image: url(../common/highlight.png) }
a.navBar:hover { color: #000066;
                 background-image: url(../common/highlight.png);
                 background-repeat: no-repeat;
                 background-position: center center }
XXXa.navBar:hover { color: #99ccff;
                 background-color: #000066 }

ul.navBar { list-style: none;  padding: 0px;
            font-family: sans-serif;
            text-align: center;
            padding-top: 0.25em;  padding-bottom: 0.25em;
            margin-left: auto;  margin-right: auto;
            margin-top: 0.25em;
            XXXborder: #999999 2px solid }

li.navBar { display: inline;
            XXXborder: red 1px solid }

/* This shouldn't work??  Should be .navbar a ? */
a.navBar { padding-left: 22px;  padding-right: 22px;
           padding-top: 0.25em;  padding-bottom: 0.25em;
           XXXborder: green 1px solid }

/* Applying formatting to UL and LI elements is problematic, particularly when using inline which removes a number of attributes required for properly styling the text/cell.
   This 3-step approach appears to work. */

b.navBar { padding-left: 20px;  padding-right: 20px;
           padding-top: 0.25em;  padding-bottom: 0.25em;
           XXXborder: green 1px solid }

.pageFooter { margin-top: 1em;  margin-bottom: 1em;
              margin-left: auto;  margin-right: auto;
              padding: 0px;  padding-top: 1em;
              width: 80%;
              text-align: center;
              font-size: smaller;
              font-family: Helvetica, Verdana, Arial, sans-serif;
              border-top: solid;  border: 1px gray }

a.navbar:focus { outline: 0 }
/* Doesn't appear to work here, though it does work for the Artist of the Month link button, below */
/* Intended to remove the dotted focus border on click */
li.navbar a:focus { outline: 0 }
/* Still not... */
			  

/* ---------------------------------------------------------- */
/* Home Page Formatting */


.homeFrame { margin-left: auto;  margin-right: auto;
             padding: 0px;  width: 700px }

.homeText { text-align: left;
            font-family: Helvetica, Verdana, Arial, sans-serif;
            font-size: 14pt }

table.homeText {  }

.homeHeading { font-size: 18pt }

.homeImage { background-image: url(../common/home-background.jpg);
             background-repeat: no-repeat;
             width: 699px;  height: 687px }

.homeImage-title1 { font-style: italic;
                    font-size: 11pt }

.homeImage-title2 { font-size: 11pt }

.homeImage-title3 { font-size: 9pt }

.homeImage-title4 { color: #5C5EC4;  font-size: 12pt }
.homeImage-title5 { color: #5C5EC4;  font-size: 12pt;  font-style: italic }

.homeLogo { float: right }

/* ---------------------------------------------------------- */
/* About Page Formatting */


.aboutFrame { width: 700px;
              margin-left: auto;  margin-right: auto }

.aboutLeft { width: 160px;  height: 737px;  float: left;
             background-image: url(../common/about.jpg);
             background-repeat: no-repeat }

.aboutRight { width: 500px;  height: 100%;  float: right;
              text-align: left;
              font-family: Helvetica, Verdana, Arial, sans-serif;
              font-size: 14pt }

.aboutFooter { font-size: 11pt; text-align: center }

/* ---------------------------------------------------------- */
/* Contact Page Formatting */


.contactFrame { margin-left: auto;  margin-right: auto;
                padding: 0px;  width: 700px;
                text-align: center;  font-size: 14pt;
                font-family: Helvetica, Verdana, Arial, sans-serif }
				
h1.contact { font-size: 26pt }

h2.contact { font-size: 18pt }

h3.contact { font-size: 14pt }


/* ---------------------------------------------------------- */
/* Artist List Page Formatting */


.artistListFrame { margin-left: auto;  margin-right: auto;
                   padding: 0px;  width: 700px;
                   font-family: Helvetica, Verdana, Arial, sans-serif;
                   font-size: 12pt }

.artistPanel { padding: 20px;  border: 4px #fff5e8 inset;
               background-image: url(../common/background-tile-2.jpg);
               background-repeat: repeat }
				   
table.artistList { margin-left: auto;  margin-right: auto;
                 position: relative;  top: -55px }

ul.artistList { list-style: none;  padding: 0px;
               margin: 0px;
               margin-left: 40px;  margin-right: 40px }

.artistList li { margin-bottom: 8px }

/* Adding the Artist of the Month link button */
/* In normal flow, the image is above the table & the table is full width */
/* The image is moved to UR of the enclosing frame while the table moves up to close the gap */
#plaqueSmall { position: relative;  top: -35px;  left: 560px }
#plaqueSmall img { border-style: none; }
#plaqueSmall a:focus { outline: 0 }


/* ---------------------------------------------------------- */
/* Artist Page Formatting */


.artistFrame { text-align: center;
               border: 0px none; border-spacing: 0px;
               padding: 0px;
               margin-top: 0px;  margin-bottom: 0px;
               margin-left: auto;  margin-right: auto }
/* text-align centers the block contents */
/* margin left/right centers the block */

.artistFrame tr { margin: 0px;  padding: 0px;  border: none }
.artistFrame td { margin: 0px;  padding: 0px;  border: none }

.artistFrameMiddle { background-image: url(../common/frame-middle.png);
                     background-repeat: repeat-y;
                     width: 681px;  height: auto;
                     margin: 0px;  padding: 0px;  border: none }

.artistFrameTop { background-image: url(../common/frame-top.png);
                  background-repeat: no-repeat;
                  width: 681px;  height: 11px;
                  margin: 0px;  padding: 0px;  border: none }

.artistFrameBottom { background-image: url(../common/frame-bottom.png);
                     background-repeat: no-repeat;
                     width: 681px;  height: 11px;
                     margin: 0px;  padding: 0px;  border: none }

.artistNameL { margin: 80px;  margin-bottom: 40px;
              float: left;
              font-family: Helvetica, Verdana, Arial, sans-serif;
              font-size: 26pt }

.artistPicR { border: #fff5e8 3px outset;
             margin: 80px;  margin-bottom: 40px;  margin-left: 0px;
             float: right;
             background-repeat: no-repeat }

.artistNameR { margin: 80px;  margin-bottom: 40px;
              float: right;
              font-family: Helvetica, Verdana, Arial, sans-serif;
              font-size: 26pt }

.artistPicL { border: #fff5e8 3px outset;
             margin: 80px;  margin-bottom: 40px;  margin-right: 0px;
             float: left;
             background-repeat: no-repeat }
			 
.artistSamples { border: none;
                 background-repeat: no-repeat }

.artistText { margin-left: 60px;  margin-right: 60px;
              margin-top: 40px;  margin-bottom: 40px;
              font-family: Helvetica, Verdana, Arial, sans-serif;
              font-size: 14pt }

.artistContact { border: #999999 2px solid;
                 padding: 0.5em;
                 text-align: center;
                 font-family: Helvetica, Verdana, Arial, sans-serif;
                 font-size: 12pt;
                 margin-bottom: 0.5em;
                 margin-left: 60px;  margin-right: 60px; }
/* text-align centers the block contents */
/* margin left/right centers the block */


/* ---------------------------------------------------------- */
/* Exhibitions Page Formatting */


.exhibitionFrame { margin-left: auto;  margin-right: auto;
                  padding: 0px;  width: 700px;
                  text-align: center;  font-size: 14pt;
                  font-family: Helvetica, Verdana, Arial, sans-serif }
				  
.exhibitionTable td { text-align: left;
                    padding: 0.5em }

.exhibitionTable { border: 5px ridge #EDEDD5 }
.exhibitionTable td { border: 3px solid #EDEDD5 }

.exhibitionTableRow:hover { background-color: #eeeeff }

.exhibitionTableInfo { font-size: 11pt;  font-style: italic;
                       margin: 0.5em;  margin-left: 3em }
					   
.exhibitionTableArtist { font-size: 13pt }


/* ---------------------------------------------------------- */
/* Disclaimer Page Formatting */


.disclaimerFrame { margin-left: auto;  margin-right: auto;
                   padding: 0px;  width: 700px;
                   text-align: center;  font-size: 14pt;
                   font-family: Helvetica, Verdana, Arial, sans-serif }

.disclaimerSpacer { font-size: 7pt }



/* ---------------------------------------------------------- */