body {
margin-right: 10%;
margin-left: 10%;
background: #CFA;
font: 100% Verdana, Arial, Helvetica, sans-serif;

}

#body {
#background-image: url("");
background-repeat: no-repeat;
background-position: right top;
}



h1 {
font-size: 130%;
color: #333;
margin-left: -1.5em;
border-right: 2px dotted #CCC;
border-bottom: 2px dotted #CCC;
}



h2 {
font-size: 120%;
color: #333;
margin-left: -1em;
border-top: 2px dotted #CCC;
border-bottom: 2px dotted #CCC;
padding-top: 1.5em;
}



p {
border-left: 50px;
}



blockquote {
border-left: 2px dotted #MMM;
padding-left: 2px;
}



blockquote > p {
color: red;
}


#content 2 {
float: left;
padding-bottom: 5px;
padding-left; 5px;
}



#img 3 {
float: center;
padding-bottom: 5px;
padding-left; 5px;
}













#container, #img 10 {
float: right;
background: #FFFFFF;
}






#content #img 12 {
float: left;
padding-right: 10px;
paddinf-bottom: 10px;
}

h2 + p {
margin-top: -15px;
color: blue;
}


div[class=callout] {
font-style: italic;
}


em {
font-style: italic;
}



strong {
font-weight: font-weight: bold;
}



#container {
width: 700px;
background: #FFFFFF;
position: relative;
margin: 0px auto;

}





acronym {
font-style: italic;
border-bottom: 2px dotted #CCC;
}






.callout p {
background: url(insert another .jpg) no-repeat left bottom;
padding-bottom: 8px;
}