<HTML>
<HEAD>
	<TITLE>Photo CSS Style Sheet</TITLE>
<STYLE TYPE="text/css">
</HEAD>

<!-- 
body 
div {align:center;}
div#header {
    background-color: #E9E9FF;
    width: 755px; height: 82px;
}
table#sample {width: 755px; border-right-style: solid; border-left-style: solid; 
border-right-width: 2px; border-right-color: #E9E9FF;
border-left-width: 2px; border-left-color: #E9E9FF;
}/*table width of 755px chosen to match Trainweb banner width.  border widths of 2px provided to give grey side boundaries.  
I wonder if this affects table widths?*/

/* This line removed for photo page.  td#left {width:90px; padding:5px; background-color:#000080; vertical-align:text-top; line-height:20px
}*/ /*width:90px with padding:5px gives column width of 100px in td#left*/

td#right {width:733px; padding: 9px;background-color: white; 
}/*Was padding:10px but reduced to 9 to prevent images pushing 1px into td#left*/
/*img {
border: 1px solid #000080;
}*/
/* img border for photos is  1 px and navy color*/
div#foot {
    text-align: center;
    background-color: #E9E9FF;
    width: 755px;
		height: 35px;
    padding-top: 10px;
		padding-bottom: 15px;
		margin-bottom:50px;
		clear: both;
}

p#norm {font-family:arial,helvetica,sans-serif;font-size:80%;font-style:normal;font-weight:normal;color:#000080;text-align:left;}
p#center {font-family:arial,helvetica,sans-serif;font-size:80%;font-style:normal;font-weight:normal;color:#000080;text-align:center;}
p#nav {font-family:arial,helvetica,sans-serif;font-size:70%;font-style:normal;font-weight:normal;color:white;text-align:left;}

p#h1 {font-family:arial,helvetica,sans-serif;font-size:160%;font-style:normal;font-weight:bold;color:#000080;text-align:center;line-height:35px}

p#h2 {font-family:arial,helvetica,sans-serif;font-size:100%;font-style:normal;font-weight:bold;color:#000080;text-align:center;}
h2 {font-family:arial,helvetica,sans-serif;font-size:120%;font-style:normal;font-weight:bold;color:#000080;text-align:left;}
h3 {font-family:arial,helvetica,sans-serif;font-size:80%;font-style:normal;font-weight:bold;color:#000080;}
h3 {text-align:center;}

p#h4 {font-family:arial,helvetica,sans-serif;font-size:100%;font-style:normal;font-weight:bold;color:#000080;text-align:left;}

h5 {font-family:arial,helvetica,sans-serif;font-size:80%;font-style:normal;font-weight:normal;color:#000080}
h5 {text-align:center;line-height:100%}

h6 {font-family:arial,helvetica,sans-serif;font-size:80%;font-style:italic;font-weight:normal;color:#000080}
h6 {text-align:left;}

hr {align: centre; color:red; height:1px;}

a:link {color: blue}
a:visited {color: maroon}
a:hover {color: red}
a:active {color: #0000FF}

a#left:link {color: white}
a#left:visited {color: fuchsia}
a#left:hover {color: red}
a#left:active {color: #0000FF}

ul {color:#000080;font-family:arial,helvetica,sans-serif;font-size:80%;
font-style:normal;font-weight:normal;text-align:left;list-style-image: url(ball.gif)}



-->
</style>

</HTML>
