@charset "utf-8";
/* CSS Document */

/* set the image to use and establish the lower-right position */ 
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 {
	background: url(../images/cssimages/bg_cssbox.png) no-repeat right bottom;
} 
.cssboxhead2 {
	font-size: 85%;
	color: #FFFFFF;
	font-weight: bold;
	font-variant: small-caps;
}
.cssboxp {
	font-size: 80%;
	text-align: right;
	color: #003333;
}
.cssboximg {
	float: left;
	padding: 0px 5px 5px 0px;
}
.cssbox {
	width: 100% !important; /* intended total box width - padding-right(next) */
	width: 100%; /* IE Win = width - padding */
	padding-right: 15px; /* use to position the box */
	float: right;
	margin: 0 -35px 0 0px;
	padding-left: 0px;
}

/* 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: 40px; /* 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 10px 30px; /* padding-left = image gap + interior padding ... no padding-right */
	height: auto !important;
	height: 1%; /* IE Holly Hack */
	color: #FFFFFF;
} 

/* set the lower-left corner image */ 
.cssbox_body { 
    background-position: bottom left; 
    margin-right: 10px; /* interior-padding right */ 
  	padding: 10px 0 10px 30px; /* mirror .cssbox_head right/left */ 
} 
/*styling for right column small boxes/*
/* set the image to use and establish the lower-right position */ 
.cssbx_rt_clm, .cssbx_rt_clm_body, .cssbx_rt_clm_head, .cssbx_rt_clm_head h2 {
	background: url(../images/cssimages/bg_cssbox.png) no-repeat right bottom;
} 
.cssbx_rt_clm {
	width: 90% !important; /* intended total bx_rt_clm width - padding-right(next) */
	width: 90%; /* IE Win = width - padding */
	padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
	margin: 0 !important; /* use to position the bx_rt_clm */
	float: left;	
}

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

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

/* set the lower-left corner image */ 
.cssbx_rt_clm_body { 
    background-position: bottom left; 
    margin-right: 10px; /* interior-padding right */ 
  	padding: 10px 0 10px 30px; /* mirror .cssbx_rt_clm_head right/left */ 
} 
/* links */

.cssbox_body ul {
	margin: 0;
	padding: 0;
	list-style: none outside;
	color: #000000;
	font-size: 100%;
}

.cssbox_body li {
	margin-bottom: 5px;

	color: #000000
	font-size: 100%;
	background: url(../images/li_bg.png) no-repeat left center;
	margin-right: 5px;
	padding-left: 15px;
}

.cssbox_body li li {
	margin: 0;
	padding: 5px 0;
	background: url(../images/img06.gif) repeat-x left bottom;
	color:#000000;
}

.cssbox_body h2 {
	margin-bottom: 10px;
	padding-left: 15px;
	text-transform: uppercase;
	background: url(../images/img05.gif) no-repeat left center;
	border-bottom: 1px solid #000000;
	font-size: 100%;
	font-weight: bold;
}

.cssbox_body a {
	background: url(../images/img07.gif) no-repeat 5px 50%;
	text-decoration: none;
	color: #000000;
}

.cssbox_body a:hover {
	text-decoration: underline;
}