#centerpad {padding-top:0px;}

#left p {margin-left:20px;}

.clipinfo  {margin:50px auto; width:70%;}
.clipinfo p {font-size:.87em; padding: 10px; line-height:1.2em;}
.clipinfo div /* block */ {margin:1px auto 1px auto;}

.clipinfo2 {border:1px solid #9eadca; border-radius:5px; background:#fff;}

/*control image spacing*/
.clipartcontent {width:100%; /*max-width:650px;*/ margin:40px 0 20px 0; border:0px solid red;}
.clipartcontent:after {content: " "; display: block; height: 0; clear: both;}
.clipartcontent div {float:left; margin:10px; padding:10px 5px; font-size:80%; min-height:220px;}
.clipartcontent div img {margin:10px auto; display:block;}
.clipartcontent p {clear:both; margin:10px auto;}
.darkclips {background:#000; color:#c0c0c0;}
.darkclips p {padding:10px;}

.wideclipart  {width:100%; /* IE7 */ }
.wideclipart:after {content: " "; display: block; height: 0; clear: both;}
.wideclipart p, .wideclipart div {clear:both; margin:20px; padding:15px; width:85%;  overflow:auto;  font-size:.87em; min-height:50px !important;}
.wideclipart img {margin:10px; padding:10px 0; display:block;}

#backgroundtiles  {width:97%; max-width:625px; margin:2em auto; padding-left:2em;}
#backgroundtiles:after {content: " "; display: block; height: 0; clear: both;}
#backgroundtiles p {float:left; margin:7px; padding:5px;  font-size:80%; min-height:225px; width:150px; border:1px solid #c0c0c0;}
#backgroundtiles img {margin:10px auto; display:block;}

.tile {float:left; margin:7px 1%; padding:2%;  font-size:80%; min-height:225px; width:26%; border:1px solid #c0c0c0;}
.tile img {margin:10px auto; display:block;}
.tooltip {position: absolute; left:0; /* left: IE needs something here or it loads with major side scroller*/}
.preview {height:330px; border: 1px solid #000; font-size: 1em;}
.preview h2 {margin:1em 17em 1em 1em; /* IE7 needs margin instead of width */}
.close {background:#edebd6; color:#000; padding: .3em .7em;  border:solid #7d6340; border-width: 1px 1px 0 1px;}
#preview {width:45%; height:200px; border:1px solid #444; position:relative; padding:30px; font:bold 110% georgia, serif; color:#974;}

/*borders, bars and wide images*/
.clipart2 {float:left; clear:both; margin:20px; padding:5px; width:90%; overflow:auto; display:block; font-size:80%; min-height:50px !important;}
div.clipart2 img {margin:10px; padding:10px 0; display:block;}

.lots {float:left;}
.lots img {margin:10px; padding:20px 0;}

.dark {float:left; background:#000; color:#c0c0c0;  margin:10px; padding:10px 5px; }
.dark p {padding:10px;}
.info2 {font-size:80%; margin:5px auto 25px auto; width:400px;}
.info3 {border:1px solid #b1b17b; background:#f3f3cc; color:#464646; padding: 5px; margin:15px auto 25px auto; width:75%; font-size:88%;  min-height:75px !important;}
.info3 h2 {background:#f3f3cc; color:#515b7c;  width:80%; padding:0; margin:0px;}

.center {width:100%; margin: auto; text-align:center;}
.center img {margin: auto; text-align:center;}

.next {clear:both; text-align:center; background:#fff; color:#974; font-size:130%; padding:20px 0;}
.next li {padding:15px 0;display:inline; }
.next li ul li {display:inline; background:#fff; color:#9897b3; font: 90% arial, sans-serif; padding:0 5px;}
.next a {padding:.1em .5em;}
.nextnav {text-decoration:none; padding:0 7px;}
.next h2 { width:100%; border-bottom:0 !important; font-size:110%;}
.current { color:#9897b3;}

.more {clear:both; padding-top:10px; padding-bottom:20px; width:100%; float:left;}
.more strong {border-bottom:1px solid #7b8caa; font-size:.9em; color:#974; display:block;}
.more ul {list-style:none; float:left; margin:0 5px; width:100%;}
.more li {float:left; margin:3px 1% 3px 0; width:31%; white-space:nowrap;}
.more li {font-size:95%;}
.more li li {float:none; margin-left:-5px;}
.more div {margin:0;}


.smrel, .offsite {width:31%; float:left; clear:none; margin:auto 1%;}
.smrel li, .offsite li {float:none;}
.more a {text-decoration:none; margin-left:2px;}

.offsite ul {margin-bottom:15px; margin-left:-5px;}

.column {float:left; width:100%; }
.row div {float:left; width:45%; margin:10px 0; padding:0 6px; font:1em arial, sans-serif; line-height:1.5em; white-space:nowrap;}
.row div  strong {border-bottom:1px solid #7b8caa; font: italic bold 1em georgia, serif; background:#fff; color:#974; display:block;}
.row div li {float:left; display:inline; margin:0 5px;}

.w300 {width:300px;}
.w325 {width:325px;}
.w350 {width:350px;}
.w375 {width:375px;}
.w400 {width:400px;}
.w425  {width:425px;}
.w450 {width:450px;}

.h50  {min-height:50px !important;}
.h75  {min-height:75px !important;}
.h100  {min-height:100px !important;}
.h125  {min-height:125px !important;}
.h150  {min-height:150px !important;}
.h400  {min-height:400px !important;}


.w100, .w125, .w150, .w175 {width:30%; min-width:125px; margin:10px 1% !important; padding:.5% !important;}
.w200, .w225, .w250, .w275 {width:47%; min-width:200px; border:0px solid red; margin:10px 1% !important; padding:.5% !important;}

.wcenter {width:95%; text-align:center !important;}
.wcenter div, .wcenter p {float:none !important; margin:1% auto !important; text-align:left; font-size:100%;}
.left {text-align:left !important;}
.lu3 strong {margin-bottom:5px;}