body {background-color: yellow;
background-image: url(yellow.JPG);}

a:link {color: purple; size: medium}
a:visited {color: purple; size: medium;}
a:hover {color: orange; size: medium;}
a:active {color: purple; size: medium} 


h1 {position: relative;
Top: 25px;
text-align: center;
color: purple;
Size: large;
background-color:#ccccff;
Border-width:3px;
border-color:orange;
border-style:solid;}

div.container
{width:100%;
margin:0px;
}

div.left
{float:left;
width:20%;
margin:0;
padding:1em;
border-width:3px;
border-color:orange;
border-style:dashed;
}

div.content
{margin-left:20%;
text-align: center;
padding:1em;}

div.content2
{text-align: center;
padding:1em;}

div.content3
{text-align: left;
padding:1em;}

.footer
{text-align:Center;
Background-color:#ccccff;
Border-width:3px;
border-color:orange;
border-style:solid;
}

p.caption
{color:purple;
font-size:0.7em;}

dt
{color:purple;
font-weight:bold;
font-size:1.25em;
}

p
{width:75%;
color:purple;
size:medium;}


h1,h2,p,body,div {color:purple;}

img {border: 3px orange solid}

.center {text-align: center}
.left {text-align: left}