@charset "utf-8";
/* New Home Page CSS */

#headlines { width: 560px; margin-top: 10px; }

.colLeft { float: left; width: 340px; }
#headlines ul { margin-left: 10px; padding-left: 0; }
#headlines ul li { padding-bottom: 4px; }
.bigger { font-size: 1.3em; padding-bottom: 10px; }

.colRight { float: right; width: 200px; }


/* Start Box 1 */

.boxContainer { width: 200px; }	

#boxBody ul li { list-style: none; }
	
.box, .boxBody, .boxHead, .boxHead h4 {
    background: transparent url(/art/box.png) no-repeat bottom right; 
} 


.box { 
    width: 200px !important; /* intended total box width - padding-right(next) */
    width: 185px; /* IE Win = width - padding */
    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
    margin: auto;  /* use to position the box */ 
} 


/* set the top-right image */ 
.boxHead { 
    background-position: top right; margin-right: -15px; /* pull the right image over on top of border */
    padding-right: 25px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
.boxHead h4 { 
    background-position: top left; 
    margin: 0; /* reset main site styles*/ 
    border: 0; /*  */ 
    padding: 13px 0 5px 25px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important; height: 1%; /* IE */ 
} 

/* set the lower-left corner image */ 
.boxBody { 
    background-position: bottom left; 
    margin-right: 10px; /* interior-padding right */ 
    padding: 1px 0 10px 25px; /* mirror .boxHead right/left */ 
} 

.boxBody ul { margin-left: 0; margin-top: 10px; padding-left: 0;  }
.boxBody ul li { list-style: none; }

		
/* End Box 1 */


/* Start Box 2 */

.boxContainer2 { width: 340px; }

#boxBody2 ul li { list-style: none; }
	
.box2, .boxBody2, .boxHead2, .boxHead2 h4 {
    background: transparent url(/art/box.png) no-repeat bottom right; 
} 


.box2 { 
    width: 340px !important; /* intended total box width - padding-right(next) */
    width: 325px; /* IE Win = width - padding */
    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
    margin: auto;  /* use to position the box */ 
} 


/* set the top-right image */ 
.boxHead2 { 
    background-position: top right; margin-right: -15px; /* pull the right image over on top of border */
    padding-right: 25px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
.boxHead2 h4 { 
    background-position: top left; 
    margin: 0; /* reset main site styles*/ 
    border: 0; /*  */ 
    padding: 13px 0 5px 25px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important; height: 1%; /* IE */ 
} 

/* set the lower-left corner image */ 
.boxBody2 { 
    background-position: bottom left; 
    margin-right: 10px; /* interior-padding right */ 
    padding: 1px 0 10px 25px; /* mirror .boxHead right/left */ 
} 

.boxBody2 ul { margin-left: 0; margin-top: 10px; padding-left: 0;  }
.boxBody2 ul li { list-style: none; }

		
/* End Box 2 */


/* Start Box 3 */

.boxEmpty, .boxEmpty2, .boxBodyEmpty, .boxHeadEmpty, .boxHeadEmpty h6 {
    background: transparent url(/art/box-nofill.png) no-repeat bottom right; 
} 

.boxEmpty { 
    width: 340px !important; /* intended total box width - padding-right(next) */
    width: 340px; /* IE Win = width - padding */
    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
    margin: auto;  /* use to position the box */ 
} 

.boxEmpty2 { 
    width: 260px !important; /* intended total box width - padding-right(next) */
    width: 245px; /* IE Win = width - padding */
    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
    margin: auto;  /* use to position the box */ 
} 

/* set the top-right image */ 
.boxHeadEmpty { 
    background-position: top right; margin-right: -15px; /* pull the right image over on top of border */
    padding-right: 25px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
.boxHeadEmpty h6 { 
    background-position: top left; 
    margin: 0; /* reset main site styles*/ 
    border: 0; /*  */ 
    padding: 13px 0 5px 25px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important; height: 1%; /* IE */ 
} 

/* set the lower-left corner image */ 
.boxBodyEmpty { 
    background-position: bottom left; 
    margin-right: 10px; /* interior-padding right */ 
    padding: 1px 0 10px 25px; /* mirror .boxHead right/left */ 
} 


.boxBodyEmpty ul { margin-left: 15px; margin-top: 10px; padding-left: 0;  }

.boxBodyEmpty p { margin-top: 0; margin-bottom: 10px; }
		
/* End Box 3 */


.boxBodyEmpty h5 { margin: 0; padding-left: 8px; }

.boxContainer p { margin: 0 0 8px 0; }