<style type="text/css">

<STYLE>
<!--

/***************************************/
/***  HTML SELECTORS  ***/

body {text-decoration:none;
	background-color: #FFFFFF;
	color: #660066;
        margin-left: 0px;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
	}
/*	background-image: url(c:/My Documents/Ty Randall/Images/Bgrounds/Tile_swirlednoise.bmp);
/** HOW TO USE A BACKGROUND IMAGE INSTEAD OF JUST COLOR **/
/** IF I WANT:	background-image: url(c:/My Documents/Ty Randall/Images/nwpartytile.jpg); **/
/*	background-color: #FFCC99;
/* background-image: url(c:/My Documents/Ty Randall/Images/nwpartytile.jpg);
/* 	color: #660066;


a:link {color: #000099;
	font-family:arial;
	text-decoration:none;
	}

a:active {color:#CC0033;
	font-family:times;
	text-decoration:italic;
	}

a:hover {color:#FF3399; 
	background-color:#CCCCCC;
	font-weight:bold; 
	font-style:italic; 
	text-decoration:underline;
	text-transform:uppercase; 
	font-size:12; 
	} 

a:visited {color: #666600;
	text-decoration:none;
	}

  hr {color: #990099;
	width: 80%;
	text-indent: 80%;
	text-align: center;
	}

/************************************/
/*** ID SELECTORS ***/

#guest1{position:relative;
        margin-left: 10%;
        margin-top: 1em;
        margin-right: 1em;
        margin-bottom: 1em;
	padding-left: .1em;
	padding-bottom: .2em;
	}

#guest2{position:relative;
	margin-left: 10%;
	padding-left: .1em;
	padding-bottom: .2em;
	}

#guest3{position:relative;
	margin-left: 20%;
	padding-left: .2em;
	padding-bottom: .2em;
	}

#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;
	}

#oneAC		/****** Just to center the div on bottom of the index page ******/ 
	{text-align: center;
	font-size: normal;
	}

#oneBC		/****** Just to center the div on bottom of the index page ******/ 
	{text-align: center;
	font-size: 8pt;
	}

#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; 
	 }


#contactctr /****** Just to center the div on the contact page ******/ 
	{text-align: center;
    font-family:Caligraph421;
	font-size: 18pt;
	font-weight: bold;
	}

#bioctr /****** Just to center the div on the bio page ******/ 
	{margin-left: 10%;
	margin-right: 10%;
	text-align: center;
	font-size: 14pt;
	font-weight: bold;
	}

#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;
	}

#news3 /****** Just to center the div on the news page ******/ 
	{margin-left: 10%;
	}

#content /****** Just to center the div  ******/ 
	{margin-left: 6%;
	margin-right: 6%;
	text-align: left;
	font-size: 12pt;
	font-weight: normal;
	background-color: #FFFFFF;
	padding: 2em;
	}

#mailhead {color: "white";
	background-color: "#0066CC";
	text-align:"center";
	border-color:"#0066CC";
	border: 1px;
	margin: .1em;
	padding: .1em;
	}

#mailnotify {color: "#000099";
	background-color: "#CCCCCC";
	position: relative;
	margin-left: 10%;
	margin-top: 2%;
	}

#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 ***/

.fanSignup {  width: 200px; 
		   padding: 2px;
		   position: relative; 
		   float: right; 
	}

.maillist {color:#000099;
	background-color: #CCFFFF;
	font-family:Arial,Helvetica;
	font-weight:bold; 
	font-style:normal; 
	text-align:left;
	font-size:8pt; 
	margin-left: 1px;
	position: relative;
	padding: .2em;
	 }

.tybanner 	{position: fixed;
	top: 0; left: 5;
	background-image: url(c:/My Documents/Ty Randall/Images/Bground/Tile_swirlednoise.bmp);
	margin-bottom: 5px;
	text align: left;
	}

.tygallery {background-color: black;
	color: white;
}
/* a.tygallery:link {color: #3300FF;
/*	font-family:arial;
/*	text-decoration:none;
/*	}	

.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;
}

  .FRGrab{font-family: Arial, Verdana, Sans-serif;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  text-decoration: none;
  text-transform: none;
  font-variant: normal;
  color: #8000FF;
  background: #FAFAD2;
  text-indent: 5px;
  line-height: 20px;
  vertical-align: middle;
  text-align: center;
  margin-top: 20px;
  margin-left: 15%;
  margin-right: 15%;
  margin-height: 100px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-left: 1px solid #8000FF;
  border-right: 1px solid #8000FF;
  border-top: 1px solid #8000FF;
  border-bottom: 1px solid #8000FF;
  }
  
  .CardFR{font-family: Tahoma, Times New Roman, Cursive;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  text-decoration: none;
  text-transform: none;
  font-variant: normal;
  color: #993366;
  background: #FAF0E6;
  text-indent: 5px;
  line-height: 16px;
  text-align: justify;
  margin-left: 10%;
  margin-right: 10%;
  margin-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-left: 1px dotted #0000FF;
  border-right: 1px dotted #0000FF;
  border-top: 1px dotted #0000FF;
  border-bottom: 1px dotted #0000FF;
  }
  
  
  
  .Typkg{font-family: Annual Wide, Serif;
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  color: #AA0080;
  background: #D4D4FF;
  margin-left: 20%;
  margin-right: 20%;
  margin-top: 20px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;}

 .collapsus {border-collapse: collapse;}

</STYLE>


