/* Box with purple header bar and purple outline */

div.box_1 {
	position:relative;
	background:#fff url(images/boxes/box_b.gif) repeat-x bottom;
	margin-bottom:15px;
	z-index:1000;
	/*opacity:.75;*/
}

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


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

div.box_4 {
	position:relative;
	background:#465979 url(images/boxes/box_tl.gif) no-repeat top left;
}

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

/* box text */

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

div.box_heading h2,
div.box_heading h3,
div.box_heading h4 {
	font-size:100%;
	color:#FFFFFF;
	margin-top: 1;
	margin-right: 5px;
	margin-bottom: 1;
	margin-left: 5px;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	background-color: #465979;
}

div.box_text {
	position:relative;
	background:#fff;
	padding:10px 10px 0 10px;
}

div.box_text h3,
div.box_text h4 {
	font-size:100%;
	color:#465979;
	background:transparent;
	padding:0 0 10px 0;
}

div.box_text p {
	color:#465979;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
	font-size: 90%;
}

div.box_text ul {
	margin:0;
	list-style-type:disc;
	font-size: 90%;
	padding-top: 2;
	padding-right: 0;
	padding-bottom: 2;
	padding-left: 0;
}

div.box_text li,
 {
	margin-bottom:0;
	padding-bottom:7px;
}
div.box_text li {
	padding-top: 3px;
	padding-bottom: 3px;
	margin-left: 10px;
	list-style-type: none;
}



div.box_text a {
	margin-bottom:0;
	padding-bottom:7px;
	color: #4452a5;
	}
	

div.box_text a:hover {
	margin-bottom:0;
	padding-bottom:7px;
	color: #a10416;
	}
	
	div.box_text a:visited {
	margin-bottom:0;
	padding-bottom:7px;
	color: #660099;
	text-decoration: none;
	}
	
/*  end of purple box*/


/*------------------------------------------------------*/



/*  grey background and purple outline */

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

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


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

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

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

/* grey text */

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

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

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

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

div.outline_text p {
	color:#333366;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
	
}

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

div.outline_text li,
div.outline_text a {
	color:#333366;
	margin-bottom:0px;
	padding-bottom:7px;
}

/*  grey background and purple outline */


/*-------------------------------------------------------------------------*/




/*grey background box with no border*/


div.grey_1 {
	position:relative;
	background:#FAF8F9 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:#FAF8F9 url(images/boxes/grey_tl.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.gif) no-repeat top right;
}

/* grey 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:90%;
	color:#465979;
	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: #FAF8F9; /* # value puts in the the colour background behind heading text */
}

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

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

div.grey_text p {
	color:#333366;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 5px;
	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;
}



/*-------------------------------------------------------------------------*/




/*grey background box WITH BORDER */


div.shaded_1 {
	position:relative;
background:#FAF8F9 url(images/boxes/shaded_b.gif) repeat-x bottom;  /* # value colours bottom stretch*/
	margin-bottom:15px;
	z-index:1000;
		/*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;
	background:#ccc url(images/boxes/shaded_tl_long.gif) no-repeat top left;  /* # value puts in side lines and fills in gap under header */
}



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:90%;
	color:#465979;
	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: #FAF8F9; /* # value puts in the the colour background behind heading text */
}



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

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



div.shaded_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.shaded_text ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

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