#container
{
 margin: 1em 5%;
background-color: #FFF;
background-repeat: repeat-y;
border: 1px solid #333;
background-position: right; /* ADD THIS RULE */
}

#top
{
color:white;
padding: .7em;
background-color: #993333;
border-bottom: 5px solid black;
}

#top h1
{
padding: 0;
margin: 0;
 font-family: Georgia; 
}
#top h2
{
padding: 0;
margin: 0;
font-variant: small-caps;
}

#top p
{
padding: 0;
margin: 0;
float:right;
}

#front_content
{
background-color:#FFFFE5;
padding: 1.5em 3em 5em 3em;
}

#front_content li { padding: .5em; }

 .nifty_box
{background-color:white;
border:#9B0022 1px solid;
padding:1em;
margin:1em;
}


 .box
{background-color:white;
border:#9B0022 1px solid;
padding:1em;
margin:1em;
}

#box_left{
	float:left;
	width:45%;
	margin-bottom:10em;
}
#box_right{
	width:45%;
	float:right;
	padding-left:2em;
	margin-bottom:10em;
}


/* set the image to use and establish the lower-right position */ .cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2{color:white; background: transparent url(../images/img.php.png) no-repeat bottom right} .cssbox{ /* intended total box width - padding-right(next) */ width:335px !important; /* IE Win = width - padding */ width: 320px; /* the gap on the right edge of the image (not content padding) */ padding-right:15px; /* use to position the box */ margin:20px auto} /* set the top-right image */ .cssbox_head{background-position:top right; /* pull the right image over on top of border */ margin-right:-15px; /* right-image-gap + right-inside padding */ padding-right:40px} /* set the top-left image */ .cssbox_head h2{ background-position:top left; margin:0; /* reset main site styles*/ border:0; /* ditto */ /* padding-left = image gap + interior padding ... no padding-right */ padding:25px 0 15px 40px; height:auto !important; height:1%} /* IE Holly Hack */ /* set the lower-left corner image */ .cssbox_body{ background-position:bottom left; margin-right:25px; /* interior-padding right */ padding:15px 0 15px 40px} /* mirror .cssbox_head right/left */.cssbox_body a{color:white;}