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

* {
	padding: 0;
	margin: 0;
}
.clear{
	clear: both;
}
.width100 { width: 100%; }  
.width75 { width: 75%; }  
.width50 { width: 50%; }  
.floatLeft { float: left; }  
.floatRight { float: right; }  
.alignLeft { text-align: left; }  
.alignRight { text-align: right; }

a:link { color: blue; }  
a:visited { color: purple; }  
a:hover { color: purple; }  
a:active { color: red; }

.gap5{height:5px; overflow:hidden; clear:both;}
.gap10{height:10px; overflow:hidden; clear:both;}
.gap20{height:20px; overflow:hidden; clear:both;}
.gap40{height:40px; overflow:hidden; clear:both;}
.gap60{height:60px; overflow:hidden; clear:both;}
.gap80{height:80px; overflow:hidden; clear:both;}
.gap100{height:100px; overflow:hidden; clear:both;}
.gap150{height:150px; overflow:hidden; clear:both;}
.gap200{height:200px; overflow:hidden; clear:both;}

/*Ed's Sprite handler*/
div.sprite{
	cursor:pointer;
	overflow:hidden;
	display:block;
}
	div.sprite a{
		background-repeat:no-repeat;
		background-position:top;
		display:block;
		width:100%;
		height:100%;
	}
	div.sprite a:hover{background-position:bottom;}
	div.sprite_selected a,div.sprite_selected a:hover{background-position:bottom;}
	div.sprite_3state_selected a,div.sprite_3state_selected a:hover{background-position:center;}
	
	div.sprite a span{
		display:block;
		text-indent:-9999px;
		*display:none;
	}