/* CSS Document */


/*blue background box no BORDER */


div.shaded_1 {
	position:relative;  /* # value colours bottom stretch*/
	margin-bottom:15px;
	z-index:1000;
	background-color: #2e4455;
	background-image: url(images/boxes/shaded_b.gif);
	background-repeat: repeat-x;
	background-position: bottom;		/*opacity:.75;*/
}



div.shaded_2 {
	position:relative;
	background:transparent url(images/boxes/shaded_bl.gif) no-repeat bottom left;
}




div.shaded_3 {
	position:relative;
background:transparent url(images/boxes/shaded_br.gif) no-repeat bottom right;
	padding-bottom:10px;
	height:100%;
}




div.shaded_4 {
	position:relative;  /* # value puts in side lines and fills in gap under header */
	background-color: #2e4455;
	background-image: url(images/boxes/shaded_tl_long.gif);
	background-repeat: no-repeat;
	background-position: left top;
}



div.shaded_5 {
	position:relative;
	background:transparent url(images/boxes/shaded_tr_long.gif) no-repeat top right;
}


/* shaded text */

div.shaded_heading {
	position:relative;
	padding:1px 1px 0 1px;
}

div.shaded_heading h2,
div.shaded_heading h3,
div.shaded_heading h4 {
	font-size:100%;
	color:#FFFFFF;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 5px;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	background-color: #2e4455; /* # value puts in the the colour background behind heading text */
	font-weight: bold;
}



div.shaded_text {
	position:relative;  /* # value fills in background colour behind text*/
	padding:10px 5px 0 10px;
	background-color: #2e4455;
	color: #FFFFFF;
}

div.shaded_text h3,
div.shaded_text h4 {
	font-size:90%;
	color:#FFFFFF;
	background:transparent;
	padding:0 0 5px 0;
}



div.shaded_text p {
	color:#FFFFFF;
	padding-top: 0;
	padding-right: 0;
	/* padding-bottom: 5px;  16/7/08  doesn't work in IE7, leaves thick line near bottom */
	 padding-left: 0;  
}

div.shaded_text ul {
	margin:0;
	padding:0;
	list-style-type:none;
	color: #FFFFFF;
}

div.shaded_text li,
div.shaded_text a {
	color:#FFFFFF;
	margin-bottom:0;
/*	padding-bottom:7px; 16/7/08   doesn't work in IE7, leaves thick line near bottom */
}


/*   grey background and grey border */
/*grey background box WITH BORDER */


div.grey_1 {
	position:relative;
background:#ecf2f2 url(images/boxes/grey_b.gif) repeat-x bottom;  /* # value colours bottom stretch*/
	margin-bottom:15px;
	z-index:1000;
		/*opacity:.75;*/
}



div.grey_2 {
	position:relative;
	background:transparent url(images/boxes/grey_bl.gif) no-repeat bottom left;
}




div.grey_3 {
	position:relative;
background:transparent url(images/boxes/grey_br.gif) no-repeat bottom right;
	padding-bottom:10px;
	height:100%;
}




div.grey_4 {
	position:relative;
	background:#ccc url(images/boxes/grey_tl_long.gif) no-repeat top left;  /* # value puts in side lines and fills in gap under header */
}



div.grey_5 {
	position:relative;
	background:transparent url(images/boxes/grey_tr_long.gif) no-repeat top right;
}




/* shaded text */

div.grey_heading {
	position:relative;
	padding:1px 1px 0 1px;
}

div.grey_heading h2,
div.grey_heading h3,
div.grey_heading h4 {
	font-size:110%;
	color:#333366;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 5px;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	background-color: #ecf2f2; /* # value puts in the the colour background behind heading text */
}



div.grey_text {
	position:relative;
	background:#ecf2f2;  /* # value fills in background colour behind text*/
	padding:10px 5px 0 10px;
}

div.grey_text h3,
div.grey_text h4 {
	font-size:90%;
	color:#333366;
	background:transparent;
	padding:0 0 5px 0;
}



div.grey_text p {
	color:#333366;
	padding-top: 0;
	padding-right: 0;
	/* padding-bottom: 5px;  16/7/08  doesn't work in IE7, leaves thick line near bottom */
	 padding-left: 0;  
}

div.grey_text ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

div.grey_text li,
div.grey_text a {
	color:#333366;
	margin-bottom:0;
/*	padding-bottom:7px; 16/7/08   doesn't work in IE7, leaves thick line near bottom */
}