/* CSS Document */

/* Normalizes margin, padding (removed this because it was affecting positioning b y pt7cclm* margin removed*/
/*body, ul, li, h3, h4, p { padding : 0; }*/

/* For position.css must be inside this div margin auto centre div on page width has to be wide enough for E16 Ok at 520 for Firefox */
div#content_main {
	width : 450px;
	padding : 0em;
	/*margin-left:auto;
	margin-right:auto; */
}
/* Removesbullet from h3 and h4  list-style IMPORTANT HOURS OF STRUGGLE OVER THIS  THE STYLE IS NOW PROTECTED FROMM THE OTHER list.css style by linkinig the li to div content not the ul. VERY IMPORTANT SETTING MARGIN O STOPS INDENT AND MATCHES WITH MAIN TEXT ON PAGE*/

div#content_main ul {
position : relative; 


	list-style : none;
	margin: 0px;
	padding: 0px;
	}

div#content_main li { 
list-style : none;
position : relative; 
width : 100%; 
padding-bottom : .5em;  
}

/* Removes border from fieldset and img */
img { border : 0; }

/*body 	{ 
margin : 0 auto;
color : #333; }
*/
/* This controls the size of all the images in the list*/

li img {
	position: absolute;
	z-index: 6;
	width: 67px;
	height: 63px;
}

/* this s necessary because number colours have had to be turned to grey in li image below  libe height and font size added because nont inherited from main site stylesheet*/




/* positions the text body in relation to each box */

li#image01 p {
	margin-right : 0px;
	padding-right : 220px;
	margin-left: 5px;
}
li#image02 p {
	margin-right : 0px;
	padding-left : 220px;
	margin-left: 5px;
}
li#image03 p {
	margin-right : 0px;
	padding-right : 220px;
	margin-left: 5px;
}


li#image04 p {
	margin-right : 0px;
	padding-left : 220px;
	margin-left: 5px;
}

li#image05 p {
	margin-right : 0px;
	padding-right : 220px;
	margin-left: 5px;
}

li#image06 p {
	margin-right : 0px;
	padding-left : 220px;
	margin-left: 5px;
}


li#image07 p {
	margin-right : 0;
	padding-right : 220px;
	margin-left: 5px;
}



li#image08 p {
	margin-right : 0;
	padding-left : 220px;
	margin-left: 5px;
}

li#image09 p {
	margin-right : 0;
	padding-right : 220px;
	margin-left: 5px;
}
li#image10 p {
	margin-right : 0;
	padding-left : 220px;
	margin-left: 5px;
}
li#image11 p {
	margin-right : 0;
	padding-right : 220px;
	margin-left: 5px;
}
/*
li#image12 p {
	margin-right : 0;
	padding-right : 10px;
	margin-left: 5px;
}
li#image13 p {
	margin-right : 0;
	padding-right : 10px;
	margin-left: 5px;
}*/

/* don't need this controlled by h3 in main code
h2 {
	font-size: 1.6em;
	margin: 30px 0 0 0;
	color: #000066;
}

h3 {
font-size: 1.6em;
margin: 0px 0 0 0;
color: #000066;


}*/

div#content_main h4 {
	font-size: 1.35em;
	color: #000000;
	
}


/*
ul {
	position : relative;
	z-index: 6;
/* had url creating dotted line down middle of page background : url(../images/client_images/ul.png) repeat-y 51% 0;

 
/* controls the list items position and seesm to overide the list number colours to make them the sams as background so they disappear
The width here conflicts withy the main menu width just removed the width : 90%; Setting the li to div content_main containc this css to the div and stops it affecting all li in list css*/

div#content_main li {
	position : relative;
	/*color : #666666; cut out because affects other li in lists.css WIDTH IMPORTANT ADDED TO ACTUALLY PROVIDE MINIMUM WIDTH IMPORTANT PADDING CONTROLS BOTTOM ENDING NEED FOR CARRAGE RETURN original .5em*/
	/*width : 100%;  REmoved padding at the botom so text appears to wrap round imagw*/
	/*padding-bottom : 4.5em;*/
 }

/* colours the background  and text within each box the color controls the number colour in list*/
li#image01 { margin : 0px; background : #FFF; color : #000000; }
li#image02 { margin : 0px; background : #FFF; color : #000000; }
li#image03 { margin : 0px; background : #FFF; color : #000000; }
li#image04 { margin : 0px; background : #FFF; color : #000000; }
li#image05 { margin : 0px; background : #FFF; color : #000000; }
li#image06 { margin : 0px; background : #FFF; color : #000000; }
li#image07 { margin : 0px; background : #FFF; color : #000000; }
li#image08 { margin : 0px; background : #FFF; color : #000000; }
li#image09 { margin : 0px; background : #FFF; color : #000000; }
li#image10 { margin : 0px; background : #FFF; color : #000000; }
li#image11 { margin : 0px; background : #FFF; color : #000000; }
/*
li#image12 { margin : 2px; background : #666; color : #666666; }
li#image13 { margin : 2px; background : #666; color : #666666; }
*/
/* positions the headline within each box */
li#image01 h3 {
	margin : 0px 0px 30px 1px;
	padding-bottom : 5px;
	border-bottom : 1px solid #000;
}

li#image02 h3 {
	margin : 0px 0px 30px 1px;
	padding-bottom : 5px;
	border-bottom : 1px solid #000;
	
}

li#image03 h3 { 
    margin : 0px 0px 30px 1px;
	padding-bottom : 5px;
	border-bottom : 1px solid #000;
}

li#image04 h3 {
    margin : 0px 0px 30px 1px;
	padding-bottom : 5px;
	border-bottom : 1px solid #000;
	 }

li#image05 h3 {
    margin : 0px 0px 30px 1px;
	padding-bottom : 5px;
	border-bottom : 1px solid #000; }


li#image06 h3 {
    margin : 0px 0px 30px 1px;
	padding-bottom : 5px;
	border-bottom : 1px solid #000;
	 }

li#image07 h3 {
	margin : 0px 0px 30px 1px;
	padding-bottom : 5px;
	border-bottom : 1px solid #000; 
	}


li#image08 h3 {
	margin : 0px 0px 30px 1px;
	padding-bottom : 5px;
	border-bottom : 1px solid #000; }

li#image09 h3 {
	margin : 0px 0px 30px 1px;
	padding-bottom : 5px;
	border-bottom : 1px solid #000; }

li#image10 h3 {
	margin : 0px 0px 30px 1px;
	padding-bottom : 5px;
	border-bottom : 1px solid #000; }

li#image11 h3 {
	margin : 0px 0px 30px 1px;
	padding-bottom : 5px;
	border-bottom : 1px solid #000; }

/*
li#image12 h3 {
margin : 0 4px 4px;
padding-bottom : 1px;
font-size : 100%;

padding-top: 2px; }

li#image13 h3 {
margin : 0 4px 4px;
padding-bottom : 1px;
font-size : 100%;

padding-top: 2px; }
*/





/* positions the image in relation to each box */

li#image01 img { top : 35px; right : 5px; }
li#image02 img { top : 35px; left : 0px; }
li#image03 img { top : 35px; right : 5px; }
li#image04 img { top : 35px; left : 0px; }
li#image05 img { top : 35px; right : 5px; }
li#image06 img { top : 35px; left : 0px; }
li#image07 img { top : 35px; right : 5px; }
li#image08 img { top : 35px; left : 0px; }
li#image09 img { top : 35px; right : 5px; }
li#image10 img { top : 35px; left : 0px; }
li#image11 img { top : 35px; right : 5px; }


/*li#image12 img { top : 6px; right : -76px; }
li#image13 img { top : 6px; right : -76px; }
*/

/*a:link, a:visited { text-decoration : none; color : #894a4f; font-weight : bold; }  DO NOT USE THIS CAUSES CONFUSION IN TAB BAR MENU*/


imgsmall {
	border : thin solid #000000;
}