@charset "UTF-8";
/* CSS Document */


/*this is a div for farleft navigation on the class site.
To see it in action, go to the siteseeing page*/

#urlsfarleft{
	font: 12px/20px Arial, Helvetica, sans-serif;
	color:#999999;
	position:absolute;
	height:700px;
	width:240px;
	top:117px;
	left:22px;
	overflow:hidden;
	color:#333333;
	visibility: visible;
	margin: 0px;
	background-color: #CCCCCC;
	list-style-type: none;
	z-index: 40;
	border: thin solid #666666;
	padding: 10px;
	text-align: left;
	vertical-align: middle;
	word-spacing: normal;
	display: block;
}

/*this defines a list item. items using the <li></li> tags will be listed under one another. My list is an UNORDERED LIST, so the <li> tags are nested within <ul></ul> tags. It looks like this in the html:

	<div id="urlsfarleft">
	  		<ul>
      			
                <li><a href="http://www.andyfoulds.co.uk/flash_design.html" target="_blank">Andy Foulds</a></li><br />
                <li><a href="http://www.oswego.edu/~eacevedo/eight_things/">Edwin Acevdo</a></li>
            	<li><a href="http://acg.media.mit.edu/people/fry/">Ben Fry</a></li>
               
			</ul>
		
		</div>
		
 the css below keeps this from showing bullets >*/
#urlsfarleft li{
	list-style-type:none;
	display: block;
}

/*link properties for anytext used as a hyperlink in that div*/
#urlsfarleft a:link{
	background-color: #CCCCCC;
	display: block;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #999999;
	border-bottom-color: #999999;
	text-decoration: none;
}


/*visited properties*/
#urlsfarleft a:visited{
	display: block;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #999999;
	border-bottom-color: #999999;
	text-decoration: none;
	color: #666666;
}


/*what happens on hover*/
#urlsfarleft a:hover{
	background-color: #999999;
	display: block;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #999999;
	border-bottom-color: #999999;
	text-decoration: none;
	color:#CCCCCC;
}


/*what happens when you click */
#urlsfarleft a:active{
	background-color: #CCCCCC;
	display: block;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #999999;
	border-bottom-color: #999999;
	text-decoration: none;
	color: #CCCCCC;
	
}