/*
/STYLE.CSS
The top level style sheet for the VashonMassage.com web site,
overridden, if desired, by a subsite's own ***.CSS file
NOTE:  This style sheet assumes a user has some Fonts available 
and is interested in high quality display

-old fonts:Verdana, Geneva, Arial, Helvetica, sans-serif;
-new fonts:Calisto MT, Garamond, Bodoni MT, Times New Roman, serif;
*/

/*  ----------------------------------------------------------------------------- 
	Element Selectors */	
	h1, h2, h3, h4, h5, h5, h6, h7, h8, h9, body, p  { Font-Family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
	h1, h2, h3, h4, h5, h5, h6, h7, h8, h9 {Color: #1D4F2B;}
	h1 { border-bottom: 5px double black; text-align: right; Font-Size: 175%;}
	h2 { Font-Size: 175%;}
	h3 { Font-Size: 115%;}
	/* font-weight:bold; Line-Height: 1.0em; letter-spacing:1pt; margin-top:-1; margin-bottom:-1; */
	h4 { Font-Size: 115%;}

	body, p {
			Font-Family: Verdana, Geneva, Arial, Helvetica, sans-serif;
			Line-Height: 110%;
			/*size="4" is ok; px prints poorly; pt not user adjustable*/
			font-style:normal; font-variant:normal; font-weight:normal; /*font-size:1.15em*/
			color: #CB565C;
	}
	
	/*
	body {	background-image: url(images/ff_1269525-15.jpg);
			background-repeat: no-repeat;
			background-position:center;
			padding:0.5% 2% 0;			
		 }
		 */
	p {
			letter-spacing:1pt;
	}
	
	td {  
			Font-Family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
			Font-Size: 1.0em
	}
	
	ul { 
			Font-Family: Verdana; 
			Font-Size: 1.1em; 
			Line-Height: 1.1em; 
			Color:#996633;
	}
	
	
	/* For best result keep the A:pseudo-classes below in this order... */                 
	A:link {
			/* unvisited */
			text-decoration: none; 
			Color: #1D4F2B;				
	}
			
	A:visited{
			text-decoration: none;
			Color: #1D4F2B;
	}
	
	A:hover {
			text-decoration: none;
			Color: #09F;
	}
	
	A:active {
			text-decoration: underline;
			Color:#0CF;
	}

/*       -----------------------------------------------------------------------------   */
/*	Attribute Class Selectors: use <p class="name"> to trigger */

	.Indented {
			margin-left:20px;
	}
			
	.Tight {
			Line-Height: 100%;
			margin-top:0.4em;
			margin-bottom:0;
	}

	.Small {
			Font-Family: Verdana, Geneva, Arial, Helvetica, sans-serif;
			Font-Size: 0.9em;
			Color: #1D4F2B;
			Line-Height: 0.95em;
	}
	
	.SmallLink {
			Font-Family: Verdana, Geneva, Arial, Helvetica, sans-serif;
			Font-Size: 0.9em;
			Color: #1D4F2B;
			Line-Height: 0.95em;
			text-decoration:none;
	}

	.Medium {
			Font-Family: Verdana, Geneva, Arial, Helvetica, sans-serif;
			Font-Size: 1.0em;
			Color: #1D4F2B;
			Line-Height: 1.05em;
	}
	.MediumLink {
			Font-Family: Verdana, Geneva, Arial, Helvetica, sans-serif;
			Font-Size: 1.0em;
			Color: #1D4F2B;
			Line-Height: 1.05em;
			text-decoration:none;
	}
	
	.Large {
			Font-Family: Verdana, Geneva, Arial, Helvetica, sans-serif;
			Font-Size: 1.10em;
			Line-Height: 110%;
			Color: #1D4F2B;
	}
	.LargeLink {
			Font-Family: Verdana, Geneva, Arial, Helvetica, sans-serif;
			Font-Size: 1.10em;
			Line-Height: 110%;
			Color: #1D4F2B;
			text-decoration:none;
	}
	
	.Dark {
			Color: #1D4F2B;
		}

	.Light {
			Color: #CB565C;
		}

	.Point			{ CURSOR: hand; }
	.DontPoint		{ CURSOR: default; }
	
	/* Thanks to www.sitepoint.com/test/pullquote.htm! */
	.pullquote {
		width: 20%;
		float:right;
		font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
		font-style:italic;
		color:#1D4F2B;
		font-size:90%;
		line-height:90%;
		margin:5px;
		padding: -5px 5px 5px 5px;
		border: #eee thin dotted;
	}
	.pullquoteLeft {
		width: 20%;
		float:left;
		font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
		font-style:italic;
		color:#1D4F2B;
		font-size:90%;
		line-height:90%;
		margin:5px;
		padding: -5px 5px 5px 5px;
		border: #eee thin dotted;
	}
	.pullquote:first-letter {
		font-size: 120%;
		line-height:90%;
	}


/*       -----------------------------------------------------------------------------   */
/*	Attribute ID Selectors: use <p ID="name"> to trigger; ID #'s can ONLY be used once per page... */
        #hidden { display: none; }
        
        /*
        <H44 onmouseover="javascript:this.style.Color='#6633FF'"
                onmouseout="javascript:this.style.Color='#000000'">
        This headline will change to purple when the mouse touches it, and back to black when the mouse moves off of it</H44>
        */
        
        <style fprolloverstyle>A:hover {Color: #FF0000; Font-weight: bold}</style>