/* set the image to use and establish the lower-right position */
.homepagebox
{
 position:relative;
}

.homepagebox, .homepagebox .body, .homepagebox .head, .homepagebox .head h2 {
    background: transparent url(/css11/box/header/homepagebox.png) no-repeat bottom right;
    margin: 0;
    padding: 0; 
}

.homepagebox {
    padding-right: 8px;       /* the gap on the right edge of the image (not content padding) */
    margin: 11px auto;         /* use to position the box */
}

/* set the top-right image */
.homepagebox .head {
    background-position: top right;
    margin-right: -8px;       /* pull the right image over on top of border */
    padding-right: 12px;       /* right-image-gap + right-inside padding */
}

/* set the top-left image */
.homepagebox .head h2 {
    background-position: top left;
    margin: 0;                 /* reset */
    border: 0;                 /* reset */
    padding: 6px 0 8px 12px; /* padding-left = image gap + interior padding ... no padding-right */
    height: auto !important; 
    height: 1%;                /* IE Holly Hack */
    text-transform: uppercase;
}

/* set the lower-left corner image */
.homepagebox .body {
    background-position: bottom left;
    margin-right: 6px;        /* interior-padding right */
    padding: 8px 0 8px 12px; /* mirror .homepagebox .head right/left */
}


/* Misc Text formatting */
.homepagebox .head h2 {
    color: white;
    font-weight: bold;
    font-size: 123.1%;
}
.homepagebox .body p {
    margin: 0 0 11px;
}



/* set the image to use and establish the lower-right position */
.bluebox
{
 position:relative;
}

.bluebox, .bluebox .body, .bluebox .head, .bluebox .head h2 {
    background: transparent url(/css11/box/header/bluebox.png) no-repeat bottom right;
    margin: 0;
    padding: 0; 
}

.bluebox {
    padding-right: 8px;       /* the gap on the right edge of the image (not content padding) */
    margin: 11px auto;         /* use to position the box */
}

/* set the top-right image */
.bluebox .head {
    background-position: top right;
    margin-right: -8px;       /* pull the right image over on top of border */
    padding-right: 12px;       /* right-image-gap + right-inside padding */
}

/* set the top-left image */
.bluebox .head h2 {
    background-position: top left;
    margin: 0;                 /* reset */
    border: 0;                 /* reset */
    padding: 6px 0 8px 12px; /* padding-left = image gap + interior padding ... no padding-right */
    height: auto !important; 
    height: 1%;                /* IE Holly Hack */
    text-transform: uppercase;
}

/* set the lower-left corner image */
.bluebox .body {
    background-position: bottom left;
    margin-right: 6px;        /* interior-padding right */
    padding: 8px 0 8px 12px; /* mirror .bluebox .head right/left */
}


/* Misc Text formatting */
.bluebox .head h2 {
    color: white;
    font-weight: bold;
    font-size: 123.1%;
}
.bluebox .body p {
    margin: 0 0 11px;
}









/* set the image to use and establish the lower-right position */
.leftsidebarbox
{
 position:relative;
}

.leftsidebarbox, .leftsidebarbox .body, .leftsidebarbox .head, .leftsidebarbox .head h2 {
    background: url(/css11/box/header/leftsidebarbox.png) no-repeat bottom right;
    margin: 0;
    padding: 0; 
}

.leftsidebarbox {
    padding-right: 8px;       /* the gap on the right edge of the image (not content padding) */
}

/* set the top-right image */
.leftsidebarbox .head {
    background-position: top right;
    margin-right: -8px;       /* pull the right image over on top of border */
    padding-right: 12px;       /* right-image-gap + right-inside padding */
}

/* set the top-left image */
.leftsidebarbox .head h2 {
    background-position: top left;
    margin: 0;                 /* reset */
    border: 0;                 /* reset */
    padding: 6px 0 8px 12px; /* padding-left = image gap + interior padding ... no padding-right */
    height: auto !important; 
    height: 1%;                /* IE Holly Hack */
}

/* set the lower-left corner image */
.leftsidebarbox .body {
    background-position: bottom left;
    margin-right: 6px;        /* interior-padding right */
    padding: 0px 0 8px 12px; /* mirror .leftsidebarbox .head right/left */
}


/* Misc Text formatting */
.leftsidebarbox .head h2 {
    color: white;
    font-weight: bold;
    font-size: 93%;
    margin-top:0px;
    padding-top:3px;
}

.leftsidebarbox .body p {
    margin: 0 0 11px;
}

/* set the image to use and establish the lower-right position */
.rightsidebarbox
{
 position:relative;
}

.rightsidebarbox, .rightsidebarbox .body, .rightsidebarbox .head, .rightsidebarbox .head h2 {
    background: url(/css11/box/header/rightsidebarbox.png) no-repeat bottom right;
    margin: 0;
    padding: 0; 
}

.rightsidebarbox {
    padding-right: 8px;       /* the gap on the right edge of the image (not content padding) */
}

/* set the top-right image */
.rightsidebarbox .head {
    background-position: top right;
    margin-right: -8px;       /* pull the right image over on top of border */
    padding-right: 12px;       /* right-image-gap + right-inside padding */
}

/* set the top-left image */
.rightsidebarbox .head h2 {
    background-position: top left;
    margin: 0;                 /* reset */
    border: 0;                 /* reset */
    padding: 6px 0 8px 12px; /* padding-left = image gap + interior padding ... no padding-right */
    height: auto !important; 
    height: 1%;                /* IE Holly Hack */
}

/* set the lower-left corner image */
.rightsidebarbox .body {
    background-position: bottom left;
    margin-right: 6px;        /* interior-padding right */
    padding: 0px 0 8px 12px; /* mirror .rightsidebarbox .head right/left */
}


/* Misc Text formatting */
.rightsidebarbox .head h2 {
    color: white;
    font-weight: bold;
    font-size: 93%;
    margin-top:0px;
    padding-top:3px;
}

.rightsidebarbox .body p {
    margin: 0 0 11px;
}








/* set the image to use and establish the lower-right position */
.centerbox
{
 position:relative;
}

.centerbox, .centerbox .body, .centerbox .head, .centerbox .head h2 {
    background: url(/css10/box/header/centerboxbigger.png) no-repeat bottom right;
    margin: 0;
    padding: 0; 
}

.centerbox {
    padding-right: 8px;       /* the gap on the right edge of the image (not content padding) */
}

/* set the top-right image */
.centerbox .head {
    background-position: top right;
    margin-right: -8px;       /* pull the right image over on top of border */
    padding-right: 12px;       /* right-image-gap + right-inside padding */
}

/* set the top-left image */
.centerbox .head h2 {
    background-position: top left;
    margin: 0;                 /* reset */
    border: 0;                 /* reset */
    padding: 6px 0 8px 12px; /* padding-left = image gap + interior padding ... no padding-right */
    height: auto !important; 
    height: 1%;                /* IE Holly Hack */
}

/* set the lower-left corner image */
.centerbox .body {
    background-position: bottom left;
    margin-right: 6px;        /* interior-padding right */
    padding: 0px 0 8px 12px; /* mirror .centerbox .head right/left */
}


/* Misc Text formatting */
.centerbox .head h2 {
    color: white;
    font-weight: bold;
    font-size: 93%;
    margin-top:0px;
    padding-top:3px;
}

.centerbox .body p {
    margin: 0 0 11px;
}




/* set the image to use and establish the lower-right position */
.softbluebox
{
 position:relative;
}

.softbluebox, .softbluebox .body, .softbluebox .head, .softbluebox .head h2 {
    background: url(/css10/box/header/softbluebox.png) no-repeat bottom right;
    margin: 0;
    padding: 0; 
}

.softbluebox {
    padding-right: 8px;       /* the gap on the right edge of the image (not content padding) */
}

/* set the top-right image */
.softbluebox .head {
    background-position: top right;
    margin-right: -8px;       /* pull the right image over on top of border */
    padding-right: 12px;       /* right-image-gap + right-inside padding */
}

/* set the top-left image */
.softbluebox .head h2 {
    background-position: top left;
    margin: 0;                 /* reset */
    border: 0;                 /* reset */
    padding: 6px 0 8px 12px; /* padding-left = image gap + interior padding ... no padding-right */
    height: auto !important; 
    height: 1%;                /* IE Holly Hack */
}

/* set the lower-left corner image */
.softbluebox .body {
    background-position: bottom left;
    margin-right: 6px;        /* interior-padding right */
    padding: 0px 0 8px 12px; /* mirror .softbluebox .head right/left */
}


/* Misc Text formatting */
.softbluebox .head h2 {
    color: white;
    font-weight: bold;
    font-size: 93%;
    margin-top:0px;
    padding-top:3px;
}

.softbluebox .body p {
    margin: 0 0 11px;
}



/* set the image to use and establish the lower-right position */
.nonebox
{
 position:relative;
}

.nonebox, .nonebox .body, .nonebox .head, .nonebox .head h2 {
  background: url(/css10/box/header/nonebox.png) no-repeat bottom right;
  margin: 0;
  padding: 0; 
}

.nonebox {
    padding-right: 8px;       /* the gap on the right edge of the image (not content padding) */
}

/* set the top-right image */
.nonebox .head {
    background-position: top right;
    margin-right: -8px;       /* pull the right image over on top of border */
    padding-right: 12px;       /* right-image-gap + right-inside padding */
}

/* set the top-left image */
.nonebox .head h2 {
    color: white;
    background-position: top left;
    margin: 0;                 /* reset */
    border: 0;                 /* reset */
    padding: 6px 0 8px 12px; /* padding-left = image gap + interior padding ... no padding-right */
    height: auto !important; 
    height: 1%;                /* IE Holly Hack */
}

/* set the lower-left corner image */
.nonebox .body {
    background-position: bottom left;
    margin-right: 6px;        /* interior-padding right */
    padding: 0px 0 8px 12px; /* mirror .nonebox .head right/left */
}


/* Misc Text formatting */
.nonebox .head h2 {
  color: white;
  font-weight: bold;
  font-size: 93%;
  margin-top:0px;
  padding-top:3px;
}

.nonebox .body p {
    margin: 0 0 11px;
}




/* set the image to use and establish the lower-right position */
.smallbluebox
{
 position:relative;
}

.smallbluebox, .smallbluebox .body, .smallbluebox .head, .smallbluebox .head h2 {
  background: url(/css10/box/header/smallbluebox.png) no-repeat bottom right;
  margin: 0;
  padding: 0; 
}

.smallbluebox {
    padding-right: 8px;       /* the gap on the right edge of the image (not content padding) */
}

/* set the top-right image */
.smallbluebox .head {
    background-position: top right;
    margin-right: -8px;       /* pull the right image over on top of border */
    padding-right: 12px;       /* right-image-gap + right-inside padding */
}

/* set the top-left image */
.smallbluebox .head h2 {
    color: white;
    background-position: top left;
    margin: 0;                 /* reset */
    border: 0;                 /* reset */
    padding: 6px 0 8px 12px; /* padding-left = image gap + interior padding ... no padding-right */
    height: auto !important; 
    height: 1%;                /* IE Holly Hack */
}

/* set the lower-left corner image */
.smallbluebox .body {
    background-position: bottom left;
    margin-right: -5px;        /* interior-padding right */
    padding: 0px 0 8px 12px; /* mirror .smallbluebox .head right/left */
}


/* Misc Text formatting */
.smallbluebox .head h2 {
  color: white;
  font-weight: bold;
  font-size: 93%;
  margin-top:0px;
  padding-top:3px;
}

.asmallbluebox .body p {
    margin: 0 0 11px;
}




/* set the image to use and establish the lower-right position */
.brownbox
{
 position:relative;
}

.brownbox, .brownbox .body, .brownbox .head, .brownbox .head h2 {
    background: url(/css10/box/header/brownbox.png) no-repeat bottom right;
    margin: 0;
    padding: 0; 
}

.brownbox {
    padding-right: 8px;       /* the gap on the right edge of the image (not content padding) */
}

/* set the top-right image */
.brownbox .head {
    background-position: top right;
    margin-right: -8px;       /* pull the right image over on top of border */
    padding-right: 12px;       /* right-image-gap + right-inside padding */
}

/* set the top-left image */
.brownbox .head h2 {
    background-position: top left;
    margin: 0;                 /* reset */
    border: 0;                 /* reset */
    padding: 6px 0 8px 12px; /* padding-left = image gap + interior padding ... no padding-right */
    height: auto !important; 
    height: 1%;                /* IE Holly Hack */
}

/* set the lower-left corner image */
.brownbox .body {
    background-position: bottom left;
    margin-right: 6px;        /* interior-padding right */
    padding: 0px 0 8px 12px; /* mirror .brownbox .head right/left */
}


/* Misc Text formatting */
.brownbox .head h2 {
    color: white;
    font-weight: bold;
    font-size: 93%;
    margin-top:0px;
    padding-top:3px;
}

.brownbox .body p {
    margin: 0 0 11px;
}




/* set the image to use and establish the lower-right position */
.smallredbox
{
 position:relative;
}

.smallredbox, .smallredbox .body, .smallredbox .head, .smallredbox .head h2 {
  background: url(/css11/box/header/smallredbox.png) no-repeat bottom right;
  margin: 0;
  padding: 0; 
}

.smallredbox {
    padding-right: 8px;       /* the gap on the right edge of the image (not content padding) */
}

/* set the top-right image */
.smallredbox .head {
    background-position: top right;
    margin-right: -8px;       /* pull the right image over on top of border */
    padding-right: 12px;       /* right-image-gap + right-inside padding */
}

/* set the top-left image */
.smallredbox .head h2 {
    color: white;
    background-position: top left;
    margin: 0;                 /* reset */
    border: 0;                 /* reset */
    padding: 6px 0 8px 12px; /* padding-left = image gap + interior padding ... no padding-right */
    height: auto !important; 
    height: 1%;                /* IE Holly Hack */
}

/* set the lower-left corner image */
.smallredbox .body {
    background-position: bottom left;
    margin-right: -5px;        /* interior-padding right */
    padding: 0px 0 8px 12px; /* mirror .smallredbox .head right/left */
}


/* Misc Text formatting */
.smallredbox .head h2 {
  color: white;
  font-weight: bold;
  font-size: 93%;
  margin-top:0px;
  padding-top:3px;
}

.asmallredbox .body p {
    margin: 0 0 11px;
}



/* set the image to use and establish the lower-right position */
.cleanredbox
{
 position:relative;
}

.cleanredbox, .cleanredbox .body, .cleanredbox .head, .cleanredbox .head h2 {
  background: url(/css10/box/header/cleanredbox.png) no-repeat bottom right;
  margin: 0;
  padding: 0; 
}

.cleanredbox {
    padding-right: 8px;       /* the gap on the right edge of the image (not content padding) */
}

/* set the top-right image */
.cleanredbox .head {
    background-position: top right;
    margin-right: -8px;       /* pull the right image over on top of border */
    padding-right: 12px;       /* right-image-gap + right-inside padding */
}

/* set the top-left image */
.cleanredbox .head h2 {
    color: white;
    background-position: top left;
    margin: 0;                 /* reset */
    border: 0;                 /* reset */
    padding: 6px 0 8px 12px; /* padding-left = image gap + interior padding ... no padding-right */
    height: auto !important; 
    height: 1%;                /* IE Holly Hack */
}

/* set the lower-left corner image */
.cleanredbox .body {
    background-position: bottom left;
    margin-right: -5px;        /* interior-padding right */
    padding: 0px 0 8px 12px; /* mirror .cleanredbox .head right/left */
}


/* Misc Text formatting */
.cleanredbox .head h2 {
  color: white;
  font-weight: bold;
  font-size: 93%;
  margin-top:0px;
  padding-top:3px;
}