<style type="text/css">

<STYLE>
<!--

/***************************************/
/***  HTML SELECTORS  ***/

body {background-color: black;
	color: white;
	text-decoration:none;
        margin-left: 0px;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
	}

a:link {color: #00FFFF;
	font-family:arial;
	text-decoration:none;
	}

a:active {color:#FF3300;
	font-family:times;
	text-decoration:italic;
	}

a:hover {color:#FF00CC; 
	background-color:#CCCCCC;
	font-weight:bold; 
	font-style:italic; 
	text-decoration:underline;
	text-transform:uppercase; 
	font-size:12; 
	} 

a:visited {color: #CC9966;
	text-decoration:none;
	}


/************************************/
/*** ID SELECTORS ***/

#tynav ul{
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	float: left;
	width: 100%;
	}

#tynav li{
	display: inline;
	}

#tynav a {
	display: block;
	float: left;
	padding: .2em; 1em;
	}

#navlinksa{ /*CSS for DIV containing the navigational links*/
width: 400px;
}

#navlinksn{ /*CSS for DIV containing the navigational links*/
width: 400px;
}


#navlinks a{ /*CSS for each navigational link */
margin-right: 8px;
margin-bottom: 3px;
font-size: 110%;
}

#navlinks a.current{ /*CSS for currently selected navigational link*/
background-color: yellow;
}

#ahead, nhead, phead { /***HEADING OF TITLE FOR "Ty's ART, Nature PEOPLE" ***/
	color:#00CCFF;
	font-style: normal;
	font-size: x-large;
	font-family: "orange LET";
	font-weight: bold;
	visibility: visible;
	display: block;
	position: relative;
	top: 3%;
	left: 10;
	width: 40%;
	height: 1px;
	overflow: visible;
	}

#nhead { 	/***HEADING OF TITLE FOR "Ty's Nature" ***/
	visibility: visible;
	display: block;
	position: absolute;
	top: 80%;
	left: 10;
	width: 40%;
	height: 1px;
	overflow: visible;
	}

#1AC		/****** Just to center the div on bottom of the index page ******/ 
	{text-align: center;
	font-size: normal;
	}

#tylogo {color:#000099; 
	background-image: url(c:/My Documents/Ty Randall/Images/logo200p.jpg);
	font-family:Caligraph421;
	font-weight:bold; 
	font-style:italic; 
	text-align:left;
	font-size:18pt; 
	}

#Contact {color:#8000C0;
	font-family:Arial;
	font-weight:bold; 
	font-style:italic; 
	text-align:center;
	font-size:14pt; 
	 }

#news1 /****** Just to center the div on the news page ******/ 
	{margin-left: 6%;
	text-align: left;
	font-size: 16pt;
	font-weight: bold;
	}

#news2 /****** Just to center the div on the news page ******/ 
	{margin-left: 6%;
	margin-right: 6%;
	text-align: left;
	font-size: 12pt;
	font-weight: normal;
	}

#bottomLinks  {font-family: Tahoma, Arial, Serif;
	font-size: xx-small;
	font-weight: 100;
	}

#footer {text-align: left; padding: 15px 0px 0px 0px; font-family: 'Verdana', Arial, Helvetica, sans-serif; font-size: 10px; color: #615c50;}
a.footerlink {text-align: left; padding: 15px 5px 0px 5px; font-family: 'Verdana', Arial, Helvetica, sans-serif; font-size: 10px; color: #b10021; text-decoration: none;}
a.footerlink:hover {text-align: left; padding: 15px 5px 0px 5px; font-family: 'Verdana', Arial, Helvetica, sans-serif; font-size: 10px; color: #b10021; text-decoration: underline;}


/***************************************/
/*** CLASS SELECTORS ***/

.tybanner 	{position: relative;
	top: 0; left: 0;
	margin-bottom: 5px;
	text align: left;
	}

.picframe 	/******** the frame around photos in ty gallery */
	{border-left: silver ridge; 
	border-right: silver inset; 
	border-top: silver ridge; 
	border-bottom: silver inset;
	border-width: 12px;
	}

.construction 	
	{top: 100; left: 50; 
	margin-left: 15%;
	margin-top: 3%;
	margin-right: 15%;
	margin-bottom: 3%;
	background-color: LightYellow;
	border-color: blue;
	border-style: dashed; 
	color: purple;
	font-size: xx-large;
	padding-bottom: 10px;
	}

.slideshow{ /*CSS for DIV containing each image*/
float: left;
width: 200px;
height: 270px;
margin: 50px;
}

/*** TOP DOWN CURTAIN ***/
.tdcurtain{
position:absolute;
left:0;
top:0;
layer-background-color:yellow;
background-color:yellow;
border:0.1px solid yellow;
z-index:10;
}

.tylinkcss{
position:absolute;
visibility: hidden;
border:1px solid black;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height: 18px;
z-index: 100;
background-color: #999999;
width: 205px;
}

.tylinkcss a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
}

.tylinkcss a:hover{ /*hover background color*/
background-color: black;
color: white;
}
}

</STYLE>

