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

/* set the image to use and establish the lower-right position */ 
.cssbox,.cssbox-r, .cssbox-l, .cssbox_body, .cssbox_head, .cssbox-B, cssbox-Lar, .cssbox_head h2 { background: transparent url(images/demobox2.png) no-repeat bottom right; }
.cssbox {
	width: 277px !important; /* intended total box width - padding-right(next) */
	width: 320px; /* IE Win = width - padding */
	padding-right: 15px; /* use to position the box */
	float: left;
 }
 
 .cssbox-r {
	width: 276px !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) */
	float: left; /* use to position the box */
	clear: right;
 } 
 
  .cssbox-l {
	width: 277px !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) */
	float: left; /* use to position the box */
 } 
 
 .cssbox-Lar {
	width: 477px !important; /* intended total box width - padding-right(next) */
	width: 520px; /* IE Win = width - padding */
	padding-right: 15px; /* use to position the box */
	float: left;
 }
 
  .cssbox-B {
	width: 680 !important; /* intended total box width - padding-right(next) */
	width: 72%; /* IE Win = width - padding */
	padding-right: 15px; /* use to position the box */
	/*padding-left: 15px;*/
	float: left;
	margin-left:20px;
 } 
 
 /* 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: 25px 0 15px 40px; /* 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: 1px; /* interior-padding right */
	padding: 15px 20px 15px 40px; /* mirror .cssbox_head right/left */
} 

/* sub navigation */
.sidenav {
	float: right;
	width: 190px;
}
.sidenav h1 {
	background: #BCB39F url(images/sidenavh1.gif) repeat-x;
	border-bottom: 1px solid #999;
	border-top: 1px solid #CCC;
	color: #4A4A44;
	font-size: 1.2em;
	height: 22px;
	margin: 0;
	padding-left: 12px;
}
.sidenav ul {
	margin: 0;
	padding: 0;
}
.sidenav li {
	border-bottom: 1px solid #A98;
	border-top: 1px solid #DDC;
	list-style: none;
}
.sidenav li a {
	background: #CCC3AF;
	color: #554;
	display: block;
	padding: 8px 4px 8px 12px;
	text-decoration: none;
}
.sidenav li a:hover {
	background: #D6CCB9;
	color: #654;
}

div.cornerSamples {
	width            : 200px;
	margin-top       : 8px;
	background-color : #FFFFCC;
	font-family      : Arial;
	font-size        : 11px;
	text-align       : left;
	padding-left:15px;
}