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

.xsnazzy h1, .xsnazzy h2, .xsnazzy p {margin:0 12px; letter-spacing:1px;}
.xsnazzy h1.firstheading {font-size:1.6em; color:#f68b22; padding: 10px 0 15px 0;}
.xsnazzy h1.topfill-heading {font-size:1.6em; font-weight:bold; color:#fff; padding: 0 0 7px 12px; background-color:#f68b22; margin:0; margin-bottom:20px;}
.xsnazzy h1 {font-size:1.6em; color:#f68b22; padding: 25px 0 15px 0;}
.xsnazzy h2 {font-size:1.2em; color:#000;padding-bottom:1em;}
.xsnazzy p {padding-bottom:1em; color:#000; font-size:1.1em;}
.xsnazzy ul {padding-bottom:1em; color:#000; font-size:1.1em;}
.xsnazzy {background: transparent; margin:1em 0;}

/* Below lines of code add the speach bubble effect to the lower border. However, I want to use the SPAN element */
/*.xsnazzy em {display:block; width:0; height:0; color:#d8d8ee; overflow:hidden; border-top:12px solid #fff; border-left:12px dotted transparent; border-right:12px dotted transparent; margin-left:50px;}*/
/* hack for IE5.5 */
/** html .xsnazzy em {width:24px; height:12px; w\idth:0; hei\ght:0;}*/
/*.xsnazzy span {display:block; width:0; height:0; color:#fff; overflow:hidden; border-top:10px solid #7f7f9c; border-left:10px dotted transparent; border-right:10px dotted transparent; margin-left:52px; margin-top:-15px;}*/
/** html .xsnazzy span {width:20px; height:10px; w\idth:0; hei\ght:0;}*/

.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7, .xb4topfill, .xb5topfill, .xb6topfill, .xb7topfill {display:block; overflow:hidden; font-size:0;}
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb4topfill, .xb5topfill, .xb6topfill {height:1px;}
.xb4, .xb5, .xb6, .xb7,  .xb4topfill, .xb5topfill, .xb6topfill, .xb7topfill {background:#ccc; border-left:1px solid #f68b22; border-right:1px solid #f68b22;} /*was #fff white, now orange */

.xb1 {margin:0 8px; background:#f68b22;} /*Forms the top/bottom borders of the box enclosure. was #fff white, now orange*/
.xb2 {margin:0 6px; background:#f68b22;} /*Forms the top/bottom borders of the box enclosure. was #fff white, now orange */
.xb3 {margin:0 4px; background:#f68b22;} /*Forms the top/bottom borders of the box enclosure. was #fff white, now orange */

/* Below background colours can be changed to give the enclosure a solid top and bottom section */
.xb4 {margin:0 3px; background:#fff; border-width:0 5px;} /*Forms the corner horizontal fills of the enclosure. was #fff white */
.xb5 {margin:0 2px; background:#fff; border-width:0 4px;} /*Forms the corner horizontal fills of the enclosure. was #fff white */
.xb6 {margin:0 2px; background:#fff; border-width:0 3px;} /*Forms the corner horizontal fills of the enclosure. was #fff white */
.xb7 {margin:0 1px; background:#fff; border-width:0 3px; height:2px;} /*Forms the corner horizontal fills. was #fff white */


/* STEVE - Created new class selectors below to allow coloured top section for the rounded enclosure */
/* Below background colours can be changed to give the enclosure a solid top and bottom section */
.xb4topfill {margin:0 3px; background:#f68b22; border-width:0 5px;} /*Forms the corner horizontal fills of the enclosure. was #fff */
.xb5topfill {margin:0 2px; background:#f68b22; border-width:0 4px;} /*Forms the corner horizontal fills of the enclosure. was #fff */
.xb6topfill {margin:0 2px; background:#f68b22; border-width:0 3px;} /*Forms the corner horizontal fills of the enclosure was #fff  */
.xb7topfill {margin:0 1px; background:#f68b22; border-width:0 3px; height:2px;} /*Forms the corner horizontal fills. was #fff  */


.xboxcontent {display:block; background:#fff; border:3px solid #f68b22;/*was #fff white, now orange */ border-width:0 3px;}
	 /*-ms-filter: "alpha(opacity=40)";*/	/* IE8 opacity */  /*this MUST preceed IE7 filter for IE8 beta to work. DOES THIS WORK? */
	 /*filter:alpha(opacity=40); */				/* IE7 & IE6 opacity*/
	 /*opacity: 0.8;*/ 										/* Firefox 2+ / CSS3 opacity */