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

#footer a { /* This sets the properties for any links in the footer*/

	margin-left: 200px;
	list-style:none;
	list-style-type:none;
	text-decoration:none;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bolder;
	color:#FFFFFF;
}

#footer li {
	list-style: none;
	list-style-type:none;
	}
	

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

* 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, doing this will make 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:#0066CC;
	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:#0066CC;
	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:#0066CC;
	line-height: 50%;
	padding-top: 15px;
	line-height: 5px;
	padding-left: 5px;
	}		

.qismall { /* properties for small blue inline text without any hyperlinks */
	padding-left: 0px;
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	color:#0066CC;
	font-size:12px;
	font-weight:bold;
	line-height: 50%;
	}

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

#content p a { /* Properties for the links*/
	color:#0066CC;
	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 #qilist { /* Properties the lists with blue bullets */
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	color:#000000;
	font-size:12px;
	list-style:url(../Assets/Bulletblue.gif);
}

/* linkboxqi -> blue text links */

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

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