h1 {font-family: "Times New Roman", serif; font-size: 2em; font-weight: bold; text-align: center;}
p  {font-family: "Times New Roman", serif; font-size: 1.2em; font-weight: normal; text-indent: 30px; }
p:first-letter {color: red; font-size: 1.25em} 

ul  {font-family: "Times New Roman", serif; font-size: 1.2em; font-weight: normal; text-indent: 30px; }

/* link definitions */
a:link    {color: blue;}
a:visited {color: red;}
a:hover   {color: green}
a.alt { display: none; }

.class2 a:link    {color: #1E90FF; text-decoration: none;}
.class2 a:visited {color: red; text-decoration: none;}
.class2 a:hover   {color: green; text-decoration: none; background-image: url("../Assets/Rex Button.png")}
.class2 a{
    display: block;
    width: 166px;
    height: 61px;
    background-image: url("../Assets/Rex Button Sepia.png");
    margin: 0 auto;
    }


#whistle {float: center; margin: 40px 0px 0px 0px;}
#FadingPhotos {float:left; width: 270px; height: 195px}
#centertext{text-align: center;}

/* Text definitions */

/* Top Title & GIF definitions */
#toptitle{font-family: "Times New Roman", serif; font-size: 3em; 
          color: black; font-weight: bold;
        border: 10px groove #ccc;
        padding: 0px 0px 0px 0px;
        background: #DEB887 url("../Assets/DogRunning.gif") no-repeat center center;
/*	position: absolute;
	left: 200px; */
	text-align: center;
        }

body {  background-image: url("../Assets/Reeds.jpg");
	margin: 20px 0px 0px 0px;
	 /* n6.01win-mac won't recognize top margin 
	 for middle box, so it goes here */
	padding: 0px 0px 0px 0px;
	font-family: font-family: "Times New Roman", serif; 
	color: black;
        }

/*  Box Definitions */

#top {  
	margin: 10px 185px 0px 185px;
	padding: 10px;
	height: 100px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 70px;
	}
html>body #top {
	height: 70px; /* ie5win fudge ends */
	}


#left {
	position: absolute;
	top: 120px;
	left: 0px;
	margin: 20px 5px;
	padding: 10px;
	width: 150px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 120px;
	font-family: "Times New Roman", serif; font-size: 1.75em; 
        font-weight: bold;
        text-align: center;
	line-height: 40pt;
        padding: 10Px;
        
	}
html>body #left {
	width: 120px; /* ie5win fudge ends */
	}

#middle {
	margin: 20px 190px 20px 190px;
	padding: 10px;
	text-align: left;
	border: 10px groove #ccc;
	background: #DEB887 url("../Assets/Man&DogEmbossed.gif") no-repeat center center;

	}

#right {
	position: absolute;
	top: 120px;
	right: 0px; /* Opera5.02 will show a space at right when there is no scroll bar */
	margin: 20px;
	padding: 10px;
	text-align: left;
	font-weight: bold;
	border: 1px solid black;
	background-color: #ffffff;
/* for IE */
        filter:alpha(opacity=70);
/* CSS3 standard */
        opacity:0.7;
	width: 170px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 140px;
	}
html>body #right {
	width: 140px; /* ie5win fudge ends */
	}