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

#topinfo
{		
	float:right;
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	font-weight:bold;
	font-size:20px;
	color:#666666;
	text-align:right;
}
				

#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;
	margin-top: 0px;
	padding: 1em;
	max-width: 710px;
	w\idth: 710px;		
}

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

#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:#FF0000;
}

* html #navigation{ /*IE 6 only */
w\idth: 180px; /*Box model bug: 180px minus all left and right paddings for #blueblock */
}

#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:#FF0000;
	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:#FF0000;
	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:#FF0000;
	line-height: 50%;
	padding-top: 5px;
	padding-bottom: 0px;
	line-height: 5px;
	padding-left: 5px;
	
	}	
	
		.casmall { /* properties for small red inline text without any hyperlinks */
	padding-left: 0px;
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	color:#FF0000;
	font-size:12px;
	font-weight:bold;
	line-height: 50%;
	}
	
#content p a { /* Properties for the links*/
	color:#FF0000;
	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;
}		

#content ol {
	list-style:	}

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

#container #content #calist li a {
	color:#FF0000;
	text-decoration:underline;
	font-weight:bold;
	}


#container #content #calist li a:visited {
	color:#999999;
}

#container #content #calist li a:hover {
	text-decoration:none;
}		


/* linkboxca -> red text links */

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

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

#container #content .linkboxca 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; 
	} 
	
#container #content #numbered {
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	color:#000000;
	font-size:12px;	
	}	

#container #content #numbered ol {
	list-style:none;
	margin: 25px;
	padding: 0px;
	}