body {
background: #330;
font-family: 'goudy old style', garamond, 'times new roman', serif;
}

#container {
width: 850px;
/width: 860px;
w/idth: 850px;
margin: 10px;
margin-left: auto;
margin-right: auto;
padding: 10px;
background: #fff;  /*#ffefa5*/
border: .4em double #360;
font-size: 1em;
}
#banner {
padding: 5px;
background-color: #ffc;
color: #330;
text-align: center;
font-size: 2.5em;
font-weight: 900;
font-variant: small-caps;
border: .2em ridge #360;
}

#left {
float: left;
height: 100%;
width: 175px;
/width: 185px;
w/idth: 175px;
margin: 10px 5px 10px 0px;
padding: 1em;
background: #ffe;
}

#right {
float: right;
width: 60%;
/width: 65%;
w/idth: 60%;
padding: 1em;
background: transparent;
}

.example {
float: right; 
width: 60%;
/width: 60%;
w/idth: 60%;
padding: 1em;
background: #fff;
margin: 5px;
border: 1px 3px 3px 1px outset #666;
}

.example p {
font: .8em 300 "Courier New", Courier, monospace;
color: #000;
} 
 
.example h4 {
font: .8em/2em 400 "Courier New", Courier, monospace;
color: black;
}
.example h3 { 
font-family: 'Apple Chancery' 'Lucida Handwriting Italic' fantasy;
color: #000;
}

ul {
list-style-type: square;
}

a {
text-decoration: none;
font-weight:700;
color: #030;
}

#cleardiv {
clear: both;
}

#footer {
clear: both;
padding: 5px;
margin-top: 5px;
background-color:#ffc;
font-size: 1em;
border-top: 1px solid #300;
}















