/*thanks to Ryan Thrash at http://modxcms.com/simple-rounded-corner-css-boxes.html */

/* set the image to use and establish the lower-right position */ 
#sidebarposition {
	position: relative;
	left: -20px;
	}

.sidebar, .sidebarbody, .sidebarhead, .sidebarhead h3 {
    background: url(../admin/images/BG-SponsorBox.png) no-repeat bottom right; 
	} 

.sidebar {
    width: 160px !important; /* intended total box width - padding-right(next) */
    width: 160px; /* IE Win = width - padding */
    margin: 0; /* use to position the box */ 
	} 

/* set the top-right image */ 
.sidebarhead { 
    background-position: top right; 
    padding-right: 20px; /* right-image-gap + right-inside padding */
	text-align: left;
	} 

/* set the top-left image */ 
.sidebarhead h3 {
	color: #1e3054;
	font-weight: bold;
	font-size: 12px;
    background-position: top left; 
    margin: 0; /* reset main site styles*/ 
    border: 0; /* ditto */ 
    padding: 10px 0px 15px 12px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important; height: 1%; /* IE Holly Hack */ 
	} 

/* set the lower-left corner image */ 
.sidebarbody { 
    background-position: bottom left; 
    margin-right: 10px; /* move the ul to the left to expose background*/
    padding: 0px 0px 10px 10px; 
	} 

.sidebarbody ul {
	padding: 0px;
	margin: 0px;
	width: 140px;
	text-align: center;
	list-style-type: none;
	}

.sidebarbody li {
	display: inline;
	padding: 0px;
	margin: 0px;
	}