body { background-color: rgb(224,210,180); margin: 0px 0px; padding: 0px; text-align: center; }
#wrapper { width: 860px; margin: 0px auto; }
#leftbar { background: url(sidebar.jpg) repeat-y left top; }
#rightbar { background: url(sidebar_r.jpg) repeat-y right top; }
#header { width: 800px; text-align: left; padding: 10px; background-color: white; }
#headerdivider { background-color: green; margin: 0px; height: 10px; }
#leftcolumn { float: left; display: inline; margin: 0; padding: 5px; width: 200px; background-color: beige; border: thin; }
#contentarea { margin-left: 200px; margin-right: 0; margin-bottom: 0; margin-top: 0; padding: 5px; width: 575px; }

p { font-size: 80%; font-family: verdana; }
a { color: navy; text-decoration: none; font-family: verdana; padding: 0px; }
a:hover { color: red; text-decoration: underline; }
ul { font-size: 75%; font-family: verdana; }

div.cardinfo { width: 95%; padding: 7px; border: 1px solid black; }
p.cardtitle { font-size: 120%; color: black; font-weight: 300; }
p.cardcourse { font-size: 100%; color: black; margin-top: -15px; }
p.cardsummary { font-size: 80%; color: black; margin-top: -10px;}
p.cardprice { font-size: 65%; color: black; }