@import url(/static/icons.css);

ul.split, ul#split li{margin:0;padding:0;list-style:none}
div.box{float:left;width:100%;margin:0 0 8px 0}
div.box > h3{font: normal 100%/1.3 Verdana,sans-serif; margin:0;padding: 2px 8px 2px;color: #000;}

ul.split ol,ul.split ul{margin-top:0;margin-bottom:0;padding-top:5px;padding-bottom:5px;list-style-type: disc}
ul.split p,ul.split h4,ul.split blockquote{margin:0;padding:0;padding-top:5px;padding-bottom:5px;}

/*ul.split h3 {background: #d8dcc8}; }
/*ul.split li div{background: #e1e6d1;}*/

h3 { font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; }

div.box > h3 { background-repeat: no-repeat; background-position: top; font-size: 14px; color: #797c80; }
div.box {  background-position: bottom; }
div.box > div { padding:0px 8px 5px}
div.box > div { padding:4px 12px 9px}

.columns { width: 960px; margin: 0 auto; }
.column-1of2 { float: left; width: 470px; margin:0 5px; }
.column-1of3 { float: left; width: 310px; margin:0 5px; }
.column-2of3 { float: left; width: 630px; margin:0 5px; }


.column-1of2 div.box { background-image: url(/static/images/470_middlebottom.png); }
.column-1of2 div.box > h3 { background-image: url(/static/images/470_top.png); }

.column-1of3 div.box { background-image: url(/static/images/310_middlebottom.png); }
.column-1of3 div.box > h3 { background-image: url(/static/images/310_top.png); }

.column-2of3 div.box { background-image: url(/static/images/630_middlebottom.png); }
.column-2of3 div.box > h3 { background-image: url(/static/images/630_top.png); }