body   { color: #444; font-size: 100%; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana; background-color: transparent; text-align: left; padding: 0 }
	
p      { font-size: 100%; text-align: justify; padding: 0px }
.elevenPixelFont { font-size: 11px }
.oneEmFont   { font-size: 0.75em; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.ninePixelFont { font-size: 9px }
.emPadOne { margin-top: 1em }
#container	        { background-color: transparent; text-align: center; margin: 0px auto; padding: 0px; width: 780px }
.brick780  { float: left; clear: none; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; width: 780px }
.brick400   { float: left; clear: none; width: 440px }
.brick185 { float: left; clear: none; padding: 5px; width: 185px }
.brick250 { float: left; clear: none; margin-right: 40px; width: 300px }
.brick126 { text-align: center; float: left; clear: none; padding: 5px 2px; width: 126px }
#header	     { color: #444; background-color: transparent; float: left; width:  }
#footer          { background-color: white; text-align: left; float: left; margin-top: 1em; width: 780px }
.footertext   { color: #444; font-size: 10px; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; text-align: center; float: left }
img   { text-align: center; border: 0 }
/* Links must always be in the order:
   link, visited, focus, hover, active */
   
a     { font-size: 11px; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; background-color: transparent }
	
a:link   { color: #222; background-color: transparent }
	
a:visited   { color: #222; background-color: transparent }
	
a.focus { 
color: #f09; 
background-color: transparent 
	}
	
a:hover  { color: white; background-color: #646464 }
	
a:active    { color: #222; background-color: transparent }
#navcontainer ul       { text-align: left; list-style-type: none; float: left; margin: 0; padding: 0; width: 780px }
	
#navcontainer ul li  { 
display: inline 
	}
	
#navcontainer ul li a      { text-decoration: none; margin-left: 15px; padding: 5px }
.red a:hover   { background-color: #e21d00 }

.orange a:hover   { background-color: #f05400 }

.yellow a:hover   { background-color: #d2bf00 }

.green a:hover   { background-color: #6e993d }

.blue a:hover   { background-color: #00486f }
.cyan a:hover  { background-color: #67afb9 }
.medgray a:hover  { background-color: #818181 }
.lightgray a:hover  { background-color: #bdbdbd }
.violet a:hover   { background-color: #ab01a1 }
.navcrumboutline     { font-weight: bold; border: solid 1px #5e5e5e }
.upperLine { border-top: 1px solid black }
.underLine { border-bottom: 1px solid black }
.tableTitleArtwork   { color: #adadad; font-size: 11px; line-height: normal; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; text-align: center; margin: 0px; padding: 0px }
table.artwork       { background-color: transparent; margin-top: 1em; width: 780px; border-collapse: collapse; border-spacing: 0px }
td.artwork              { color: #404040; font-weight: normal; font-size: 9px; background-color: transparent; text-align: center; padding-top: 4em; padding-bottom: 1em; border-right: 1px solid black; border-left: 1px solid black }
td.artworkCell:hover   { background-color: #f2f2f2 }
.artworkText { color: #2b2b2b; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-align: center }

