@charset "UTF-8";
/* Styles for AprilArts.com 
 *
 * 2010.0410.MSM
 */

@font-face
{
  font-family: "Segoe Print";
  src: local("Segoe Print"), url("segoeprb.ttf");
  font-weight: bold;
} 

BODY 
{ 
  background: #f9f0e7;  /* off-white #FFFBF0, #FFF9DE*/
  color: black;
  font-family: Verdana, Helvetica, Arial, san-serif;
}

/* Automatically insert copyright at the end of each page */
BODY:after 
{
  content: "AprilArts is a division of Energetic Systems, Inc.\A\A9 Copyright 2010 by Energetic Systems, Inc.";
  white-space: normal;
  font-size: 7pt;
  font-style: italic
}

/* Desired background color for page title and navbar is black */
.barcolor { background-color: black; color: white }

/* class UpdateInfo is for the "this page updated at..." */
DIV.UpdateInfo 
{ 
  clear: both;
  margin: 20px 0px 0px 0px;
  font-style: italic ; 
  font-size: 9pt 
}

/* The page where the title, navbar and main content are placed
 */
DIV.page
{
  margin: 0px 0px 40px 0px;
  padding: 0px;
  border-width: 0px 10px 10px 10px; /* top right bottom left */
  border-color: black;
  border-style: solid;


  min-width: 600px;
  /** min-height: 1600px; **/
  background-color: #F9f0e7;
}

.bigtitle 
{ 
  /*float: left;*/
  font-family: Segoe Print, Helvetica, Arial, san-serif; 
  font-variant: small-caps;
  font-weight: bold;
  padding-top: .00in;
  padding-bottom: .00in;
  font-size: 36pt;
  min-width: inherit;
  max-height: 380px;
  text-align: center;
}

.subtitle
{
  font-family: Segoe Print, Helvetica, Arial, san-serif; 
  font-variant: small-caps;
  font-weight: bold;
  font-style: italic;
  font-size: 22pt;
}


.logo
{
  width: 380px;
  height: 150px;
}

DIV.footer
{
  clear: both;
}


/* Navigation Bar */
.navbar
{
  margin: 0px 0px 0px 0px; /* top right bottom left */
  padding: 0px;
  font-variant: small-caps;
  font-weight: bold;
  font-size: 10pt;
  font-family: Segoe Print, Helvetica, Arial, san-serif; 
  line-height: 15pt;
  text-align: center;
}

/* Navigation Bar for thumnail page*/
DIV.navbar#Thumb
{
  max-width: 150px;
  min-height: 1800px;  /* longer for the thumbnail page since there are so many of them */
  float: left;
  left: 0px;
  margin: 0px 0px 0px 0px; /* top right bottom left */
  padding: 15px;
  font-variant: small-caps;
  font-weight: bold;
  font-size: 16pt;
  font-family: Segoe Print, Helvetica, Arial, san-serif; 
  line-height: 100%;
}


/* Navbar link is always white (no difference visited/unvisited)
 * except that one with current class is fuchia and 
 * one about to be selected is yellow.
 */
.navbar A:link { color: white } 
.navbar A:visited { color: white }
.navbar A:hover { color: #6060ff } /* Highlight where mouse is */
.navbar A.current { color: red } /* current navbar selection */
.navbar A
{
  color: white;
  margin: 0px 12px 0px 12px; /* top right bottom, left */
 /**  display: block;  **/
  text-decoration: none;  /* no hyperlink underlining */
}

/* Main panel */
DIV.mainPanel
{
  /** min-width: inherit; **/
  /** min-height: 1600px; **/ /* should be "inherit", but MSIE won't handle it */
  background-color: #f9f0e7; /* off-white */
  padding-top: 15px;
  padding-left: 20px;
  padding-right: 10px;
  padding-bottom: 15px;
}

/* Main panel for thumbnail page*/
DIV.mainPanel#mainThumb
{
  min-width: inherit;
  min-height: 1800px;  /* should be "inherit", but MSIE won't handle it */
  background-color: #ffd0d0;
  padding-top: 15px;
  padding-left: 20px;
  padding-right: 10px;
  padding-bottom: 15px;
}


DIV.artDetail H1 
{
  text-align: center;
  font-variant: small-caps;
  font-weight: bold;
  font-size: 22pt;
  font-family: Segoe Print, Helvetica, Arial, san-serif;   
}

DIV.artDetail H2
{
  text-align: center;
  font-variant: small-caps;
  font-weight: bold;
  font-size: 14pt;
  font-style: italic; 
  font-family: Segoe Print, Helvetica, Arial, san-serif;   
   
}

DIV.mainPanel H1 
{
  text-align: center;
  font-variant: small-caps;
  font-weight: bold;
  font-size: 22pt;
  font-family: Segoe Print, Helvetica, Arial, san-serif;   
}

DIV.mainPanel H2
{
  text-align: center;
  font-variant: small-caps;
  font-weight: bold;
  font-size: 14pt;
  font-style: italic; 
  font-family: Segoe Print, Helvetica, Arial, san-serif;   
   
}

DIV.mainPanel DIV.Announcement
{
  text-align: center;
  font-variant: small-caps;
  font-weight: bold;
  font-size: 16pt;
  font-family: Segoe Print, Helvetica, Arial, san-serif;   
  line-height: 110%;
  border-style: outset;
  border-width: medium;
  border-color: #000099;
  max-width: 5in;
  position: relative;
  left: 75px;
}

TABLE.thumbnails TD
{
  padding: 20px;
  font-size: 10pt;
  text-align: center;
  width: 110px;
}
TABLE.licensePlateFrames TD
{
  padding: 20px;
  font-size: 10pt;
  text-align: center;
  width: 120px;
  vertical-align: top;
}

TABLE.thumbnails IMG
{
  border-style: none;
}

TABLE.thumbnails TH
{
  text-align: center;
  font-variant: small-caps;
  font-weight: bold;
  font-size: 14pt;
  font-style: italic; 
  font-family: Segoe Print, Helvetica, Arial, san-serif;   
}

/* Floating box on the right side of the page */
DIV.rightBox
{
  float: right;
  padding: 10px;
}

DIV.signature
{
	padding-left: 40%;
	font-size: 14pt;
	font-style: italic;
	font-weight: bold;
}

DIV.artDetail
{
  margin 0px;
  padding: 10px;
  text-align: center;
}

DIV.buttonBar
{
  text-decoration: none;  /* no hyperlink underlining */
  font-size: 10pt;
  font-variant: small-caps;
  margin: 10px;
  text-align: center;
  padding: 23px 5px 10px 5px;
  position: absolute;
  top: 1.55in;
  left: 37%;
}
DIV.buttonBar A
{
  text-decoration: none;  /* no hyperlink underlining */
  border-style: ridge;
  padding: 5px;
  background-color: #70a0ff;
}
DIV.buttonBar A:link { color: black;  } 
DIV.buttonBar A:visited { color: black; }
DIV.buttonBar A:hover { color: yellow } /* Highlight where mouse is */

DIV.simpleButton
{
  text-decoration: none;  /* no hyperlink underlining */
  font-size: 10pt;
  font-variant: small-caps;
  margin: 10px;
  text-align: center;
}
DIV.simpleButton A
{
  text-decoration: none;  /* no hyperlink underlining */
  border-style: ridge;
  padding: 5px;
  background-color: #70a0ff;
}
DIV.simpleButton A:link { color: black;  } 
DIV.simpleButton A:visited { color: black; }
DIV.simpleButton A:hover { color: yellow } /* Highlight where mouse is */



DIV.prevButton
{
  display: inline;
}
DIV.thumbButton
{
  display: inline;
}
DIV.nextButton
{
  display: inline;
}
SPAN.bigcaption
{
  font-size: 135%;
}

DIV.highlight
{
 background-color: yellow; 
}