@charset "UTF-8";
/* CSS Document */
/* THE FOLLOWING CODE IS THE CASCADING STYLE SHEET FOR ALL CLINICAL GOVERNANCE (GREEN) PAGES*/
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;
}

#top h1
{
	padding: 0;
	margin: 0;
}

#leftnav { /* basic properties for the menu on the left like the widthand 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;
}

#content p {
		padding-left:5px;/* indents text in the content box by 5 pixels */
}	


#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: 'Trebuchet MS', 'Lucida Grande', Arial, 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:#009900;
}


* 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{ /* menu link properties */
	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{/* mouseover style for the left menu*/
	background-color:#DEDEDE;
	color:#333333;
	font-size: 16px;
}

/* 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 h2 { /* Properties for heading2  - this is coloured bar */
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	background-color:#009900;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	padding-left: 5px;
	padding-top: 2px;
	 margin: 0 0 .5em 0;

	}
#content h2 a { /*link properties for heading 2 */
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
}
	
#content h2 a:visited { /* Properties for heading 2 visited links */
	color:#FFFFFF;
}

#content h2 a:hover { /* Takes away the underline on mouseover */
	text-decoration:none;
}

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

#content h4 { /* Properties for heading4 */
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	background-color:#CCCCCC;
	font-size:14px;
	font-weight:bold;
	color:#333333;
	padding-left: 5px;
	
	}
	
#content h5 { /* Properties for heading5 */
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#009900;
	line-height: 100%;
	padding-top: 15px;
	padding-left: 5px;
	}		
	
.cgsmall { /* properties for small green inline text without any hyperlinks */
	padding-left: 0px;
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	color:#009900;
	font-size:12px;
	font-weight:bold;
	line-height: 50%;
	}
	
#content p a { /* Properties for the links*/
	color:#009900;
	text-decoration:underline;
	font-weight:bold;
}

#content p a:visited { /* Properties for visited links */
	color:#999999;
}

#content p a:hover { /* Takes away the underline on mouseover */
	text-decoration:none;
}


#container #content #cglist {/* Link to green bullet image for the bullet point */
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	color:#000000;
	font-size:12px;
	list-style:url(../Assets/Bulletgreen.gif);
}

/* linkboxcg -> green text links */

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

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

#container #content .linkboxcg 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;	
	}

#container #content #quotes {/* extra indent for the 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 {/* changes the color of the quotes text to dark grey */
	color:#666666; 
	}