<!--
Colors: olive :#898538
	red: #B6141E
-->


<html>
<head>
<title>Style Sheets practice</title>

<style type="text/css">
<!--

body     {
	background-color: #fff;
            font-style: normal}

p	{font-weight: normal;
	color: #000;
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 12px;
	text-align: center;
	margin-top: 40px;}

.name	{font-weight: normal;
	color: #555;
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 33px;
	letter-spacing: 0.03em;
	line-height: 130%;
	text-align: center;
	}

.description	
	{font-weight: normal;
	font-family: verdana, arial, helvetica, sans-serif; 
	color: #555;
	font-size: 29px;
	letter-spacing: 0.03em;
	line-height: 120%;
	text-align: center;
	}


A:link, A:visited, A:active 
	{
	color: #898538;
	font-size: 25px;
	letter-spacing: 0.03em;
	text-decoration: none; 
	}
A:hover
	{
	color: #656220;
	text-decoration: none; 
	}


ADDING STYLES TO TABLE CELL:

<td width="143" height="25" colspan="2" align="center" 
style="background-color: #fff; border-style: solid; border-color: #876c6c; border-width: 1px">


-->
</style>
</head>

<body>
<h1>css: Displaying and Controlling Background Graphics</h1>
<h3>Background Graphics before css</h3>
<p>Html handles all background graphics (BGs) in the same floor tile manner.</p>
<p>to go off this page, <a href="kbgigs.html">click here to see another page</a></p>
</body>
</html>


	background-color:#fff;  <color> | transparent
			aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow
	background-position: [<percentage> | <length>]{1,2} | [top | center | bottom] || [left | center | right]
	background-repeat:	repeat | repeat-x | repeat-y | no-repeat
	background: url(../images/homepageBG.gif) no-repeat;
	border: 0px;
	border: 4px solid #979797;
	color:#361601;
	display:inline;
	display:block;
	float:left;
	font-family:"Futura Book", Futura, Verdana, Arial, Helvetica, sans-serif;
	font-style: normal | italic | oblique
	font-size:12px;
	font-weight:normal;
	height:484px;
	left:42px;
	letter-spacing: 0.1em;
	line-height:120%;
	list-style:none;
	margin:6px 0 0 0px;
	margin-left:10px;
	margin-bottom:10px;
	margin-right:10px;
	margin-top:10px;
	overflow:hidden;
	padding:0px;
	position:absolute;
	position:relative;
	text-decoration: none;  [  underline   overline   ine-through   blink ]
	text-indent: <length> | <percentage>
	text-transform: none | capitalize | uppercase | lowercase	
	visibility:hidden;
	white-space:nowrap;
	width:735px;
	word-spacing: <value>     normal | <length>

