@import url(new_stuff.css);
@import url(index_templates.css);

/*standards for all pages*/

/*colors
#001F5E new background dark blue
#000167 old background dark blue
#1B3F7A slightly lighter blue with some grey - table backgrounds
#284B82 not used - possible table background color
#E19F26 old orangeish.. links
#FFAA00 new orangish link color
#FFC850 lighter orange.. form input/select focus
#749BC7 lightish blue.. links visited
#999999 grey.. links active
#DDDCD4 light grey.. table borders, etc
*/

/* GENERAL */

body 	
	{
	/* background: #001F5E; */
	background: rgb(15,67,130) /*url(../images/bg_main.bmp) top repeat-x*/;
	font: 11pt arial, helvetica, sans-serif;
	color: white;
	}
.content
    {
    width: 1000px;
    margin: 0 auto;
    }
p	{
	line-height: 1.2em; margin: 0;
	}
h1, h2, h3, h4, h5, h6
 	{
	font-family: arial, helvetica, sans-serif;
	margin: 0;
	text-transform: none;
	font-weight: normal;
	}
h1	{
	font-size: 22pt; font-weight: bold; text-transform: uppercase;
	}
h2 	{
	font-size: 16pt; font-weight: bold; text-transform: uppercase;
	}
h2:first-letter,
h2 a:first-letter
	{
	/* font-size: 120%; didn't work for IE; IE7 showed smaller font-size for H2 a */
	font-size: 19pt; /* doesn't work at all for IE6 */
	}
h3 	{
	font-size: 16pt; font-weight: bold;
	}
h4 	{ font-size: 13.5pt; }
h5 	{
	font-size: 12pt; font-weight: bold;
	}
h5 a,
h5 a:visited
	{
	color: white; text-decoration: none;
	}
h5 a:hover
	{
	color: rgb(255,186,49);  /* old #FFAA00 */
	text-decoration: underline;
	}
h6 	
	{ font-size: 12pt; }
h6 a	
	{
	color: white; font-weight: bold; text-decoration: none; text-transform: uppercase;
	}
p._php, h4._php { color:yellow; font-weight:bold; text-decoration:underline; }
strong 	
	{ font-weight: bold;	}
em 	
	{ font-style: italic;	}
a 	
	{
	text-decoration: underline;
	color: #FFAA00; 
	}
a:active
	{ color: #999999;	}
a:visited
	{ color: rgb(140,185,240);	}
a img
	{
	border-width: 1px; border-color: #FFAA00;
	}
a:visited img
	{ border-color: rgb(140,185,240); }
a:active img
	{ border-color: #999999; }
/* from freightcars */
a.PhotoSeriesPic img
{
    vertical-align:middle;
    border: 1px solid rgb(255,186,49) !important;
}
a:visited.PhotoSeriesPic img
	{ border-color: rgb(140,185,240) !important; }


	
/* HEADER */

div#wrapper
	{
	width: 1000px;
	margin: 0 auto;
	}
div.banner
	{
	width: 640px;
	height: 86px;
	border: 0;
	margin: 0 auto;
	background:rgb(15,67,130) url('images/title_bar4.gif') no-repeat;
	}
	
	
/* PAGE BLURB */

#pageblurb
	{
	border-bottom: 3px solid #DDDCD4;
	margin-bottom: 10px;
	text-align: left;
	}
#pageblurb_table
	{
	border-collapse: collapse;
	}
#pageblurb_table th
	{
	height: 26pt;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
	text-transform: uppercase;
	}
#pageblurb_table td
	{
	vertical-align: top;
	}
#pageblurb_table td.one /*removed from freightcars/additions.php*/
	{
	width: 550px;
	font-size: 11pt;
	padding-right: 20pt;
	}
#pageblurb_table td.two strong
	{
	color: #FFFF33;
	}
#pageblurb_table td.two,
#pageblurb_table td.three
	{
	font-size: 10pt;
	}
#pageblurb_table td.two
	{
	width: 230px;
	padding-left: 10pt;
	}
#pageblurb_table td.three
	{
	width: 210px;
	text-align: right;
	}
p.hiddenimages_small
	{
	font-size: 10pt;
	margin-bottom: 2pt;
	}
#pageblurb p.PhotoCount
{
	margin-top: 1pt;
}
div#left_side /* additions.php */
	{ font-size: 10pt; }
#lastest_additions
	{
	font-size: 10pt;
	float: right;
	margin: 0 75px 0 0;
	}
#lastest_additions p
	{
	line-height: 1.2em;
	}
#additions_stats  /* additions.php */
	{
	font-size: 10pt;
	float: right;
	margin: 0 0 0 0;
	}
.link_bar
	{
	clear: both;
	font-size: 10pt;
	text-align: left;
	margin:0 auto;
	}
.link_bar p
	{
	line-height: 130%;
	}
.link_bar a
	{
	font-weight: bold;
	text-decoration: none;
	color: #FFAA00;
	}
.link_bar a:visited
	{
	color: #FFAA00;
	}
.link_bar a:active
	{
	color: #999999;
	text-decoration: underline;
	}
.link_bar a:hover
	{
	color: #749BC7;
	text-decoration: underline;
	}

	
/* MAIN RESULTS TABLES */

/* GRID VIEWS */

.gridview_options{text-align:left;}
.gridview_options span.thumbnail_option {margin-left:30px;}
.grid
{
	width: 1000px;
	background-color: rgb(20,95,160);	
	border-collapse: collapse;
	font-size: 10pt;
	margin: 5px auto;
	color: white;
}
.grid .empty
{
	background-color:rgb(15,67,130);
	text-align: center;
}
.grid td a
{
	color: rgb(255,186,49);
}
.grid td a:visited
{
	color: rgb(190,210,235);
}
.grid a img
{
	border: 1px solid rgb(255,186,49) !important;
}
.grid a:visited img
{
	border: 1px solid rgb(190,210,235) !important;
}
.grid td.description
	{
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
	}
.grid td p
{
	line-height: 150%;
}
.header
	{
	height: 60px;
	background: #DDDCD4;
	border: 2px solid rgb(15,67,130);
	font-weight: bold;
	text-transform: uppercase;
	color: #001F5E;
	}
.header a
 	{
	color: #001F5E;
/*	text-decoration: none; */
	}
.row td, .alternating td, .header th
{
	border: 2px solid rgb(10,50,125);
	text-align: center;
	}
.pagerlinks
	{
		font-weight: bold;
	}

/* Misc TN Galleries */


.misc_tn, .misc_tn100
{
	background-color: rgb(20,95,160);	
	border-collapse: collapse;
	font-size: 10pt;
	margin: 5px auto;
	color: white;
}
.misc_tn td
{
	height:180px;
}
.misc_tn100 td
{
	height: 140px;
}
.misc_tn td, .misc_tn100 td
{
	border: 2px solid rgb(10,50,125);
	text-align: center;
	vertical-align: middle;
	width: 140px;
	}
.misc_tn td a, .misc_tn100 td a
{
	color: rgb(255,186,49);
}
.misc_tn td a:visited, .misc_tn100 td a:visited
{
	color: rgb(190,210,235);
}
.misc_tn a img, .misc_tn100 a img
{
	border: 1px solid rgb(255,186,49) !important;
}
.misc_tn a:visited img, .misc_tn100 a:visited img
{
	border: 1px solid rgb(190,210,235) !important;
}
.misc_tn td p, .misc_tn100 td p
{
	line-height: 150%; /* this had no effect on the space between title and thumbnail */
}
.misc_tn td a.thumbnail_link
{
	margin:80px 0 !important;  /* this didn't work either. extra space was added by in-line css for p margin-bottom */
}

/* table headers*/

table.options
	{
	border-collapse: collapse;
	}
table.options td
	{
	font-size: 9pt;
	text-align: center;
	padding-left: 8px;
	padding-right: 8px;
	border: 0px solid white;
	
	}
table.options td.sort
	{
	border-width: 0 1px 0 0;
	}
table.options td a,
table.options td a:visited
	{
	font-weight: bold;
	color: #FFAA00;
	}

.table_header
	{
	width: 100%;	
	border-collapse: collapse;
	/*border: 1px solid red;*/
	font-size: 9pt;
	font-weight: bold;
	}
.table_header td 
	{
	/*border: 1px solid green;*/
	text-align: center;
	height: 26px;
	width: 100%;
	}
.table_header td.left,
.table_header td.center,
.table_header td.right
	{
	/*border: 1px solid yellow;*/
	}	
.table_header td.left
	{
	width: 150px;
	text-align: left;
	}
.table_header td.top
	{
	width: 100%;
	text-align: center;
	font-weight: normal;
	}
.table_header td.center
	{
	width: 700px;
	text-align: center;
	font-weight: normal;
	/* word-wrap: break-word; */ /*works for IE6 */ /* does not validate */
	}
.table_header td.right
	{
	width: 150px;
	text-align: right;
	}
.table_header td a,
.table_header td a:active,
.table_header td a:visited
	{
	text-decoration: underline;
	color: #FFAA00;
	}
.table_header td a:hover
	{
	color: #749BC7;
	text-decoration: underline;
	}

/* results */

p#new_gif
 { 
	height: 1em; 
	}
.thepics td 
	{
	border: 2px solid rgb(15,40,125);
	height: 26px;
	text-align: center;
	}
.thepics td.notes,
.thepics_thumbs td.notes
	{
	text-align: left;
	padding-left: 0.8em;
	}
.thepics_thumbs td p
	{
	line-height: 150%;
	}
.thepics tr.odd,
.thepics_thumbs tr.odd
	{
	background-color: #1A3774;	
/*	background-color: #284B82;*/
	}
.thepics tr.even,
.thepics_thumbs tr.even
	{
	background-color: #1B3F7A;	
/*	background-color: #284B82;*/
	}

.thumbs_grid
	{
	background: rgb(20,95,160); /* was #1B3F7A;	*/
	border-collapse: collapse;
	margin: 15px auto;
	}
.thumbs_grid td
	{
	border: 2px solid rgb(15,40,125);
	height: 150px;
	width: 150px;
	text-align: center;
	}
.thumbs_grid td p
	{
	line-height: 130%;
	}
	
	
/* FOOTER */

div.BeforeFooterBorderDiv {
	width:1000px;
	border-top: 3px solid #DDDCD4;
	clear:both;
	margin: 5px auto 0;
}
#footer
	{
	font-size: 10pt;
	text-align: center;
	margin: 20px auto 0;
	}
#space /*extra space to force vertical scroll bars in firefox*/
	{
	height: 350px;
	}
#counter
	{
	display: block;
	text-align: center;
	margin: 20px auto 0px;
	clear: both;
	}
#counter img
	{
	margin: 0;
	}
#ctl00_FoldersPI img, #footer, #counter, #counter img, #footer a img
	{
	border: 0;
	}




/* SEARCH FORM */

#form
	{
	width: 700px;
	margin: 0 auto;
/*	border: solid red 1px; */
	}
#form table#fields
	{
	width: 100%;
	border-collapse: collapse;
	}
#form table#fields td
	{
	border-top: solid #DDDCD4 1px;
	border-bottom: solid #DDDCD4 1px;
	height: 40px;
	}
#form table#fields td.c1
	{
	width: 25%;
	}
#form table#fields td.c2
	{
	width: 75%;
	}
#form table#fields td.search_options
	{
	text-align: left;
	height: 140px;
	border-bottom: 0px none;
	}
#form table#fields td.submit
	{
	text-align: center;
	height: 40px;
	border-top: 0px none;
	}
#form input:focus,
#form select:focus
	{
	background: #FFC850;
	}
	
/* GOOGLE 404 WIDGET */
#goog-wm h3.other-things
	{
	font-size: 13pt;
	font-weight: normal;
	}

	
/* LINKS PAGE */
#linkspage a
	{
	font-size: 13pt;
	font-weight: normal;
	}
#linkspage p
	{
	margin-bottom: 5pt;
	}
#linkspage h4
	{
		margin-bottom: .5em;
	}