/* PhotoAlbum ITDI Application style sheet */

/* Define colors, fonts and other style attributes here to override the defaults  */

/* Page background color */
body { 
  background-color: #353535; /* dark grey */
  }

#bg_img { 
  background: #353535 url(images/header_bg.gif) no-repeat;
  }
  
/* Std fonts and headings */

h1 { 
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
  color: #8CCA1E; /* bright green */
  /* font-style: italic; */
  font-size: xx-large;
  /* text-decoration: underline; */
  }

h2 { 
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
  color: #DDDDDD; /* Light grey */
  line-height: 150%
  /* font-style: italic; */
  }

p, td { 
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
  color: #DDDDDD; /* Light grey */

  }

hr {  
  color: #8CCA1E; /* bright green */
  }

a { 
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
  /* color:#999999;  */   /* grey */
  /* color:#AADDAA;  */  /* grey/green */
  /* color:#6495ed;  */   /* steel blue */   
  /* color:#008b8b;  */   /* dark cyan */
  /* color:#daa520;  */   /* burnt orange */
  color:#8CCA1E;    /* bright green */
  font-weight: bold;
  }
a:link {text-decoration: none}
a:visited {text-decoration: none}
a:hover {color:Gray; text-decoration: underline}

/* Thumbnail image settings */

div.intro_box
  {
  margin: 4px;
  border: 1px solid #797979; /* light mid grey */
  float: left;
  text-align: left;
  background-color: #454545; /* mid grey */
  }

div.img
  {
  margin: 7px;
  border: 1px solid #797979; /* light mid grey */
  height: 210px;
  width: 132px;
  float: left;
  text-align: center;
  background-color: #454545; /* mid grey */
  }
div.img img
  {
  display: inline;
  margin: 3px;
  width: 120px;
  border: 1px solid #DDDDDD; /* Light grey */
  }

div.title
  {
  text-align: center;
  vertical-align: top;
  font-weight: bold;
  color:#DDDDDD; /* Light grey */
  margin: 2px;
  }

div.desc
  {
  text-align: center;
  vertical-align: bottom;
  font-weight: normal;
  color:#DDDDDD; /* Light grey */
  margin: 2px;
  }

div.thumb
  {
  margin: 3px;
  border: 1px solid #797979; /* light mid grey */
  background-color: #454545; /* mid grey */
  }

div.thumb img
  {
  display: inline;
  border: 1px solid #DDDDDD; /* Light grey */
  }

div.imglarge
  {
  margin: 2px;
  border: 1px solid #797979; /* light mid grey */
  text-align: center;
  background-color: #454545; /* mid grey */
  }

div.imglarge img
  {
  margin: 5px;
  display: inline;
  border: 2px solid #DDDDDD; /* Light grey */
  }
