@charset "UTF-8";
/* CSS Document */
/* THE FOLLOWING CODE IS THE CASCADING STYLE SHEET FOR ALL GREY PAGES LINKED TO BY THE LEFT MENU INCLUDING THE HOMEPAGE*/

body {
	text-align:center; /* This tag centres the page in the browser window */
	background:#F2F2F2; /* Background grey color */
	}/* These brackets open and close the 'div' properties */
	

#container { /* The contents here apply to everything on the page and also designate the border around the page*/
	width: 945px;
	margin: 0 auto;
	text-align: left;
	background-color: #fff;
	color: #333;
	border:1px solid gray;
	line-height: 130%;
}




#top { /* Properties for the menu at the top */
	padding: .5em;
	background-color:#FFFFFF;
	width: 925px;
	w\idth: 925px;
}


#leftnav { /* basic properties for the menu on the left like the width and spacing from the edge of the box it is contained in  */
	float: left;
	width: 160px;
	w\idth: 160px;
	margin: 0;
	padding: 1em;
	margin-top: 1px;
}

#content {/* Moves the main section of text in 200 pixels away for the left side to fit in the menu*/
	margin-left: 200px;
	padding: 1em;
	max-width: 710px;
	w\idth: 710px;
}


#footer
{/* properties of the footer*/
	clear:both; /* IMPORTANT TO LEAVE THIS LINE THE WAY IT IS */
	margin: 0;
	padding: 0em;
	color:#999999;
	background-color:#333333;
	border-top: 1px solid gray;
	height: 20px;
	font-size: 7pt;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width: 945px;
	w\idth:935px;
	padding-left: 10px;
}

#leftnav p { margin: 0 0 1em 0; } /* sets the margin for text with <p> tags in the menu */


#navigation{/*  left menu container properties*/
	width: 180px;
	padding: 0 0 1em 0;
	margin-bottom: 1em;
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif; /* change this to change the style of text in the menu */
	font-size: 90%;
	background-color:#FFFFFF;
	color: #333;
	border-top-width: 10px; /* this is the thick line at the top of the menu */
	border-top-style: solid;
	border-top-color:#CCCCCC;
}

* html #navigation{ /*IE 6 only */
	w\idth: 180px; /*Box model bug (google this for a full explantion): 180px minus all left and right paddings for #navigation */
}

#navigation ul{ /* more menu spacing properties */
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}

#navigation li a{ /*  Navigation list li properties and spacing etc...*/
	display: block;
	padding: 5px 5px 5px 8px;
	color:#666666;
	text-decoration: none;
	width: 100%;
	border-bottom: 1px solid #CCCCCC;
	margin: 0;
	width: 167px;
}

	

html>body #navigation li a{
	max-width:955px;
}



#navigation li a:hover{
	background-color:#DEDEDE;
	color:#333333;
	font-size: 16px;
}

#navigation a {
	text-decoration:none;
	color:#FFFFFF;
	}	

#navigation p a {
	text-decoration:underline;
	color:#0033CC;
}

#navigation p a:hover { 
	text-decoration:none;
}	/*  END Navigation list li properties and spacing etc...*/

/* mark active page with <li id="active"> </li> tag this makes the active page bold text on the menu list*/
#active a {
	font-size: 16px;
	background-color:#DEDEDE;
	color:#333333;
	width: 180px;
}	

p {/* Sets  <p> tag font properties for the whole document */
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	color:#000000;
	font-size:12px;
	}	
	
	


#content ul	{ /* Styles the grey bulleted lists in the main content pages */
	list-style-image:url(../Assets/Bullet.gif);	/* link to grey bullet .gif  */
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	color:#000000;
	font-size:12px;
	}
	
#content ol	{/*  ol is the numbered list or 'ordered' list */
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	color:#000000;
	font-size:12px;
	}
	



	
#content h1 {/* Properties for heading1 these are the colored bars on the education page that subdivide the content */
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	background-color:#CCCCCC;
	font-size:14px;
	font-weight:bold;
	color:#333333;
	margin-top: 0px;
	padding-top: 2px;
	padding-bottom:1px;
	padding-right: 5px;
	padding-left: 5px;
	margin-bottom: 1px;
	}

#content h2{/* Properties for heading2 */
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	font-size:14px;
	font-weight: bold;
	color:#FFFFFF;
	background-color:#FF0000;
	text-align: left;
	padding-left: 5px;
	padding-top: 2px;
	margin: 0 0 0px 0;
}

#content h3{/* Properties for heading3 */
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	font-size:14px;
	font-weight: bold;
	color:#FFFFFF;
	background-color:#009900;
	text-align: left;
	padding-left: 5px;
	padding-top: 2px;
	margin: 0 0 0px 0;
}		

#content h4 {/* Properties for heading4 */
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	background-color:#0066CC;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	padding-left: 5px;
	padding-top: 2px;
	margin: 0 0 0px 0;
}

#content h5 {/* Properties for heading5 */
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#666666;
	padding-left: 5px;
	line-height: 140%;
	padding-top: 0px;
	margin-top: 0px;
	}

#content h5 a { /* Properties for heading5 link */
	text-decoration:underline;
	color:#0066CC; 
	}	

#content h5 a:hover {/* Properties for heading link mouse over */
	text-decoration:none;
	color:#0066CC; 
	}	

#content h6 { /* Properties for heading6 */
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#666666;
	line-height: 50%;
	padding-top: 15px;
	padding-left: 5px;
	}	



	/* ––––––––––– link style –––––––––––––– */ 
#content a { 
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
}	

#content p a {
	text-decoration:underline;
	color:#0033CC;
}

#content p a:hover {
	text-decoration:none;
}	

#content h1 a {
		text-decoration:underline;
		color:#0066CC;
}
		
#content p {
		padding-left:5px;
}		
				
#content p a:visited {
	color:#999999;
}	

/* ––––––––––– end of link style –––––––––––––– */ 
	
	
	/* ––––––––––– THE FOLLOWING CODE IS ALL FOR SMALL AND UNIQUE ELEMENTS OF THE SITE, THE IMPORTANT ONES ARE ANNOTATED –––––––––––––– */ 
	
#container #content #address {
	line-height: 50%;
	padding-left: 10px;
	width: 220px;
}

#container #content #link {
	line-height: 140%;
	padding-top:10px;
	}

#container #content #quotes {
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	font-size:12px;
	font-weight:normal;
	padding-left:25px;
	width: 450px;
	text-align: justify;
	}
	
#container #content #quotes p {
	color:#666666; 
	} 	
	
#container #content #question {
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	font-size:12px;
	font-weight:normal;
	padding-left:25px;
	width: 650px;
	text-align: justify;
	}
	
#container #content #question p {
	color:#666666; 
	}
	
#container #content #rightmenu {
	display:block;
	width: 170px;
	background-color:#EEEEEE;
	border: 1px solid #999999;	
	float:right;
	margin-left: 15px;
	margin-bottom: 10px;
	margin-top: 5px;
	}	
	
#container #content #rightmenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}

#container #content #rightmenu li a{
	display: block;
	padding: 10px 10px 10px 13px;
	color:#666666;
	text-decoration: none;
	width: 100%;
	margin: 0;
	width: 145px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style:solid;
	border-bottom-style:solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #999999;
	border-left-color: #999999;
}

#container #content #rightmenu li a:hover {
	background-color:#666666;
	color:#EEEEEE;
}
	

#container #content #photobox p {
	margin-left:145px;
	margin-top: 0px;
	padding: 0;
}

/* text styles for the calendar page, these can be designated from the 'style' list on the properties bar in dreamweaver */

	.calarge {
	padding-left: 10px;
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	color:#FF0000;
	font-size:16px;
	font-weight:bold;
	}
	
	
	.cglarge {
	padding-left: 10px;
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	color:#009900;
	font-size:16px;
	font-weight:bold;
	}
	
	.qilarge {
	padding-left: 10px;
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	color:#0066CC;
	font-size:16px;
	font-weight:bold;
	}
	
	.casmall {
	padding-left: 0px;
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	color:#FF0000;
	font-size:12px;
	font-weight:bold;
	line-height: 50%;
	}
	
	
	.cgsmall {
	padding-left: 0px;
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	color:#009900;
	font-size:12px;
	font-weight:bold;
	line-height: 50%;
	}
	
	.qismall {
	padding-left: 0px;
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	color:#0066CC;
	font-size:12px;
	font-weight:bold;
	line-height: 50%;
	}


/* these selectors are for links on the consultancy page */




#container #content .linkboxcg {
	padding: 0px;
	margin: 0px;
	}

#container #content .linkboxcg a {
	text-decoration:none;
	color:#009900;
	}
	

#container #content .linkboxcg a:hover{
	text-decoration:underline;
	}
	
	
	
	
#container #content .linkboxca {
	padding: 0px;
	margin: 0px;
	}

#container #content .linkboxca a {
	text-decoration:none;
	color:#FF0000;
	}
	

#container #content .linkboxca a:hover{
	text-decoration:underline;	
	}
	
	


#container #content .linkboxqi {
	padding: 0px;
	margin: 0px;
	}

#container #content .linkboxqi a {
	text-decoration:none;
	color:#0066CC;
	}
	
#container #content .linkboxqi a:hover{
	text-decoration:underline;	
	}



/* linkbox -> grey text links */
#container #content .linkbox { 
	padding: 0px;
	margin: 0px;
	}

#container #content .linkbox a {
	text-decoration:none;
	color:#666666;
	}
	

#container #content .linkbox a:hover{
	text-decoration:underline;	
	}


/* quotes selectors are for testemonials */
#container #content #quotes {
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	font-size:12px;
	font-weight:normal;
	padding-left:25px;
	text-align: justify;
	}
	
#container #content #quotes p {
	color:#666666; 
	} 
	

/* Listcontainer selectors are for the 'about us' page secondary bullets */
#container #content #listcontainer {
	padding-left: 30px;
	}

#container #content #listcontainer p {
	padding-left: 0px;
	margin-bottom: 4px;
	}
	

#container #content #listcontainer #sublist {
	
	margin-left: 30px;
	margin-top: 0px;
	margin-bottom: 0px;
	}
	
	
#container #content #listcontainer #sublist ul {
	padding: 0 0 0 0;
	margin: 0px;
	}	
	
	
#container #content #photocolumn {
	width: 210px;
	float: left;
	padding: 0px;
	margin: 0px;
	
	}
	
#container #content #photobox2 p {
	
	margin-right: 210px;
	margin-top: 0px;
	padding-left: 5px;
	
}