.top-left_68, .top-right_68, .bottom-left_68, .bottom-right_68 { 
	background-image: url('../images/layout/corners_1280x68.png'); /* CHANGE: path and name of your image */
	height: 34px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image)*/
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	z-index: 1;
/*	visibility: hidden;	/* */
}

.top-left_68, .bottom-left_68 { 
	margin-right: 34px; /* CHANGE: replace by the width of one of your corners */
}

.top-right_68, .bottom-right_68 { 
	margin-left: 34px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -34px;  /* CHANGE: replace by the height of one of your corners */
}

.top-right_68 {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
}

.bottom-left_68 { 
	background-position: 0 -34px;    /* CHANGE: replace second number by negative height of one of your corners */
}

.bottom-right_68 { 
	background-position: 100% -34px; /* CHANGE: replace second number by negative height of one of your corners */
}

.top-content_68, bottom-content_68 {
	height: 34px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) - padding defined below */
	padding-top: 6px;	/* YCC: The spacing around the content */
	color: white;		/* YCC: default text-color of the content */
	font-size: normal;  /* YCC: default font-size of the content */
	font-weight: bold;	/* YCC: default font-weight of the content */
	text-align: center;	/* YCC: default text-alignment of the content */
	z-index: 2;			/* DNC: creates overlap effect */
	width: 100%;		/* DNC: position content completely over the top background image */
	position: relative;	
}

/* This hack allows non-IE browsers to size correctly because of IE's box model issue */
html > body .top-content_68, bottom-content_68 {
	height: 28px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) - padding defined below */
}

.top-content_68 {
	margin-bottom: -34px;	/* CHANGE: replace by the height of one of your corners */
}

.bottom-content_68 {
	margin-top: -34px;	/* CHANGE: replace by the height of one of your corners */
}

.inside_68 {
	border-left: 1px solid #4847A4; /* YCC: color & properties of the left-borderline */
	border-right: 1px solid #4847A4;/* YCC: color & properties of the right-borderline */
	background: #ffffff;            /* YCC: background-color of the inside */
	color: #000000;                 /* YCC: default text-color of the inside */
	padding-left: 10px;             /* YCC: all texts at some distance of the left border */
	padding-right:10px;             /* YCC: all texts at some distance of the right border */
	text-align: center;				/* YCC: default text-alignment of the content */
	z-index: 1;
}

.notopgap    { margin-top: 0; }    /* DNC: to avoid splitting of the box */
.nobottomgap { margin-bottom: -1px; padding-bottom: 1px; } /* DNC: to avoid splitting of the box */

.top-left, .top-right, .bottom-left, .bottom-right { 
	background-image: url('../images/layout/corners_1280x34.png'); /* CHANGE: path and name of your image */
	height: 17px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image)*/
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	z-index: 1;
}

.top-left, .bottom-left { 
	margin-right: 17px; /* CHANGE: replace by the width of one of your corners */
}

.top-right, .bottom-right { 
	margin-left: 17px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -17px;  /* CHANGE: replace by the height of one of your corners */
}

.top-right {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
}

.bottom-left  { 
	background-position: 0 -17px;    /* CHANGE: replace second number by negative height of one of your corners */
}

.bottom-right { 
	background-position: 100% -17px; /* CHANGE: replace second number by negative height of one of your corners */
}

.inside {
	border-left: 1px solid #4847A4; /* YCC: color & properties of the left-borderline */
	border-right: 1px solid #4847A4;/* YCC: color & properties of the right-borderline */
	background: #4847A4;            /* YCC: background-color of the inside */
	color: #ffffff;                 /* YCC: default text-color of the inside */
	padding-left: 10px;             /* YCC: all texts at some distance of the left border */
	padding-right:10px;             /* YCC: all texts at some distance of the right border */
	text-align: center;				/* YCC: default text-alignment of the content */
}