/* Some examples of different style rules */

body {background-color: #78DBF0;
        font-family: helvetica, arial, sans-serif;}

/* Green headlines with special font */

h1	{font-family: Comic Sans MS, Helvetica, arial;
	color: #5512cf;
	text-align: center;}

h3 {color: #e60626; font-size: 16px; letter-spacing: 1px;}
h4 {text-align: center; }

/* my paragraph style */

p 	{font-size: 14px;
	color: #000000;
	text-align: left;
	line-height: 150%;
	}

         


/* Try this for effect on your links. */

a:link {color: #b26d0a;
	text-decoration: underline; text-transform: uppercase; font-size: 13px; text-align: center; }

a:visited {color: #b26d0a;
	text-decoration: underline; }

a:hover {color: #195708;
	text-decoration: none; }

a:active {color: #f4a307;  }

/* I can use the div to contain all my page information and have it be in the center of my browser window
I give it a width and the margin information starts at teh top of the page and goes clockwise
10px from the top auto amount from the right no set amount for the bottom or zero and finally an auto amount from the left */

div {width: 900px; 
margin: 10px auto 0 auto;}

img.rt {float: right; margin: 5px 10px 10px 20px; border: solid 3px #C63;}

img.lft {float: left; margin: 5px 20px 10px 0px; border: solid 3px #C63;}