/* pic_gallery.css 23 March 2008 -- 21:30 -- Validated 21 March 2008 */

	/*   - - - - - - - - - - - - - - - - - - - - - - - - -
			name         : pic_gallery.css
						 : ** 2010 Version **
			version      : 1000202  
			for          : Division 6, Mid-Central Region
						 : National Model Railroad Assication
			author       : Donald Wilke
			copyright    : (c) 2010 
			validated	 : 21 March 2008; 14:15
		 - - - - - - - - - - - - - - - - - - - - - - - - - - */
		 
/* code */


/* ID */

#content  {
	margin: 0 auto 20px 20px;
	padding: 1em 0 0 0;
	width: 625px;             /* black */
	font-size: 1.25em/1.75em;    }

#content h1 em
      {
	color: #666666;                    /* Drak Gray */
	font-size: 100%;
	font-style: italic;        }

#main_photo h1
      {
	margin: 0px 2px;
	padding: 0 0 0 1px;
	font: /*italic*/ normal 1.6em/1.7em Georgia "Times New Roman", serif;
	/* style weight size/height family */
        color: #996600;  /* black */
	clear: left      /* my addition  */;         }
		
/*#main_photo h2
       { font: normal .8em/2.375em Georgia "Times New Roman", serif; 
				/*  weight size/height family *
         text-align: left;
         clear: left;   
		 background-color: #000000;  /* black *
         color: #eee8aa;       /* pale golden ron */ }
		
#main_photo p 
		{
	font:  1em/1.75em "Times New Roman", serif;
	color: #996600;
	margin: 0 10px;
	padding: 1 10px;    } 

#main_photo p,
#main_photo ul    
	{margin: 10px 6px;
	padding: 0;      }


#main_photo p.thumb,
ul.thumbnails
         { margin: 0 0 10px 0;
           padding: 0;
           float: left;
           text-align: center;
           background-color: #a9a9a9;              /* Dark Gray */
           line-height: 1em;
           list-style: none;  }

#main_photo p.thumb a,
ul.thumbnails a
        { width: 80px;  
          margin-right: 10px;
          margin-bottom: 10px;  }
		   
p img     {
	display: block;
	margin: 0 auto 0px auto;
	border: 1px solid #ccc;               /* CHANGE */
	border-bottom-color: #eee;           /* CHANGE */
	border-left-color: #ddd;              /* CHANGE */
	border-top-color: #bbb;               /* CHANGE */
	clear: both;
}
		   
 /* CLASS */
 
p.photo
		  {
	margin: 0;
	float: left;
	width: 600px;
	text-align: center;
	padding: 0px;
	border-top-width: medium;
	border-right-width: thick;
	border-bottom-width: thick;
	border-left-width: medium;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;        }
			
/*p.photo a/*,
#main_photo p.thumb a,
ul.thumbnails a*/
        { display: block;
          float: left;
          margin: 0;
          padding: 4px 4px 9px 4px;
          border: 1px solid #ccc;             /*  */
          border-top-color: #eee;         /* CHANGE */
          border-right-color: #ddd;          /* CHANGE */
          border-bottom-color: #bbb;         /* CHANGE */
          background-color: #000;          /* black */
          text-align: center;    }			
			
/*p.photo a:hover/*,
#main_photo p.thumb a:hover,
ul.thumbnails a:hover*/
         { border-color: #ccc;          /* CHANGE */
           background-color: #000;                /* CHANGE */ }
		   
p.description {
	clear: left;
	font:  1em/large Georgia "Times New Roman", serif !important;
	color: #996600;
	width: 600px;
	text-align: center;
	font-size: 1.3em;
	padding: 10px 0 5px 0;     }

ul.navigation  {
	margin: 0 0 20px 0;
	padding: 0;
	float: left;
	border-color:a9a9a9;
	text-align: center;              /* black */
	line-height: 1.1em;
	list-style: none;
	position: absolute;
	top: 425px;
	left: 668px;
	width: 100px;
	height: 238px;      }
			
			


ul.thumbnails li,
ul.navigation li  {
	display: block;
	margin: 0;
	padding: 5px 0 0 3px;
	font-size: 75%;     }

ul.navigation a {
	display: block;
	float: left;
	margin: 0 10px 10px 0;
	padding: 4px 4px 6px 4px;
	border: 0;
	background-color: #eee;              /* CHANGE */
	text-align: center;
	width: 90px;     }

ul.navigation a:hover
        { background-color: #eee;             /* CHANGE */
          border: 0;   }