/*APPEARANCE OF GENERAL PAGE ELEMENTS---------------------------------------------*/

body{
	margin:0px;
	padding:0px;
	font-family:arial, helvetica, verdana, sans-serif;
	color:#333;
	font-size:76%;
	background-color:#FFFFFF; 
	text-align:center;  /*this is for MSIE/Win benefit, text is made left aligned again later in the wrapper, without it, the layout wont stay centered*/
	}
	
h1  {    /*this is invisible heading of the whole site in the header div, which only appears when printing or styles are switched off*/
	margin:0px 0px 0px 0px;
	padding:0px;
	font-size:2.3em;
	line-height:0.8em;
	font-weight:800;
	color:#000;
	}
	
h2  {  /*this is only used for the title of the page, white text on a green bar*/
	margin:0px 0px 0px 0px; /*this is necessary, if deleted the div will be pushed down when text size in increased*/
	padding:3px 0px 0px 30px; /*the padding is here to avoid box model hack on the #pagetitle div*/ 
	font-size:1.5em;
	font-weight:800;
	color:#FFFFFF;
	}
	
h3  {  	/*this is the green subheadings on the page*/
	/*padding-top:15px;*/
	font-size:1.3em;
	color:#003333;
	}
	
h4  {  /*this is for bold grey paragraph text*/
	font-size:1.1em;
	font-weight:bold;
	line-height:1.4em;
	}
		
p 	{
	font-size:1em;
    line-height:1.4em;
	margin:0px 0px .5em 0px;
	padding:0px;
	}
	
#Content ul li  {  /*this is styling lists in the main body text*/
	font-size:1em;
    line-height:1.2em;
    padding:0px;
	color:#333333;
	margin:0px 0px 10px 0px;
	list-style-image:url(images/arrow.png); 
	}	

#Content  li.sublistbullet, #Content ul.sublistbullet li  {  /*this is bulletpoints*/
	list-style-type: circle;
	list-style-image: none; 
	margin-left: 1em;
	}	

#Content ul ul {
	margin-top: 10px;
	}		
.alt{  /*this class hides the website title, or anything else wanted hidden*/
	display: none;
	}
	
.corpLaw{ /*this class styles the articles of association legal bit*/
	text-align:center;
	font-style:italic;
	margin: 2em;
	}		

.caseStudy{ /*for the case studies*/
	padding: 0 1em;
	margin-bottom: 1em; 
	border: 1px dashed #003333;
	}

.caseStudyAlt{ /* for the alternate row case studies*/
	padding: 0 1em;
	margin-bottom: 1em; 
	background-color:#F3DDC2;
	border: 1px dashed #003333;
	} 

img{
	border: 0;
	}
	
/*APPEARANCE OF GENERAL DOCUMENT LINKS---------------------------------------------*/

a 	{
	color:#003333;
	text-decoration:none;
	}
	
a:link {
	color:#003333; 
	text-decoration:underline;
	}

a:visited {
	color:#003333; 
	text-decoration:underline;
	}

a:hover {
	color:#009999; 
	text-decoration:underline;
	}


/*PAGE LAYOUT DIV AREAS---------------------------------------------------------------------------*/

#outerwrapper {
    position:relative;
	margin:0 auto 0;
	text-align:left;
    width:800px;   /*Very necessary for this layout centering method, and also serves to give a width to things inside it, like #content */
    background-color:#FFF;
    }

#Header {   
	margin:0px 0px 5px 0px;
	width:800px;  
	padding:0px 0px 0px 0px; /*adding padding or border values in this div requires a box model hack see:  http://www.info.com.ph/~etan/w3pantheon/style/modifiedsbmh.html */
	height:100px; 
	background:url("images/header_image.jpg") top left no-repeat;
    }

#PageTitle {
	margin:0px 0px 0px 220px; 
	width:580px;  /*If this div has no width and height specified, it will expand when text size increases*/
	height:25px;
	background:url("images/bkpageheading.gif") top left no-repeat;
	background-color:#009999;
	overflow: hidden;  
    }

#Content {
	margin:0px 0px 0px 220px; 
	padding:30px 30px 20px 30px;
	background:url("images/whitephonecornersm.jpg") top right no-repeat;
	background-color:#FFFFFF;
	border-style:solid;
	border-color:#CCCCCC;
	border-width:1px 1px 1px 1px; /*a top border is needed here otherwise the div moves down with increasing text size*/
    min-height: 400px;    
	}
		

	
#Footer {
	margin:10px 0px 5px 0px;
	padding:25px 0px 5px 0px;
	color:#FFFFFF;
	background-color:#009999;  /*this is needed incase images are turned off*/
	background:url("images/bk_footer.gif") top left no-repeat;
	font-size:0.8em;
	text-align:center;
	}

#webstandards {
}

/*----------------------END PAGE LAYOUT DIV AREAS---------------------------------------------------------------------------*/




/*---------------------MENU/NAV CONTAINER STYLING---------------------------------------------------------------------------*/

div#navcontainer  {
    position:absolute;
    top:105px;
	left:auto;  
    width:200px;   
	background-color:#FFFFFF;
    padding:0px 0px;
	}

#logo{
    height:80px;
    width:200px;
    background:url("images/menu_toplogotab.gif") top left no-repeat;
    }


/* ------------------MAIN NAV LIST STYLING (GREEN ITEMS) -----------------------------------*/
ul#navlist {
	list-style-type:none;
	margin:0;
	padding:0;
	}

ul#navlist li { 
	display:inline; 
	}

ul#navlist li a  {
	font-family:arial, helvetica, verdana, sans-serif;
	font-size:1em;
	font-weight:800;
	text-decoration:none;
	color:#fff;
	display:block;
	background-color:#003333;  
	padding:2px 0 2px 20px;  
	border-top:solid 1px #fff;
	}

ul#navlist li a:hover { 
	background-color:#339999; 
	}

/* -----------END MAIN NAV LIST STYLING (GREEN ITEMS) -----------------------------------*/


/* -----------SUB NAV LIST STYLING (GREY ITEMS)----------------------------------------- */
ul#navlist ul.subnavlist  {
	margin:0 0 0 20px;
	list-style-type:none;
	padding:0;
	}

ul#navlist ul.subnavlist li { 
	display:inline;
	}

ul#navlist ul.subnavlist li a  {
	font-family:arial, helvetica, verdana, sans-serif;
	font-size:1.1em;
	font-weight:400;
	text-decoration:none;
	display:block;
	color:#333333;
	background-color:#DFA154;
	padding:4px 0 4px 20px;
	border-top:solid 1px #fff;
	height:auto;
	}

ul#navlist ul.subnavlist li a:hover { 
	background-color: #666666; 
	color: #FFFFFF; 
	}

/* END OF SUBNAVLIST STYLING (GREY MENU ITEMS)---------------------------------------------*/



/* BEGIN TABLES------------------------------------------------------------------*/

table {
	margin:1.5em 0 1.5em 0;
	border-collapse:collapse;
	border-spacing:0;
	border:1px solid #CCC;
	}

caption {
	font-weight:bold;
	text-align:center;
	margin:0;
	padding:0.5em 0;
	}

th  {
	font-weight:bold;
	background-color:#F3DDC2;
	}

th, td {
	padding:0.25em 0.5em 0.25em 0.5em;
	text-align:left;
	vertical-align:top;
	border:1px solid #CCC;
	}

/* end tables---------------------------------------------------------- */


/*\*/ /*/
#Content {
	height: 400px;
	}
/* dont delete this line */