body
{
  margin: 0px;
  padding: 0px;
  border: 0px;
  background: url(shared_images/backdropred.jpg) top right no-repeat #000000;
  font-size: 100%;
}

/*-----------------------------------------------------------------------*/
/*                           Header Properties                           */
/*-----------------------------------------------------------------------*/

#header
{
  position: absolute;
  top: 5px;
  left: 15px;
  right: 15px;
  padding: 0px;
  border: 0px;
  margin: 0px;
  background: transparent;
}

#logo h1
{
  font-family: arial, helvetica, sans-serif;
  font-size: 1.5em;
  color: #FFFFFF;
  padding: 0px;
  margin: 0px
}

#logo h1, #logo h1 a
{
  color: #FFFFFF;
  text-decoration: none;
}

#navbar
{
  position: relative;
  top: 8px;
  left: 0px;
  padding: 0px;
  border: 0px;
  margin: 0px;
}

/*-----------------------------------------------------------------------*/
/*                            The Red Buttons                            */
/*-----------------------------------------------------------------------*/

#exhibitions
{
  position: relative;
  display: block;
  top: 8px;
  left: 0px;
  right: 0px;
  padding: 8px 5px 8px 5px;
  background: #1A0000;
  border-top: 1px solid #990000;
  border-bottom: 1px solid #990000;
  margin: 0px;
}

#mainlinks .homepage, #mainlinks .exhibitions, #mainlinks .exhibitionsopen, #mainlinks .bio, #mainlinks .links, #mainlinks .shop, #exhibitions a
{
  font-family: verdana, helvetica, sans-serif;
  font-size: .7em;
  text-decoration: none;
  color: #FF6666;
  padding: 3px 5px 3px 5px;
  background: url(shared_images/redbutton1.gif) repeat-x #6D0101;
  border: 1px solid #990000;
  margin-right: 10px;
}

#mainlinks .homepage:hover, #mainlinks .exhibitions:hover, #mainlinks .exhibitionsopen, #mainlinks .bio:hover, #mainlinks .links:hover, #mainlinks .shop:hover, #mainlinks .here, #exhibitions a:hover, #exhibitions .here
{
  color: #FFFFFF;
  background: url(shared_images/redbutton2.gif) repeat-x #8C0202;
  border: 1px solid #CC0000;
}

/*-----------------------------------------------------------------------*/
/*                            The Blue Buttons                           */
/*-----------------------------------------------------------------------*/

#whatsnew
{
  position: relative;
  display: block;
  top: 8px;
  left: 0px;
  padding: 8px 5px 8px 5px;
  background: #000033;
  border-top: 1px solid #0000FF;
  border-bottom: 1px solid #0000FF;
  margin: 0px;
}

#mainlinks .whatsnew, #mainlinks .whatsnewopen, #whatsnew a
{
  font-family: verdana, helvetica, sans-serif;
  font-size: .7em;
  text-decoration: none;
  color: #8888FF;
  padding: 3px 5px 3px 5px;
  background: url(shared_images/bluebutton1.gif) repeat-x #000033;
  border: 1px solid #0000FF;
  margin-right: 10px;
}

#mainlinks .whatsnew:hover, #mainlinks .whatsnewopen, #whatsnew a:hover, #whatsnew .here
{
  color: #FFFFFF;
  background: url(shared_images/bluebutton2.gif) repeat-x #000066;
  border: 1px solid #6666FF;
}

/*-----------------------------------------------------------------------*/
/*                           The Green Buttons                           */
/*-----------------------------------------------------------------------*/

#mainlinks .contact, #mainlinks .contactopen, #fullwidthgreen a
{
  font-family: verdana, helvetica, sans-serif;
  font-size: .7em;
  text-decoration: none;
  color: #00BB00;
  padding: 3px 5px 3px 5px;
  background: url(shared_images/greenbutton1.gif) repeat-x #004605;
  border: 1px solid #006600;
  margin-right: 10px;
}

#mainlinks .contact:hover, #mainlinks .contactopen, #fullwidthgreen a:hover
{
  color: #FFFFFF;
  background: url(shared_images/greenbutton2.gif) repeat-x #005A07;
  border: 1px solid #339933;
}

/*-----------------------------------------------------------------------*/
/*                          The Purple Buttons                           */
/*-----------------------------------------------------------------------*/

#galleries
{
  position: relative;
  display: block;
  top: 8px;
  left: 0px;
  right: 0px;
  padding: 8px 5px 8px 5px;
  background: #110022;
  border-top: 1px solid #880088;
  border-bottom: 1px solid #880088;
  margin: 0px;
}

#mainlinks .galleries, #mainlinks .galleriesopen, #galleries a
{
  font-family: verdana, helvetica, sans-serif;
  font-size: .7em;
  text-decoration: none;
  color: #FF33FF;
  padding: 3px 5px 3px 5px;
  background: url(shared_images/purplebutton1.gif) repeat-x #64016D;
  border: 1px solid #880088;
  margin-right: 10px;
}

#mainlinks .galleries:hover, #mainlinks .galleriesopen, #galleries a:hover, #galleries .here
{
  color: #FFFFFF;
  background: url(shared_images/purplebutton2.gif) repeat-x #82028C;
  border: 1px solid #CC00CC;
}

/*-----------------------------------------------------------------------*/
/*                          The Thumbnail Panel                          */
/*-----------------------------------------------------------------------*/

#thumbnailsred, #thumbnailsblue, #thumbnailspurple
{
  z-index: 2;
  position: absolute;
  top: 110px;
  left: 15px;
  width: 120px;
  padding: 3px 8px 3px 8px;
  text-align: center;
}

#thumbnailsblue
{
  background: #000033;
  border: 1px solid #0000FF;
}

#thumbnailsred
{
  background: #1A0000;
  border: 1px solid #990000;
}

#thumbnailspurple
{
  background: #110022;
  border: 1px solid #880088;
}

#thumbnailsblue a, #thumbnailsred a, #thumbnailspurple a
{
  font-family: verdana, helvetica, sans-serif;
  font-size: .7em;
  text-decoration: none;
  text-align: center;
}

#thumbnailsblue a
{
  color: #8888FF;
}

#thumbnailsred a
{
  color: #FF6666;
}

#thumbnailspurple a
{
  color: #FF33FF;
}

#thumbnailsblue img, #thumbnailsred img, #thumbnailspurple img
{
  margin: 4px;
  text-align: center;
}

#thumbnailsblue img
{
  border: 1px solid #0000FF;
}

#thumbnailsred img
{
  border: 1px solid #990000;
}

#thumbnailspurple img
{
  border: 1px solid #880088;
}

.prev
{
  margin-right: 20px;
}

.next
{
  margin-left: 20px;
}

#thumbnailsblue a:hover, #thumbnailsred a:hover, #thumbnailspurple a:hover
{
  color: #FFFFFF;
}

/*-----------------------------------------------------------------------*/
/*                     The Main Image and Message Box                    */
/*-----------------------------------------------------------------------*/

#contentred, #contentblue, #contentpurple
{
  position: absolute;
  top: 110px;
  left: 174px;
  right: 15px;
  bottom: 15px;
  overflow: auto;
}

#contentred
{
  border: 1px solid #990000;
  background: url(shared_images/innerbackdropred.jpg) top right no-repeat;
}

#contentblue
{
  border: 1px solid #0000FF;
  background: url(shared_images/innerbackdropblue.jpg) top right no-repeat;
}

#contentpurple
{
  border: 1px solid #880088;
  background: url(shared_images/innerbackdroppurple.jpg) top right no-repeat;
}

#innercontent
{
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}

/*-----------------------------------------------------------------------*/
/*                          The Full Width Boxes                         */
/*-----------------------------------------------------------------------*/

#fullwidthred, #fullwidthblue, #fullwidthpurple, #fullwidthgreen
{
  position: absolute;
  top: 110px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  overflow: auto;
}

#fullwidthred
{
  border: 1px solid #990000;
  background: url(shared_images/innerbackdropred.jpg) top right no-repeat;
}

#fullwidthblue
{
  border: 1px solid #0000FF;
  background: url(shared_images/innerbackdropred.jpg) top right no-repeat;
}

#fullwidthpurple
{
  border: 1px solid #880088;
  background: url(shared_images/innerbackdropred.jpg) top right no-repeat;
}

#fullwidthgreen
{
  border: 1px solid #006600;
  background: url(shared_images/innerbackdropgreen.jpg) top right no-repeat;
}

#fullwidthred a, #fullwidthblue a, #fullwidthpurple a, #fullwidthgreen a
{
  text-decoration: none;
  color: #FF6666;
}

#fullwidthred a:hover, #fullwidthblue a:hover, #fullwidthpurple a:hover, #fullwidthgreen a:hover
{
  text-decoration: underline;
}

/*-----------------------------------------------------------------------*/
/*                       Some Common Box Properties                      */
/*-----------------------------------------------------------------------*/

#frontcontent
{
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: url(shared_images/newdetails.gif) -2000px -2000px no-repeat;
}

.outer
{
  width: 100%;
  height: 100%;
}

.inner
{
  width: 50%;
  height: 100%;
}

.innerwide
{
  height: 100%;
}

.inner td h2, .innerwide td h2, .contact td h2
{
  text-align: center;
  font-family: verdana, helvetica, sans-serif;
  font-size: 1.1em;
  color: #FFFFFF;
}

.inner td p, .innerwide td p, .contact td p, .inner td li, .innerwide td li
{
  text-align: left;
  font-family: verdana, helvetica, sans-serif;
  font-size: .7em;
  color: #FFFFFF;
}

/*-----------------------------------------------------------------------*/
/*                           All Thumnails List                          */
/*-----------------------------------------------------------------------*/

#allthumbnails
{
  position:absolute;
  top:10px;
  left:10px;
  right:10px;
  bottom:10px
}

.thumbnailstrip
{
  float:left;
}

.thumbnailstripinner
{
  width: 108px;
  margin: 0px auto;
  text-align:center;
}

#fullwidthred img, #fullwidthblue img, #fullwidthpurple img
{
  margin: 4px;
}

#fullwidthred img
{
  border: 1px solid #990000;
}

#fullwidthblue img
{
  border: 1px solid #0000FF;
}

#fullwidthpurple img
{
  border: 1px solid #880088;
}

/*-----------------------------------------------------------------------*/
/*         Wallpapers Buttons/Leftinnercontent/rightinnercontent         */
/*-----------------------------------------------------------------------*/

#leftinnercontent
{
  position: absolute;
  display: block;
  top: 0px;
  left: 0px;
  width: 100;
  padding: 10px;
  margin: 0px;
}

#rightinnercontent
{
  position: absolute;
  top: 0px;
  left: 100px;
  right: 0px;
  bottom: 0px;
}

#leftinnercontent a
{
  display: block;
  font-family: verdana, helvetica, sans-serif;
  font-size: .7em;
  text-decoration: none;
  text-align: center;
  color: #8888FF;
  padding: 3px 5px 3px 5px;
  background: url(shared_images/bluebutton1.gif) repeat-x #000033;
  border: 1px solid #0000FF;
/*  margin-right: 10px;*/
  margin-bottom: 10px;
}

#leftinnercontent a:hover
{
  color: #FFFFFF;
  background: url(shared_images/bluebutton2.gif) repeat-x #000066;
  border: 1px solid #6666FF;
}

#leftinnercontent p
{
  font-family: verdana, helvetica, sans-serif;
  font-size: .7em;
  text-decoration: none;
  text-align: center;
  color: #8888FF;
}

/*-----------------------------------------------------------------------*/
/*                        Contact Page and Buttons                       */
/*-----------------------------------------------------------------------*/

.mailText
{
  text-align: right;
  font-family: verdana, helvetica, sans-serif;
  font-size: .7em;
  color: #FFFFFF;
  padding-top: .3em;
}

.textbox
{
  font-family: verdana, helvetica, sans-serif;
  font-size: .7em;
  color: #FFFFFF;
  border: 1px solid #006600;
  padding: 2px 4px;
  background: #002200;
}

.spacer
{
  height: 10px;
}