/************************************************************************/
/*** Section Article with rounded corners (use over white background) ***/
/************************************************************************/
/* set the image to use and establish the lower-right position */ 
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 { 
background: transparent url(../images/rounded-corner-white-bg.gif) no-repeat bottom right; 
} 
.cssbox { 
width: 335px !important; /* intended total box width - padding-right(next) */ 
width: 320px; /* IE Win = width - padding */ 
padding-right: 15px; /* the gap on the right edge of the image (not content padding) */ 
margin: 20px auto; /* use to position the box */ 
}

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

/* set the top-left image */ 
.cssbox_head h2 {
background-position: top left; 
margin: 0; /* reset main site styles*/ 
border: 0; /* ditto */ 
padding: 20px 0 0 20px; /* padding-left = image gap + interior padding ... no padding-right */ 
height: auto !important; 
height: 1%; /* IE Holly Hack */ 
}

/* set h2's class to this in order to hide it without losing top-left corner of image */
.cssbox_head h2.cssbox_hideheader { 
/*background-position: top left; */
margin: 0; /* reset main site styles*/ 
border: 0; /* ditto */ 
padding: 15px 0 0px 0px; /* set padding to 0 so header does not show up */ 
height: 0px;  
} 

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


/****************************************/
/*** Home Page Boater Welcome Section ***/
/****************************************/
/* set the image to use and establish the lower-right position */ 
.cssbox_home_boater_welcome, .cssbox_home_boater_welcome_body, .cssbox_home_boater_welcome_head, .cssbox_home_boater_welcome_head h2 { 
background: transparent url(../images/rounded-corner-boater-wel.jpg) no-repeat bottom right; 
}
.cssbox_home_boater_welcome { 
width: 360px !important; /* intended total box width - padding-right(next) */ 
width: 345px; /* IE Win = width - padding */ 
padding-right: 15px; /* the gap on the right edge of the image (not content padding) */ 
margin: 10px 10px 10px 0px; /* use to position the box */ 
}

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

/* set the top-left image */ 
.cssbox_home_boater_welcome_head h2 {
background-position: top left; 
margin: 0; /* reset main site styles*/ 
border: 0; /* ditto */ 
padding: 222px 0 0 20px; /* padding-left = image gap + interior padding ... no padding-right */ 
height: auto !important; 
height: 1%; /* IE Holly Hack */ 
}

/* set h2's class to this in order to hide it without losing top-left corner of image */
.cssbox_home_boater_welcome_head h2.cssbox_home_boater_welcome_hideheader { 
/*background-position: top left; */
margin: 0; /* reset main site styles*/ 
border: 0; /* ditto */ 
padding: 15px 0 0px 0px; /* set padding to 0 so header does not show up */ 
height: 0px;  
} 

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


/*************************/
/*** Home Page Section ***/
/*************************/
/* set the image to use and establish the lower-right position */ 
.cssbox_home_narrow, .cssbox_home_narrow_body, .cssbox_home_narrow_head, .cssbox_home_narrow_head h2 { 
background: transparent url(../images/rounded-corner-blue-bg.gif) no-repeat bottom right; 
}
.cssbox_home_narrow { 
width: 281px !important; /* intended total box width - padding-right(next) */ 
width: 266px; /* IE Win = width - padding */ 
padding-right: 15px; /* the gap on the right edge of the image (not content padding) */ 
margin: 10px 10px 10px 0px; /* use to position the box */ 
}

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

/* set the top-left image */ 
.cssbox_home_narrow_head h2 {
background-position: top left; 
margin: 0; /* reset main site styles*/ 
border: 0; /* ditto */ 
padding: 20px 0 0 20px; /* padding-left = image gap + interior padding ... no padding-right */ 
height: auto !important; 
height: 1%; /* IE Holly Hack */ 
}
h2.extra-attention {
font-size:30px;
font-weight:normal;
text-align:center;
}

/* set h2's class to this in order to hide it without losing top-left corner of image */
.cssbox_home_narrow_head h2.cssbox_home_narrow_hideheader { 
/*background-position: top left; */
margin: 0; /* reset main site styles*/ 
border: 0; /* ditto */ 
padding: 15px 0 0px 0px; /* set padding to 0 so header does not show up */ 
height: 0px;  
}

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


/**************************************************************************/
/*** Full width Article with rounded corners (use over blue background) ***/
/**************************************************************************/
/* set the image to use and establish the lower-right position */ 
.cssbox_page_article, .cssbox_page_article_body, .cssbox_page_article_head, .cssbox_page_article_head h2 { 
background: transparent url(../images/rounded-corner-blue-bg.gif) no-repeat bottom right; 
}

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

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

/* set the top-left image */ 
.cssbox_page_article_head h2 {
background-position: top left; 
margin: 0; /* reset main site styles*/ 
border: 0; /* ditto */ 
padding: 20px 0 0 20px; /* padding-left = image gap + interior padding ... no padding-right */ 
height: auto !important; 
height: 1%; /* IE Holly Hack */ 
}

/* set h2's class to this in order to hide it without losing top-left corner of image */
.cssbox_page_article_head h2.cssbox_hideheader { 
/*background-position: top left; */
margin: 0; /* reset main site styles*/ 
border: 0; /* ditto */ 
padding: 15px 0 0px 0px; /* set padding to 0 so header does not show up */ 
height: 0px;  
} 

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