@charset "utf-8";

/*  SPECIFICITY SCORE = [identities] [classes] [tags]  */
 



/*  SPECIFICITY SCORE = 001  */
body {
	margin: 20px 0 20px 0;
	padding: 0px;
	text-align: center; /* CENTRING FOR IE 5 */
	/*
	RUN BG IMAGE THROUGH BODY AS NAV IS ABSOLUTELY POSITIONED
	AND HENCE 'SEPARATED' FROM REST OF CONTENT AND COLOURING
	ITS BG IS NOT SUFFICIENT IF IT'S SHORTER THAN MAIN CONTENT.
	*/ 
	background: #bcbec0;
}

/*  SPECIFICITY SCORE = 100  */
#wrapper {
	text-align: left; /* CENTRING FOR IE 5 */
	background-image: url(../images/bg_colour.gif);
	background-repeat: repeat-y;
	width: 760px;
	position: relative;
	top: 0;
	border: 2px solid white;
	border-top: none;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}


/*  SPECIFICITY SCORE = 100  */
#masthead {
	height: 149px;
}

/*  SPECIFICITY SCORE = 101, 101  */
#masthead h1, #masthead img {
	margin: 0px;
	padding: 0px;
}

#masthead img {
	margin-left: -2px;
}


/****************************************************/
/* Styling for accessibility - 'hide' whilst style sheet is active  */
/****************************************************/

.skipToContent {
	position: absolute; top: 0; left: -3000px;
}

/****************************/
/* Removing borders around images*/
/****************************/

a img {
	border: none;
}



/****************************/
/* Styling for navigation   */
/****************************/

/*  SPECIFICITY SCORE = 100  */
#leftnav {
	width: 135px;
	float: left;
	margin: 0px;
	background: url(../images/bg_colour.gif) repeat-y;
}

/*  SPECIFICITY SCORE = 111, 111  */
#leftnav ul.level1, #leftnav ul.level2 {
	font: 0.8em/1.2em Arial, Helvetica, sans-serif;
	list-style: none;
	margin: 0px;
	padding: 1px 0px;
}

/*  SPECIFICITY SCORE = 111  */
#leftnav ul.level1 {
	padding-top: 0px;
}

/*  SPECIFICITY SCORE = 111  */
#leftnav li.level1 {
	margin: 0em 0.5em 0em 0em;
	padding: 0em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ee4135;
}

/*  SPECIFICITY SCORE = 121  */
#leftnav li.level1.topItem {
	border-top: 1px solid #ee4135;
}


/*  SPECIFICITY SCORE = 111  */
#leftnav li.level2 {
	margin: 0em 0em 0em 0.75em;
	padding: 1px 0px;
}


/*  SPECIFICITY SCORE = 112, 112  */
#leftnav li.level1 a, #leftnav li.level2 a {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	padding: 0.4em 0em 0.4em 0.75em;
	margin: 0em;
}



/*  SPECIFICITY SCORE = 122, 122  */
#leftnav li.level1 a.l1iNoHighlight, #leftnav li.level2 a.l2iNoHighlight {
	background-color: transparent;
}

/*  SPECIFICITY SCORE = 122  */
#leftnav li.level1 a.l1iHighlight {
	background-color: #CCCCCC;
	color: #333333;
	padding-left: 0.25em;
	border-left: 0.5em solid #EE4135;
}

/*  SPECIFICITY SCORE = 122  */
#leftnav li.level1 a.l1iLowlight {
	background-color: #999999;
	color: #ffffff;
	padding-left: 0.25em;
	border-left: 0.5em solid #EE4135;
}


/*  SPECIFICITY SCORE = 122  */
#leftnav li.level2 a.l2iHighlight {
	color: #333333;
	background-color: #cccccc;
	padding-left: 0.5em;
	border-left: 0.25em solid #EE4135;
}


/*  SPECIFICITY SCORE = 122, 122  */
#leftnav li.level1 a:hover, #leftnav li.level2 a:hover {
	color: #333333;
	background-color: #CCCCCC;
}

/*  SPECIFICITY SCORE = 122 */
#leftnav li.level1 a:hover {
	padding-left: 0.25em;
	border-left: 0.5em solid #cccccc;
}

/*  SPECIFICITY SCORE = 122 */
#leftnav li.level2 a:hover {
	padding-left: 0.5em;
	border-left: 0.25em solid #EE4135;
}


/*  SPECIFICITY SCORE = 121  */
#leftnav ul.level2.l2NoShow {
	display: none;
}

/*  SPECIFICITY SCORE = 121  */
#leftnav ul.level2.l2Show {
	display: block;
}
 
 
 p { padding-bottom: 0; padding-top: 0;}
 
#leftnav #lastupdated {
	color: #FFFFFF;
	font: 0.8em Arial, Helvetica, sans-serif;
	text-align: center;
	padding-right: 5px;
	padding-left: 5px;
	width: 125px;
}

.zeroTop {
	font: 0.8em Arial, Helvetica, sans-serif;
	margin-top: 0;
	padding-top: 0.4em;
}

/***********************/
/* STYLING FOR CONTENT */
/***********************/

#content {
	background-color: #FFFFFF;
	padding-top: 1px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.2;
	float:right;
	width: 620px;
}

/* FIX FOR IE6 AS TEXT SIZE IS INCREASED - NOT REQUIRED IF NAV ABSOLUTELY POSITIONED 
* html #content {
	width: auto;
	margin-left: 5px;
} 
*/

/* SPECIFICITY 2 0 0 */

#content #topStrip {
	padding-top: 0px;
	padding-bottom: 0px;
}

/* SPECIFICITY 1 1 0 */

#content .strip {
	background-color: white;
	padding-top: 5px;
	padding-bottom: 5px;
}

/* STAR HACK FOR IE6/5 */
* html #content .strip {
	height: 0;
}

.box1of3, .box2of3, .box3of3 {
	width: 30%;
	float: left;
	font-size: 0.85em;
	line-height: 125%;
}


.box2of3, .box3of3 {
	margin-left: 5%;
}



.stripend {
	clear: both;
	height: 0px;
	font-size: 0; /* FIX IE6 ISSUE */
	margin: 0;
	padding: 0;
}

 /************* COLOUR SCHEME STYLING **************/
 /* COMMON STYLING & POSITIONING */
 
#content .strip h1       {
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: 0em;
	line-height: 1.3em;
	margin-top: 0em;
	padding-top: 0em;
	width: auto;
	padding-left: 5px;
}

#content .strip h2 {
	padding-left: 5px;
	font-size: 1em;
}
#content .strip h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-style: normal;
}

#wrapper #content .strip h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: italic;
	color: #333333;
	text-align: left;
}

#content .strip p {
	padding: 5px;
	font-size: 0.9em;
	line-height: 1.3em;
	letter-spacing: 0.03em;
}

#content .strip ul {
	font-size: 0.9em;	
}

#content #topStrip h1 {
	padding-bottom: 0;
	margin-bottom: 0;
}

#content #topStrip p {
	font-size: 0.9em;
	padding-left: 5px;
	padding-right: 0px;
	margin-top: 0.75em;
	padding-top: 0px;
	line-height: 1.3em;
	letter-spacing: 0.03em;
	margin-bottom: 0px;
	padding-bottom: 0px;
	color: #000;
}



#content .stripseparator, #content .stripseparatorTouching {
	clear: both;
	height: 5px;
	background-color: transparent;
	font-size: 0; /* FIX IE6 ISSUE */
	margin: 0;
	padding: 0;
	border-bottom-width: 3px;
	border-bottom-style: solid;
}

#content .stripseparatorTouching {
	height: 0;
}



/* DEFAULT colour scheme in grey #999999*/

#content.defaultScheme #topStrip h1 {
	color: #FFFFFF;
	background-color: #999999;
}

#content.defaultScheme .strip h1 {
	color: #999999;
	background-color: transparent;
}

#content.defaultScheme .box1of3 h2 {
	font-size: 1.1em;
	color: #666666;
}


#content.defaultScheme .box2of3 h2 {
	font-size: 1.1em;
	color: #666666;
}

#content.defaultScheme .box3of3 h2 {
	font-size: 1.1em;
	color: #666666;
}

#content.defaultScheme .stripseparator, #content.defaultScheme .stripseparatorTouching {
	border-bottom-color: #999999;
}


/* PREVENTION colour scheme in green #73C268*/

#content.preventionScheme #topStrip h1 {
	color: #FFFFFF;
	background-color: #73C268;
}

#content.preventionScheme .strip h1 {
	color: #73C268;
	background-color: transparent;
}

#content.preventionScheme .strip h2 {
	color: #73C268;
}

#content.preventionScheme .stripseparator {
	border-bottom-color: #73C268;
}


/* PROTECTION colour scheme in blue #077AC0 */

#content.protectionScheme #topStrip h1 {
	color: #FFFFFF;
	background-color: #077AC0;
}

#content.protectionScheme .strip h1 {
	color: #CCC;
	background-color: transparent;
}

#content.protectionScheme .strip h2 {
	color: #077AC0;
}

#content.protectionScheme .stripseparator {
	border-bottom-color: #077AC0;
}



/* Adding a gradient fade to strips */

/*
#content.protectionScheme .strip {
	background: url(../images/protectionFade.jpg) left top repeat-x;
}
*/





/* Intervention colour scheme in red #EE4135*/

#content.interventionScheme #topStrip h1 {
	color: #FFFFFF;
	background-color: #EE4135;
}

#content.interventionScheme .strip h1 {
	color: #EE4135;
	background-color: transparent;
}

#content.interventionScheme .strip h2 {
	color: #EE4135;
}

#content.interventionScheme .stripseparator {
	border-bottom-color: #EE4135;
}




.imgLeft {
	float: left;
	padding-right: 5px;
}
.imgRight {
	float: right;
	margin-left: 5px;
}


/***********************/
/* STYLING FOR FOOTER  */
/***********************/


#footer {
	clear: both;
	background-color: #CCCCCC;
	padding: 0 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1;
	margin-top: 0px;
}


#footer p {
	margin: 0;
	padding: 5px 0;
	text-align: center;
}

#footer .mission {
	display: none;
	color: #333333;
	text-align: center;
	background-color: white;
	letter-spacing: 0.05em;
}





.boxleft {
	float: left;
	width: 35%;
}
.boxright {
	float: right;
	width: 60%;
	font-size: 0.8em;
	letter-spacing: 0.03em;
	line-height: 152%;
}
.introboxleft {
	width: 425px;
	float: left;
	font-size: 0.9em;
	line-height: 130%;
	letter-spacing: 0.03em;
}

#content #topStrip .introboxleft ul li {
	line-height: 125%;
	font-style: italic;
}
.introboxright {
	float: right;
	width: 180px;
	text-align: right;
}


/* Set the contact pages to
position information left and right */
.contactBoxLeft {
	font-size: 0.85em;
	line-height: 130%;
	letter-spacing: 0.03em;
	float: left;
	width: 300px;
}

.contactBoxRight {
	text-align: right;
	float: right;
	width: auto;
}


/***********************/
/* AD HOC CLASS RULES  */
/***********************/

.border2pxSolidGray {
	border: 2px solid #666666;
}

.border5pxSolidRed {
	border: 5px solid #ff0000;
}

.borderNone {
	border: 0;
}

#content #topStrip p.noPaddingLeft {
	padding-left: 0;
}

.zeroPaddingMarginBottom {
	padding-bottom: 0; margin-bottom: 0;
	line-height: 0;
}

#content #topStrip .zeroPaddingMarginTop {
	padding-top: 0; margin-top: 0;
}

.zeroImagePaddingMarginTop {
	padding-top: 0; margin-top: 0;
}

.vertDividers3Box {
	background: url(../images/layout/vertDividers3Box.gif) 0px 5px no-repeat;
	padding-bottom: 0px;
}

#content .strip .hoopBgLeft {
	background: url(../images/layout/hoop.gif) 0 center no-repeat;
	padding-left: 20px; /* Could have used ' padding-left: 20px !important;' instead of making it more specific with #content .strip */ 
}


/* A LOVE HATE THING- order important! A LoVe HAte ! */

#content a {
	text-decoration: none;
}

#content a:link {
	font-size:13px;
	font-weight:bold;
	color:#077AC0;

}

#content a:visited {
	font-size:13px;
	font-weight:bold;
	color:#077AC0;
}

#content a:hover {
	font-size:13px;
	text-decoration:underline;
	color:#333333;
	text-align: right;
}

content a:active {
	color:gray;
}


#content #topStrip li {
	font-size: 0.85em;
	line-height: 125%;
}
#wrapper #content .strip table {
	font-size: 0.85em;
}
#wrapper #content #topStrip .zeroPaddingMarginBottom a {
	color: #FFFFFF;
}


/* Example of what could be done - currently commented out. */

/* Refer to 'Our How to' folder */

/* Remove unwanted elements */
/*
#leftnav, #footer {
	display: none;
}

/* Ensure the content spans the full width */
/*
#content
{
width: 100%; margin: 0; float: none;
}



*/#wrapper #content .stripwarning {
	font-size: 2em;
	color: #FFFFFF;
	background-color: #FF0000;
	text-align: center;
	padding: 1px;
	font-weight: bold;
	font-style: normal;
}


/* Ad hoc rules */

.bulletListA {
	padding-left: 0px;
	margin-left: 20px;
}
#content .bulletListA li {
	padding-bottom: 0.25em;
	margin-left: 0px;
	padding-left: 0px;
}
.bulletListNC1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #000;
	line-height: 1.3em;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 25px;
	list-style-type: disc;
}
.TableText1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	line-height: 1.6em;
	color: #333;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}