/*
	/GENERIC.CSS -- Stylesheet for IE/Netscape type browsers
	The top level style sheet for the fetchfun.com web site,
	overridden, if desired, by a subsite's own generic.css file
	NOTE:  This assumes a user has some fonts available 
	and is interested in high quality display
	
	For options, see:
		IE - http://msdn.microsoft.com/workshop/author/css/reference/attributes.asp

		align="right"; font-size="90%";
 */

/*	Element Selectors *
/*						{ font-size="90%"; font-family: Tahoma, Arial, Helvetica, sans-serif; margin-left="1in"; margin-right="0.25in"; margin-top="0in";margin-bottom="0in";  }*/
p						{ font-family: Tahoma, Arial, Helvetica, sans-serif;}
h1, h2				{ COLOR:#0000FF; font-family: Verdana; Arial, sans-serif; }
h3, h4, h5, h6, h7, h8, h9
						{ color="#0000FF"; font-family: Verdana; Arial, sans-serif; }
Heading3		{ color="#0000FF"; font-family: Verdana; Arial, sans-serif; size=4 }
a						{ font-family: Tahoma, Arial, Helvetica, sans-serif;}
/*ul, li				{ margin-left="0.9in"; margin-right="0.5in"; align="right"; font-size="75%"; }*/
ul						{ list-style-image: url("/Images/xxMisc/whiteBall.gif"); margin-left="0.2in"; font-family: Tahoma, Arial, Helvetica, sans-serif; }
li						{ font-size="90%"; font-family: Tahoma, Arial, Helvetica, sans-serif; }
						
/*	Attribute Class Selectors: use <p class="name"> to trigger */
.text					{ margin-left="1in"; margin-right="0.25in"; margin-top="0in"; font-size="90%"; font-family: Tahoma, Arial, Helvetica, sans-serif;}

.Error				{ letter-spacing="0.07em"; color:"#FF0000"; font-weight:bold; }
.Point				{ cursor: hand; }
.DontPoint			{ cursor: default; }
.changingCursor	{ cursor:help; onmouseover="this.style.cursor='crosshair'"; }
p.BigFirst:first-letter
						{ font-size: 200%; float: left }
.LetterLine:first-liner
						{ text-transform: uppercase }
.LetterLine:first-letterr
						{ font-size: 200%; float: left }

.largeOLD			{ margin-left="1in"; margin-right="0.25in";  line-height="125%"; letter-spacing="0.07em"; font-family: Tahoma, Arial, Helvetica, sans-serif;}
.large					{ line-height="125%"; letter-spacing="0.07em";  font-size="105%";}
.small					{ line-height="85%"; letter-spacing="0.03em"; font-size="90%";  font-family: Tahoma, Arial, Helvetica, sans-serif; }
.caption				{ line-height="80%"; letter-spacing="0.02em"; font-size="75%";  font-family: Tahoma, Arial, Helvetica, sans-serif; }

.UCase				{ text-transform:uppercase }
.LCase				{ text-transform:lowercase }
.DefCase			{ text-transform:none }
/*	onmouseover="this.className='UCase'" 
	onclick= "this.className='LCase'"
	ondblclick="this.className='DefCase'"
 */

.updateCell	{ vAlign="top"; width="50%" line-height="85%"; letter-spacing="0.03em"; font-size="90%";  font-family: Tahoma, Arial, Helvetica, sans-serif; }

/*	purples:		996699, 9933cc, 990099
	oranges:	orange, ff9900, ff9933 
	*/
.subsite				{ color="#990099"; font-weight:bold; text-transform:uppercase; padding-right=1pt; nowrap; font-family: Tahoma, Arial, Helvetica, sans-serif; }
						
.navCell			{ size="1"; text-decoration="none";  target="_top"; NOWRAP; align="center"; valign="middle"; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight:bold; }
.location				{ size="8"; text-decoration="none";  target="_top"; nowrap; align="center"; valign="middle"; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight:bold; }
.locationActive	{ size="1"; text-decoration="none";  target="_top"; nowrap; align="center"; valign="middle"; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight:bold; }

.cap					{ display:inline; font-size:36pt; float:left;}
.note					{ margin-right="0.0in"; align="right"; font-size="small"; color="yellow"; background-color="#7b68ee"; }

.disappear			{ behavior: ;}
.disappearingNote
						{ begin="0"; dur="5"; timeaction="visibility"; margin-right="0.0in"; align="right"; 
						font-size="medium"; color="yellow"; background-color="#7b68ee"; behavior: ;  }
						/* e.g.: <p class="disappearingNote" DUR="7">This is a Disappearing Paragraph. Note that the DURation MUST be specified...</p> */
.changingBullet	{ style="list-style-type:decimal"; onmouseover="this.style.listStyleType='square'"; }

/* BUGBUG: following broken, use contents directly in element */
.shake				{ onmouseover="shake(2,10)" }

/*	Attribute ID Selectors: use <p ID="name"> to trigger */
#footer				{ font-family: serif; color: brown; }
#hidden				{ display: none; }

/* 	"pseudo styles" include:
	:hover, :first-letter, :first-line
	:before, :after (good for bullets but not supported by IE)
	:first-child, :link, :visited, :active, :focus, :lang
 */
A:hover				{ color: #FF0000; text-decoration="underline"; }
.hidden				{ text-decoration="none"; color:#000000; }
.underlined		{ text-decoration="underline"; color:#000000; }
.plain					{ text-decoration="none"; }