/*  */
	/* General styles */
	body {
	margin:0;
	padding:0;
	border:0;
	width:100%;
	background:  #33CC00;
	min-width: 600px;
	font-size: 90%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	}
	a {
	color: #900
	margin: 0px;
	padding: 0px;
	}
	a:hover {
		color:#fff;
		background:#369;
		text-decoration:none;
	}
	h1, h2, h3, h4 {
		margin: .8em 0 .2em 0;
		padding: 0;
		color: #336
	}
	p {
		margin:.4em 0 .8em 0;
		padding:0;
	}
	img {
	margin: 10px 0 5px;
	border: 0px;
	}
	/* Header styles */
	#header {
		clear: both;
		float: left;
		width: 100%;
	}
	#header {
		border-bottom:2px solid #000;
		background: url(images/blue_header.jpg);
		
	}
	#header p,
	#header h1,
	#header h2,
	#header h3 {
		padding: .4em 15px 0 15px;
		margin: 0;
		color: white;
		font-weight: bold;
	}
	#header ul {
		
		
		width:100%;
		list-style:none;
		margin:10px 0 0 0;
		padding:0;
		
	}
	#header ul li {
		display:inline;
		list-style:none;
		margin:0;
		padding:0;
		
	}
	#header ul li a {
		display:block;
		float:left;
		margin:0 0 0 1px;
		padding:3px 10px;
		text-align:center;
		background:#eee;
		color:#000;
		text-decoration:none;
		position:relative;
		left:15px;
		line-height:1.3em;
		background: url(images/bgOFF.gif) repeat-x top left;
	}
	#header ul li a:hover {
		background:#369;
		color:#fff;
		background:transparent url(images/bgON.gif) repeat-x top left;
	}
	#header ul li a.active,
	#header ul li a.active:hover {
		color:#fff;
		background:#000;
		font-weight:bold;
	}
	#header ul li a span {
		display:block;
	}
	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background: #eee;
		background: url(images/fadestrip2.png)
		border-top: 4px solid #000;
		margin: 0;
		padding: 6px 15px !important;
		text-align: right;
	}
	/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			/* width of page */
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;
	overflow:hidden;
	border-right: 3px;
	border-left: 3px;
	}
	/* 3 Column settings */
	.threecol {
		background:#eee;
		background-repeat: url(images/lgrey011.jpg);
		/* right column background colour */
	}
	.threecol .colmid {
		right:25%;			/* width of the right column */
		background:#fff;		/* center column background colour */
	}
	.threecol .colleft {
		right:50%;			/* width of the middle column */
		background:#f4f4f4;	/* left column background colour */
	}
	.threecol .col1 {
		width:46%;			/* width of center column content (column width minus padding on either side) */
		left:102%;			/* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:21%;			/* Width of left column content (column width minus padding on either side) */
		left:31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
		width:21%;			/* Width of right column content (column width minus padding on either side) */
		left:85%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}
	/* Footer styles */
	#footer {
	clear: both;
	float: left;
	width: 100%;
	border-top: 2px solid #000;
	background: url(images/blue_header.jpg);
	color: #ffffff;
	}
	#footer p {
		padding: 10px;
		margin: 0;
		color: white;
	}
	#footer a{
		color: #FFFFFF
	}
	
.imgLeft {
    display: block;
    float: left;
    padding: 5px;
	margin: 5px;
}

.imgRight {
	display: block;
	float: right;
	padding: 5px;
	margin: 5px;
}
.img-shadow {
  float:left;
  background: url(images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  } 

  .rainbow {
	background: transparent;
	display: block;
	position: relative;
	height: 1px;
	overflow: hidden;
	z-index: 4;
	}

	.rainbow span {
		position: absolute;
		top: 0;
		left: 1px;
		display: block;
		xwhite-space: nowrap;
		}
	
	a .rainbow span { /* For within floated elements. */
		white-space: nowrap; 
		}

.rainbows-highlight {
	color: #fff !important;
	display: block;
	position: absolute;
	top: -1px;
	left: 0px;
	z-index: 2;
	}

.rainbows-shadow {
	color: #000 !important;
	display:block;
	position: absolute;
	top: 1px;
	left: 2px; /* can be one or two depending on 90 or 135 degree global light */
	z-index: 3;
	}

.back .text .rainbows-shadow {
	color: #fff !important;
	opacity: 0.3;
	}