pre 
   { 
     font-family: monospace; 
   }

   .homelogo
   {
     text-align: center;
     background-image: url(images/logos/hpg_header_1px.gif); 
     background-repeat: repeat-x; 
     background-position: center;
   }

   .nav
   {
     text-align: center;
     background-image: url(images/nav/nav_1px.gif); 
     background-repeat: repeat-x; 
     background-position: center;
   }

   .homecontemporary
   {
     text-align: right;
	 width: 515px;
	 vertical-align: bottom;
	 padding-bottom: 20px;
   }

   .contemporary
   {
     text-align: right;
	 width: 515px;
	 vertical-align: bottom;
	 padding-bottom: 8px;
   }

   .logo
   {
     text-align: center;
     background-image: url(images/logos/header_1px.gif); 
     background-repeat: repeat-x; 
     background-position: top;
   }
   
   .nobr
   {
     white-space: nowrap;
   }

   .left
   { 
     text-align: left;
   }

   .right
   { 
     text-align: right;
   }

   .center
   { 
     text-align: center;
     margin-left: auto;
     margin-right: auto;
   }

   .top
   { 
     vertical-align: top;
   }

   .middle
   { 
     vertical-align: middle;
   }

   .bottom
   { 
     vertical-align: bottom;
   }

.border
{
     background-image: url(images/outline_images/border_1pixel.gif); 
     background-repeat: repeat-y; 
     background-position: right center; 
}

.contactwatermark
{
     background-image: url(images/logos/cg_mark_web_large.jpg); 
     background-repeat: no-repeat; 
     background-position: right top;
}

   .home 
   {
     background-image: url(images/logos/cg_mark_web_mid.jpg); 
     background-repeat: no-repeat; 
     background-position: left top;
	 padding-left: 100px;
  	 padding-top: 15px;
	 vertical-align: top;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 11pt;
   }

   .artpage
  {
     text-align: left;
     font-size: 1em; 
     font-family: arial, sans-serif; 
     color: #009999; 
     vertical-align: top; 
     padding-left: 3px;
     padding-top: 10px;
     padding-bottom: 10px;
     margin-left: auto;
     margin-right: auto;
   }

   .pages
  {
     text-align: left;
     font-size: 1em; 
     font-family: arial, sans-serif; 
     color: #009999; 
     vertical-align: top; 
     padding-left: 3px;
     padding-top: 10px;
     padding-bottom: 10px;
     width: 800px;
     margin-left: auto;
     margin-right: auto;
   }

   .pages p
   {
     margin-top: 1em;
     margin-bottom: 1em;
   }
  
   .subheading
   {
     color: #990000;
   }

   .homepage 
   {
     font-size: 9pt; 
     font-family:  arial, sans-serif; 
     color: #fbfbde; 
     background: #000066; 
     vertical-align: top; 
     margin-left: 0px;
   }


   body 
   {
     margin: 0px;
     background: #fbfbde;
     color: #000000;
     /*height: 600px;
     width: 800px;*/
   }
      
   
   .padadvert
   {
     text-align:center;
	 margin-left:auto;
	 margin-right:auto;
   }   

   .padtitle
   {
     padding-top: 25px;
   }

   .padhomeadvert
   {
	 padding-right: 65px;
	 vertical-align: top;
	 text-align: right;
   }   

   .padimagetextright
   {
     padding-right: 10px;
   }

   .lastrowpadimagetextright
   {
     padding-right: 15px;
   }

   .padimage
   {
     padding-left: 50px;
   }   

   .padtop
   {
     padding-top: 1em;
   }   

   .padbottom
   {
     padding-bottom: 20px;
   }   

   .padleft
   {
     padding-left: 60px;
   }   

   .padfirstimagesleft
   {
     padding-left: 20px;
   }   

   .artbar
   {
     width: 200px;
   }   
   
   .topbar1 
   {
	 font-family: Arial, Helvetica, sans-serif;
     font-size: 10pt;
     background-color: #003366;
 	 padding-top: .2em;
	 padding-bottom: .2em;
     padding-right: 1em;
	 padding-left: 1em;
 	 border-bottom-width: 0.2em;
	 border-bottom-style: solid;
	 border-bottom-color: #FFFFFF;
   }

   .topbar1 a:visited  {color: #ffffff; text-decoration: none}
   .topbar1 a:link     {color: #ffffff; text-decoration: none}
   .topbar1 a:hover    {color: #ff9933; text-decoration: none}
   .topbar1 a:active   {color: #ffffff; text-decoration: none}

   .topbar2 
   {
	 font-family: Arial, Helvetica, sans-serif;
     font-size: 10pt;
	 font-weight: bold;
 	 background-color: #dadde7;
 	 color: #cc6600; 
	 padding-top: 0em;
	 padding-bottom: 0em;
	 padding-right: 1em;
	 padding-left: .9em;
	 border-bottom-width: 0.1em;
	 border-bottom-style: solid;
	 border-bottom-color: #FFFFFF;
   }
	
   .bar1tab 
   {
	 background-color: #003366;
 	 padding-top: .1em;
	 padding-bottom: .1em;
     padding-right: 1em;
 	 border-bottom-width: 0.2em;
	 border-bottom-style: solid;
	 border-bottom-color: #FFFFFF;
	 width: 0px;
   }

   .topbar1hack
   {
     color:#003366;
   }

   .topbar2hack
   {
     color:#dadde7;
   }
   
   .topbar1selected 
   {
	 color: #ff9933;
   }
    
   .topbar1selected a:link     {color: #ff9933; text-decoration: none}
   .topbar1selected a:hover    {color: #ff9933; text-decoration: none}
   .topbar1selected a:visited  {color: #ff9933; text-decoration: none}
   .topbar1selected a:active   {color: #ff9933; text-decoration: none}

   .abovebacktotop
   {
     vertical-align: top;
	 height: 10%;
   }
   
   .backtotop
   {
	 font-family: Arial, Helvetica, sans-serif;
     font-size: 10pt;
	 background-color: #003366;
	 color: #ffffff;
  	 padding-left: 10px;
	 padding-right: 0px;
	 height: 100%;
   }

   .backtotop a:link     {text-decoration: none}
   .backtotop a:hover    {text-decoration: none}
   .backtotop a:visited  {text-decoration: none}
   .backtotop a:active   {text-decoration: none}

   .backtotopcolor
   {
	 font-family: Arial, Helvetica, sans-serif;
     font-size: 10pt;
	 background-color: #003366;
	 color: #ffffff;
  	 vertical-align: middle;
	 margin-left: 10px;
   }

   .leftbaraddress
   {
	 font-family: Arial, Helvetica, sans-serif;
     font-size: 9pt;
  	 vertical-align: bottom;
	 color: #003366;
	 backgound-color: #ffffff;
	 width:150px;
   }

   .leftbaraddress a:visited  {color: #003366; text-decoration: none}
   .leftbaraddress a:link     {color: #003366; text-decoration: none}
   .leftbaraddress a:active   {color: #003366; text-decoration: none}
   .leftbaraddress a:hover    {color: #cc6600; text-decoration: underline}
   
   .leftbaraddresspad
   {
	 padding-left: 10px;
   }

   .leftbar
   {
	 background-color: #dadde7;
 	 padding-top: 20px;
	 padding-bottom: 20px;
  	 vertical-align: top;
	 padding-right: 10px;
	 width: 150px;
  }

   .zeropercent
   {
     font-size: 16pt;
   }
   
   .interest
   {
     font-size: 12pt;
   }   
   .leftbarheading
   {
	 font-family: Arial, Helvetica, sans-serif;
     font-size: 12pt;
	 font-weight: bold;
	list-style-position: outside;
	list-style-type: none;
	color: #669999;
	width: 8em;
	margin-left: -25px;
	margin-bottom:-20px;   
   }

   .leftbartext
   {
	 font-family: Arial, Helvetica, sans-serif;
     font-size: 8pt;
	 padding-left: 14px;
	 color: #003366;
   }

   .leftbartext a:visited  {color: #003366; text-decoration: none}
   .leftbartext a:link     {color: #003366; text-decoration: none}
   .leftbartext a:active   {color: #003366; text-decoration: none}
   .leftbartext a:hover    {color: #cc6600; text-decoration: underline}


   .exhibitionnowhite 
   {
	 padding-left: 1em;
  	 padding-top: 15px;
	 vertical-align: top;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 11pt;
     /* fix up for mac ie 5.1 */
	 color: #003366;
	 font-weight: normal;
/* because of fix up for mac had to change home/contact/purchasing for watermark */
/*	 background-color: #ffffff;*/
     /* end of fix up */
   }

   .exhibition 
   {
	 padding-left: 1em;
  	 padding-top: 15px;
	 vertical-align: top;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 11pt;
     /* fix up for mac ie 5.1 */
	 color: #003366;
	 font-weight: normal;
	 background-color: #fbfbde;
     /* end of fix up */
   }

   .exhibitiontextnowhite
   {
	 font-family: Arial, Helvetica, sans-serif;
     font-size: 12pt;
	 color: #003366;
     /* fix up for mac ie 5.1 */
	 font-weight: normal;
/* because of fix up for mac had to change home/contact/purchasing for watermark */
/*	 background-color: #ffffff;*/
     /* end of fix up */
   }

   .exhibitiontextnowhite td
   {
	 font-family: Arial, Helvetica, sans-serif;
     font-size: 10pt;
	 color: #003366;
     /* fix up for mac ie 5.1 */
	 font-weight: normal;
/* because of fix up for mac had to change home/contact/purchasing for watermark */
/*	 background-color: #ffffff;*/
     /* end of fix up */
   }

   .exhibitiontext
   {
	 font-family: Arial, Helvetica, sans-serif;
     font-size: 10pt;
	 color: #003366;
     /* fix up for mac ie 5.1 */
	 font-weight: normal;
	 background-color: #fbfbde;
     /* end of fix up */
   }

   .exhibitiontext td
   {
	 font-family: Arial, Helvetica, sans-serif;
     font-size: 10pt;
	 color: #003366;
     /* fix up for mac ie 5.1 */
	 font-weight: normal;
	 background-color: #fbfbde;
     /* end of fix up */
   }

   .exhibitiontypetext
   {
	 font-family: Arial, Helvetica, sans-serif;
     font-size: 14pt;
	 color: #003366;
     /* fix up for mac ie 5.1 */
	 font-weight: normal;
	 background-color: #fbfbde;
     /* end of fix up */
   }

   .exhibitiontitlenowhite
   {
	 font-family: Arial, Helvetica, sans-serif;
     font-size: 17pt;
	 color: #003366;
     /* fix up for mac ie 5.1 */
	 font-weight: normal;
/* because of fix up for mac had to change home/contact/purchasing for watermark */
/*	 background-color: #ffffff;*/
     /* end of fix up */
   }

   .exhibitiontitle
   {
	 font-family: Arial, Helvetica, sans-serif;
     font-size: 16pt;
	 color: #003366;
     /* fix up for mac ie 5.1 */
	 font-weight: normal;
	 background-color: #fbfbde;
     /* end of fix up */
   }

   .artistlink
   {
	 font-family: Arial, Helvetica, sans-serif;
     font-size: 10pt;
	 font-weight: bold;
	 color: #003366;
   }
   
   .artistlink a:visited  {color: #003366; text-decoration: none}
   .artistlink a:link     {color: #003366; text-decoration: none}
   .artistlink a:active   {color: #003366; text-decoration: none}
   .artistlink a:hover    {color: #cc6600; text-decoration: underline}
   
   .artlink
   {
	 font-family: Arial, Helvetica, sans-serif;
     font-size: 10pt;
	 color: #003366;
   }
   
   .artlink a:visited  {color: #003366; text-decoration: none}
   .artlink a:link     {color: #003366; text-decoration: none}
   .artlink a:active   {color: #003366; text-decoration: none}
   .artlink a:hover    {color: #cc6600; text-decoration: underline}

  .bigartimage
  {
    padding: 0px;
	padding-left:20px;
	padding-top:30px;
	vertical-align: top;
	text-align: center;
  }
  
  .bigartdescription
  {
    padding: 10px;
	vertical-align: bottom;
	text-align: left;
  }
  
   .contacttext
   {
	 font-family: Arial, Helvetica, sans-serif;
     font-size: 12pt;
	 color: #003366;
	 padding-left:70px;
   }

   .contacttext a:visited  {color: #003366; text-decoration: none}
   .contacttext a:link     {color: #003366; text-decoration: none}
   .contacttext a:active   {color: #003366; text-decoration: none}
   .contacttext a:hover    {color: #cc6600; text-decoration: underline}

   .contacttextlarge
   {
	 font-family: Arial, Helvetica, sans-serif;
     font-size: 12pt;
	 color: #003366;
	 padding-left: 70px;
   }

   .contacttextlarge a:visited  {color: #003366; text-decoration: none}
   .contacttextlarge a:link     {color: #003366; text-decoration: none}
   .contacttextlarge a:active   {color: #003366; text-decoration: none}
   .contacttextlarge a:hover    {color: #cc6600; text-decoration: underline}
   
   
   .mailinglisttext
   {
	 font-family: Arial, Helvetica, sans-serif;
     font-size: 10pt;
	 color: #003366;
	 padding-left: 30px;
   }

   .mailinglistbox
   {
	  background-color: #dadde7;
   }