body     { color: #000; font: 12px "Lucida Grande", Geneva, Arial, Verdana, sans-serif; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-align: center; margin: 0; padding: 0 }
table, td {font: 10px 'Lucida Grande', Geneva, Verdana, Arial, sans-serif; color: #000;}

#header {width: 680px; margin: 10px auto; text-align: center;}

#main, #breadcrumb, #footer {width: 680px; margin: 15px auto; text-align: left;}
#main div.column {text-align: left; margin-bottom: 1em;}
#main p {margin: 0 0 1em 0;}
#main p.last {margin: 0;}
#main p.intro {font-weight: bold;}
#main .lite {color: #79767c;}
#main h1 {font-size: 24px; margin: 0 0 .1em 0;}
#main h2 {font-size: 16px; margin: 0;}
#main h3 {font-size: 12px; margin: 0;}
#main h4 {font-size: 10px; margin: 0;}
#main .more {text-align: right;}

#main a.pdf   { background: url("../images/icons/pdf.gif") no-repeat left top; display: block; padding-left: 20px }
#main a.html   { background: url("../images/icons/html.gif") no-repeat left top; display: block; padding-left: 20px }
#main a.qt   { background: url("../images/icons/qt.gif") no-repeat left top; display: block; padding-left: 20px }
#main a.ical   { background: url("../images/icons/ical.gif") no-repeat left top; display: block; padding-left: 20px }
#main a.dl   { background: url("../images/icons/dl.gif") no-repeat left top; display: block; padding-left: 20px }
#main a.dmg   { background: url("../images/icons/dmg.gif") no-repeat left top; display: block; padding-left: 20px }
#main a.zip   { background: url("../images/icons/zip.gif") no-repeat left top; display: block; padding-left: 20px }
#main a.keynote   { background: url("../images/icons/keynote.gif") no-repeat left top; display: block; padding-left: 20px }
#main a.audio   { background: url("../images/icons/audio.gif") no-repeat left top; display: block; padding-left: 20px }

#main .subcolumn1-2 {float: left; width: 330px;}
#main .subcolumn2-2 {float: right; width: 330px;}
#main .subcolumn1-3, #main .subcolumn2-3, #main .subcolumn3-3 {width: 212px; float: left;}
#main .subcolumn1-3, #main .subcolumn2-3 {margin-right: 20px;}

#content {float: left; width: 450px;}

#content .subcolumn1-2 {float: left; width: 215px;}
#content .subcolumn2-2 {float: right; width: 215px;}
#content .subcolumn1-3, #content .subcolumn2-3, #content .subcolumn3-3 {width: 135px; float: left;}
#content .subcolumn1-3, #content .subcolumn2-3 {margin-right: 22px;}

#sidebar {float: right; width: 200px; font: 10px 'Lucida Grande', Geneva, Verdana, Arial, sans-serif;}
#sidebar h2 {font-size: 12px; margin: 0;}
#sidebar h3 {font-size: 11px; margin: 0;}
#sidebar h4 {font-size: 10px; margin: 0;}

#main .box  { margin: 0 0 1.25em; padding: 0 5px 5px; border: solid 1px #a1a5a9 }
#content .box h2  { font-size: 12px; background: #f2f2f2; margin: 0 -5px 5px; padding: 5px; border-bottom: 1px solid #a1a5a9 }
#sidebar .box h2  { font-size: 11px; background: #f2f2f2; margin: 0 -5px 5px; padding: 5px; border-bottom: 1px solid #a1a5a9 }

img.left {float: left; margin: 2px 10px 5px 0; border: 0;}
img.right {float: right; margin: 2px 0 5px 10px; border: 0;}
img.across {margin: 0 0 10px 0; border: 0;}

ul {list-style: none outside; margin: 0; padding: 0 0 1em 0;}
ul.square {list-style: square outside; margin: 0 0 0 16px; padding: 0 0 1em 0;}
ul.circle {list-style: circle outside; margin: 0 0 0 16px; padding: 0 0 1em 0;}
ol {list-style: decimal; margin: 0 0 0 2.8em; padding: 0 0 1em 0;}
li {padding-bottom: .3em;}
ul ul.circle {margin-top: .3em;}
ul ul.square {margin-top: .3em;}

ol.last {padding: 0;}
ul.last {padding: 0;}
dl.last {padding: 0;}

sup {vertical-align: baseline; font-size: 1em; color: #76797c;}

.sosumi {font-size: 10px !important; color: #76797c;}
ol.sosumi {margin-left: 0; padding-left: 1.5em; clear: both;}

#breadcrumb, #footer {text-align: center; clear: both;}
#breadcrumb {clear: both; font-size: 10px; padding: 1em 0;}

#footer {font: 10px 'Lucida Grande', Geneva, Verdana, Arial, sans-serif; border-top: 1px solid #a1a5a9; padding-top: 1em;}
#footer form {margin-bottom: 2em;}
#footer form input {vertical-align: bottom;}

div.clearer {clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px;}