/* CSS Document - 2006.09.07 - firebelly design corp.: k.brugman */
/* magenta: #7A1A33; teal: #1B98C1; text: #707070; */

	body, html {
		background: #FFFFFF;
		color: #707070;
		font-family: courier, courier new, serif;
		font-size: 12px;
		font-weight:normal;
		line-height: 1.4;
		margin: 0px;
		padding: 0px;
		text-align:left;
		}
		
	A			{ color: #555555; text-decoration: underline; }
	A:link		{ color: #555555; text-decoration: underline; }
	A:visited	{ color: #555555; text-decoration: underline; }
	A:hover		{ color: #7A1A33; text-decoration: underline; }
	A:active	{ color: #7A1A33; text-decoration: underline; }	
	
	
	img { border:none; display:block; }
	.hide, #nav span, #indexnav span, #typeatme span, #toplinks a span { position:absolute; left:-9999px; }
	
	input, select, textarea {
		color: #707070;
		background: #FFFFFF;
		font-family: verdana, arial, sans-serif;
		font-size: 10px;
		margin:0px;
		padding:0px;
		}

/* TEXT TAGS */

	p, li, td {
		background: transparent;
		color: #707070;
		font-family: courier, courier new, serif;
		font-size: 12px;
		font-weight:normal;
		line-height: 1.4;
		text-align:left;
		padding: 0px;
		margin: 0px 0px 1em 0px;
		}
		
	h1, h2, h3, h5, h5, h6 {
		background: transparent;
		color: #7A1A33;
		font-family: courier, courier new, serif;
		font-size: 14px;
		font-weight:normal;
		line-height: 1.4;
		text-align:left;
		text-transform:none;
		padding: 0px;
		margin: 0px 0px 1em 0px;
		}
	
	
	h2 {
		color: #333333;
		margin:0px 0px .25em 0px;
		padding:0px;
		}
		
	ul {
		list-style:none;
		margin:0px 0px 1.75em 0px;
		padding:0px;
		}
		
	li { margin: 0px 0px .5em 0px; }
	
/* FORMATTING TAGS */

	#container {
		position: relative;
		width: 900px;
		margin: 0px;
		padding: 0px;
		}
		
	#wrapper {
		width: 660px;
		min-height: 521px;
		background: transparent url(../images/content_bg_alt.jpg) top left no-repeat;
		margin: 0px;
		padding: 7px 0px 0px 21px;
		}
		
	#content {
		width: 426px;
		margin: 0px 0px 0px 233px;
		padding: 8px 0px 0px 25px;
		border-left: 1px solid #707070;
		}
		
		
/* TOP LINKS */
		
	p#toplinks {
		position: absolute;
		top: 38px;
		left: 42px;
		padding: 0px;
		margin: 0px;
		}
		
	p#toplinks a { position: absolute; top: 0px;left:0px; margin: 0px;padding: 0px; display:block; }
		
	p#toplinks a#homelink {
		top: 22px;
		width: 212px;
		height: 26px;
		}
		
	p#toplinks a#tfplink {
		background: transparent url(../images/tfplink.gif) no-repeat;
		background-position: 0px 0px;
		width: 98px;
		height: 22px;
		}
		
	p#toplinks a#tfplink:hover, p#toplinks a#tfplink:active { background-position: 0px -22px; }
		
	#container a#typeatme {
		left: 501px;
		background: transparent url(../images/typeatme_w.jpg) no-repeat;
		background-position: 0px 0px;
		width: 137px;
		height: 48px;
		}
		
	#container a#typeatme:hover, #container a#typeatme:active { background-position: 0px -48px; }
	
/* FOOTER TAGS */

	#footer {
		color: #A49984;
		background: transparent;
		text-align:left;
		margin: 0px 0px 0px 45px;
		padding: 0px;
		}
		
	*html #footer { /* \*/ margin-top: 20px; /* */ }
		
	#footer p { color: #A49984; font-size: 9px; line-height: 1.5; }
	#footer a { color: #A49984; text-decoration:underline; }
	#footer a:hover, #footer a:active { color: #7A1A33; text-decoration:underline; }
	
	

/* NAV TAGS */

	ul#nav {
		position:absolute;
		top: 93px;
		left: 21px;
		background: transparent url(../images/nav_bg.jpg) top left no-repeat;
		list-style:none;
		width: 228px;
		margin: 0px;
		padding: 0px 0px 0px 4px;
		}
		
	ul#nav li, ul#nav li a {
		background: transparent;
		color: #707070;
		width: 224px;
		height: 47px;
		margin: 0px;
		padding: 0px;
		}
	
	ul#nav li a {
		background-position: 0px 0px;
		display:block;
		}

	#container ul#nav li a:hover, #container ul#nav li a:active, #container ul#nav li a.on { background-position: 0px -47px; }
	
	#container ul#nav li a#fort:hover, #container ul#nav li a#fort:active, #container ul#nav li a#fort.on { background-position: 0px -34px; }

	#container li a#dog {
		background: transparent url(../images/nav_dog.gif) no-repeat;
		}
		
	#container li a#fort {
		background: transparent url(../images/nav_fort.gif) no-repeat;
		height: 34px;
		width: 206px;
		}
		
	#container li a#drop {
		background: transparent url(../images/nav_drop.gif) no-repeat;
		margin-top: -10px;display:none;
		}
		
		
	ul#nav li ul {
		margin: 0px 0px 0px 35px;
		padding: 0px;
		}
		
	ul#nav li li, ul#nav li li a {
		width: auto;
		height: auto;
		font-size:14px;
		text-decoration:none;
		margin: 0px 0px 3px 0px;
		}
		
	ul#nav li li a { display:inline; }
		
	#container ul#nav li li a:hover, #container ul#nav li li a:active, #container ul#nav li li a.on { color: #7A1A33; text-decoration:none; }
	
		
	ul#nav li li em { font-size:10px; font-style:normal; }
	
	
		
/* INDEX TAGS */

	#container.index ul#nav {
		position:absolute;
		top: 235px;
		left: 310px;
		background-image:none;
		list-style:none;
		width: 232px;
		height: 135px;
		margin: 0px;
		padding:0px;
		overflow:hidden;
		}
		
	#container.index ul#nav li, #container.index ul#nav li a {
		background: transparent;
		color: #707070;
		width: 232px;
		margin: 0px;
		padding:0px;
		}
	
	#container.index ul#nav li a {
		background-position: 0px 0px;
		display:block;
		}
		
	#container.index ul#nav li a { *margin-top: -2px; }
	*html #container.index ul#nav li a { margin-top: -3px; margin-left: -16px; *margin-left: 0px; }
		
	#container.index ul#nav li a#dog:hover, #container.index ul#nav li a#dog:active, #container.index ul#nav li a#dog.on, #container.index ul#nav li a#fort:hover, #container.index ul#nav li a#fort:active, #container.index ul#nav li a#fort.on, #container.index ul#nav li a#drop:hover, #container.index ul#nav li a#drop:active, #container.index ul#nav li a#drop.on { background-position: -232px 0px; }

	#container.index ul#nav li a#dog {
		background: transparent url(../images/indexnav_dog.jpg) no-repeat;
		height: 47px;
		margin-top: 0px;
		}
		
	#container.index ul#nav li a#fort {
		background: transparent url(../images/indexnav_fort.jpg) no-repeat;
		height: 41px;
		}
		
	#container.index ul#nav li a#drop {
		background: transparent url(../images/indexnav_drop.jpg) no-repeat;
		height: 46px;
		margin-top: -6px;
		}
		
	*html #container.index ul#nav li a#drop { margin-top: 0px; }
		
	#container.index #footer {
		position: absolute;
		top: 497px;
		left: 50px;
		margin: 0px;
		}		
		
	#container.index a#typeatme {
		position: absolute;
		top: 340px;
		left: 40px;
		background: transparent url(../images/typeatme.jpg) no-repeat;
		background-position: 0px 0px;
		width: 120px;
		height: 114px;
		}
		
	#container.index a#typeatme:hover, #container.index a#typeatme:active { background-position: 0px -114px; }