/* National Child Protection Clearinghouse
   Main stylesheet. 
   Last modified 14/4/2011 by Bianca */

body {
    background: #fff;
    color: #444;
    font-family: helvetica, arial, sans-serif;
	font-size: 0.9em;
    margin: 0;
    padding: 0;
    }
p, td, ul, li { line-height: 1.3; }

blockquote {
font-family: Helvetica, Arial, sans-serif;
font-size: 1em;
line-height: 1.3;
 }

caption {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1em;
	text-align: left;
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 1em;
 }

    
/* HEADINGS */

h1 {
	font-size: 1.8em;
	letter-spacing: -1px; 
	text-align: left;
	font-weight: normal;
	color: #0176b7;
	border-bottom: 1px solid #d3d3d3; 
	margin-bottom: 16px;
	
	padding: 5px 0 25px 0; 
	margin-bottom: 16px;
	background: url(/nch/images/logo.gif) no-repeat top right;
	}
h2, h3, h4, h5, h6 {
	text-align: left;
	font-weight: bold;
	margin: 1.0em auto;
	color: #333;
    }
h2 { font-size: 1.4em; font-weight: normal; }
h3 { font-size: 1.3em; color: #0176b7; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.05em; color: #0176b7; }
h6 { font-size: 0.95em; }  	

.download { font-size: 0.8em; white-space: nowrap; }

h2.pubtitle {  
	font-family: arial, sans-serif;
    font-size: 1.2em;
     margin-bottom: 1em;
     }    

p.pubdateblue {  
	color: #003ba6;
    font-size: 1.2em;
    font-weight: normal;
    margin-top: -0.7em;
    margin-bottom: 1em;
    }
.pubauthors {
	color: #444;
    font-size: 1.1em;
    font-style: italic;
    margin-top: 0;
    }

h1.blue, h1.pubtitle { background: none; text-align: left; border: none; padding: 0; color: #000; }

.blue { color: #0176b7; font-weight: bold; }
.smallblue { font-size: 0.8em; color: #0176b7; font-weight: bold; }
.lightblue { font-size: 0.8em; color: #003ba6; }

/*used for dates in afsapubs.html*/
.highlightpink { font-size: 0.9em; color: #906; font-weight: bold; }
.highlightblue { font-size: 1.3em; color: #0176b7; font-weight: bold; }
.highlightmedblue { 	font-size: 1.1em; color: #0176b7; font-weight: bold; }
.highlightdkblue { 	font-size: 1.1em; color: #0176b7; }

.highlightfullpagebox { 
    margin: 1.5em 10%;
    padding: 10px;
    font-size: 1.0em;
    border: 1px solid #7f95c2; 
    background: #ecf0f6;
    }
	
.highlightfullpage { 
    margin: 1.5em;
    padding: 10px; 
    font-size: 1.0em;
    border: none; 
    background: #ecf0f6;
    }
	

.highlightpagebox { 
    margin: 1.5em;
    padding: 10px;
    font-size: 1.0em;
    border: 1px solid #7f95c2; 
    background: #ecf0f6;
    }
.highlightpageboxclear { 
    margin: 1.5em;
    padding: 10px;
    font-size: 1.0em;
    border: 1px solid #7f95c2; 
    }
.highlightbox { 
    margin: 1.5em 130px;
    padding: 8px;
    border: 1px solid #7f95c2; 
    background: #ecf0f6;
    }
.highlightvlargebox { 
    padding: 8px;
    border: 1px solid #7f95c2;
    background: #ecf0f6;
    }    
.highlightlargebox { 
    margin: 1.5em 10%;
    padding: 8px;
    font-size: 0.9em;
    border: 1px solid #7f95c2;
    background: #ecf0f6;
    } 
.highlightbigbox { 
    margin: 1.5em 20%;
    padding: 8px;
    font-size: 0.9em;
    border: 1px solid #7f95c2;
    background: #ecf0f6;
    }   
.highlightsmbox { 
    margin: 1.5em 30%;
    padding: 8px;
    font-size: 0.9em;
    border: 1px solid #7f95c2;
    background: #ecf0f6;
    }   
.highlightbox h2 {
    font-size: 1em;
    text-align: center;
    color: #666;
    }
.highlightbox p {
    text-align: center;
    font-size: 0.9em;
    line-height: 1.4em;
    }	
p.infobox{
	font-size: 0.95em;
	border: 1px solid #777;
	padding: 8px;
	margin: auto 50px;
	margin-bottom: 1.0em;
	background: #ecf0f6;
    }
    
p.floatright{
	float: right;
	font-size: 0.95em;
	width: 380px;
	border: 1px solid #777;
	padding: 8px;
	margin: auto 50px;
	background: #ecf0f6;
	}
dd { margin-bottom: 0.5em; }
.indent { margin-left: 50px; margin-right: 50px; }
.medindent { margin-left: 25px; margin-right: 25px; }
.largeindent { margin-left: 50px; margin-right: 50px; font-style: italic; color: #444; }

#twocolmenucontainer { width: 100%; }
/* #twocolmenucontainer li { margin-bottom: 0.2em; } */
#leftcolumn { float: left; width: 46%; }
#rightcolumn { float: right; width: 48%; }

/* two columns within a page eg for a menu page - taken from core.css created for growingup sub-site - added MP 10/11/11 */
.twocolmenucontainer { width: 98%; overflow: hidden; }
.twocolleft { float: left; width: 47%; }
.twocolright { float: left; width: 45%; margin-left: 5%; }
.twocolleft h2, .twocolright h2 { margin-top: 0; }

.highlightfullpage h4 { margin-top: 0; }
.highlightfullpage p { margin: 0 auto 0 auto; }

/* End ncpctweaks */

a { color: #01679d; }  /* blue - Do NOT use lighter as this fails AA on #eee background */ 
a:visited { color: #2c1555; } /* purple */
a:hover { color: #906; text-decoration: none; } /* pink */
a:active { text-decoration: underline; }
a img { border: none; }

ul { list-style: square; margin-left: 25px; padding: 0; }
ul ul { list-style: disc; margin-top: 0; margin-bottom: 0; }
ul ul ul { list-style: circle; margin-top: 0; margin-bottom: 0; }
ol { margin-left: 25px; padding: 0; }
ol.loweralpha { list-style-type: lower-alpha; }
ol.lowerroman { list-style-type: lower-roman; }

.centre { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.justify { text-align: justify; }

.intro p {
	margin-top: 0;
	border-bottom: solid #d3d3d3 1px;
	padding-bottom: 10px;
	margin-bottom: 16px;
}

.intro h1 { padding-bottom: 0.4em; margin-bottom: 0; border-bottom: none; background: none; }

.intro { background: url(/nch/images/logo.gif) no-repeat top right;
 }

em { font-style: italic; }
strong, .verystrong, .medstrong { font-weight: bold; }
.verystrong { color: #900; }
.medstrong { color: #555; }

.small { font-size: 0.8em; }
.medsmall { font-size: 0.9em; }
.largefont { font-size: 1.2em; }
.normalfont { font-family: helvetica, arial, sans-serif; font-size: 0.9em; font-weight: normal; color: #000; }
.indent { margin-right: 40px; margin-left: 40px; }
.bigindent { margin-right: 60px; margin-left: 60px; }
.spacedlines { line-height: 1.5em; }
.clear { clear: both; }
.nowrap { white-space: nowrap; }
.subhead { color: #900; text-align: center; }
.caption { font-size: 0.9em; text-align: left; font-weight: bold; }
.captionlight { color: #555; font-weight: normal; font-size: 1.0em; }
.doctype { color: #555; font-size: 1.0em; line-height: 1.3; text-decoration: none; display: block; }
.nomargintop { margin-top: 0; }
.nomarginbottom { margin-bottom: 0; }
.new {
    color: #906;
    font-size: 0.8em;
  	font-weight: bold;
  	font-style: italic;
    background: #ecf0f6;
    border: 1px solid #7f95c2;
    padding: 3px 3px;
	margin: 0 0.7em;
    }    
.date { font-size: 0.9em; font-weight: bold; color: #444; }
.highlight { color: #900; font-style: italic; }
.confauthor { color: #444; font-weight: bold; }
.abstract { font-size: 0.9em; margin: auto 50px; }
			
.spacedlist li { margin-bottom: 1.5em; }
.spacedlist li ul li, .spacedlist li ol li { margin-bottom: 0; }
.spacedlistnobullets li { margin-bottom: 1.5em; list-style: none; }
.halfspacedlistnobullets li { margin-bottom: 0.5em; list-style: none; }
.halfspacedlist li, .halfspacedlist dt, .halfspacedlist dd { margin-bottom: 0.5em; }
.halfspacedlist li ul li, .halfspacedlist li ol li { margin-bottom: 0; }
.bibl { color: #444; }
.noborders { border-bottom: none !important; }

p.notes { font-size: 0.95em; font-style: italic; }

/* instead of <hr> use: <p class="dividingline">&nbsp;</p>  */
p.dividingline { border-bottom: 2px dotted #555; }
p.dividefaint { border-bottom: 1px dotted #868686; }
p.backtop { font-size: 0.8em; }
a.backtop { text-decoration: none; color: #555; }
a.backtop:hover { text-decoration: underline; color: #900; }
p.back { font-size: 0.9em; margin-bottom: 0px; }
p.back a { text-decoration: none; }
p.back a:hover { text-decoration: underline; }
p.hr { border-bottom: 1px dotted #868686; }

.highlightbox { border: 2px solid #69c; padding: 5px; }

.apastyle { padding-left: 30px; }
.apastyle p { text-indent: -30px; margin-top: 0; margin-bottom: 0.5em; }

.simpleboxblue { border: 1px solid #393d92; padding: 8px; }
.simpleboxgold { border: 2px solid #fbec8b; padding: 8px; }

/*two column*/
.twocoltitle {
	float: left;
	width: 68%;
}
.twocolauthor {
	font-weight: normal !important;
	width: 30%;
	float: right;
}


#skip a, #skip a:hover, #skip a:visited {
	position: absolute;
	left: 0px;
	top: -500px;
	width: 1px;
	height: 1px;
	overflow: hidden;
	color: #000 !important; 
	}
 
#skip a:active, #skip a:focus {
	position: static;
	width: auto;
	height: auto;
	padding-top: 3px;
	background-color: #fff;
	} 
	
h2 a.headinglink:link, h2 a.headinglink:visited { text-decoration: none; color: #333; }
h2 a.headinglink:hover { color: #906; text-decoration: underline; }
h2 a.headinglink:active { color: #906; }

/********   LAYOUT   ********/

/* government branding top left of all pages */
#header { background: #007dc3; padding-top: 8px; height: 102px; }
#branding {
    color: #000;
    font-size: 1.3em;
    margin: 0px;
    width: 310px;
    position: relative;
    z-index: 2;
    }
     
/* image top right corner of subpages */
#pagename {
    text-align: right;
    margin: -54px 0 0 0;
	padding-bottom: 10px;
    }
	
/* content area of subpages */
#mainbody {
	background: url(/nch/images/toprightinner.gif) no-repeat top right;
    margin: 0;
    padding: 6px 20px 1px 20px;
    }

/* footer on all pages */
#footer {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
    margin: 0;
	clear: both;
    }
#footer ul { margin: 0; padding: 10px 5px 25px 20px; background: #d1d3d4; color:#fff; }
#footer ul li { float: left; display: block; }
#footer ul li a { padding: 0 0.5em; color: #000; text-decoration: none; }
#footer ul li a:hover { color: #000; text-decoration: underline; }
#footer ul li a.sep { border-left: 1px solid #000; }
#footer ul li#copyr { float: right; }
#footer ul li#aifsfoot { float: right; margin-right: 20px; } 
#footabove { padding: 2.2em 0 5px 20px; margin: 0 11px 0 0; background: url(/nch/images/bottomleft.gif) no-repeat bottom left; }
#footabove p { margin-right: 33px; }
#footabove span { float: right; }

.publist li { border-bottom: #bbb dotted 1px; padding: 0.6em 0 0.6em 0; list-style: none; overflow: hidden; width: 100%; }

#pubsmenu li { margin-bottom: 0.2em; }
.pubslist img { margin: 5px 0; }

.pubslist p { margin: 7px 0 3px 0; }
.pubslist table td { vertical-align: top; border-top: 1px solid #d3d3d3; color: #000; padding: 9px 20px 7px 10px; }
.pubslist table th { text-align: left; }
.pubslist table th h4 { padding-left: 10px; margin: 0; }
.pubslist table { border-bottom: 1px solid #363636; margin-bottom: 1.0em; }

/* New pubs page styling */
h2.shaded { margin-left: 0; padding-left: 10px; background-color: #eee; padding-top: 0.4em; padding-bottom: 0.4em; margin-top: 1.2em; margin-bottom: 0.3em; font-size: 1.1em; }
h2.first { margin-top: 0; }
h2.shaded+p { padding-left: 30px; }
h2.shaded+ul { padding-left: 30px; list-style:disc; }

/* Added MP for jump to section */
#jump h3 a { color: #002a5c; text-decoration: underline; }
#jump a:hover { text-decoration: none; }
#jump ul li h3 { margin: 0 20px 0.2em 0; font-size: 1.0em; }
#jump h3 { margin-left: 1em; font-size: 1.0em; }
#jump li { margin-left: 25px; }
#jump h2 { 
  font-family: Arial, Helvetica, sans-serif; 
  color: #002a5c;
  padding: 2px 4px;
  font-weight: normal;
  font-size: 1.2em;
  margin: 0 0 -10px 0;
}
#jump h2 a { font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; }
#jump p { padding: 6px 0; margin: 0 1em; }
#jump { padding-top: 8px; border-bottom: 2px dotted #555; border-top: 2px dotted #555; }

.cat { font-size: 0.8em; line-height: 1.8em; font-weight: bold; color: #393D92; background: #FDFCF6; padding: 0 2px; border: 1px solid #8E3903; margin-left: 1em; }

/* in page links modified version added by Mark 24/6/10 */
.hlinkmenu span { float: left; padding-top: 2px; }
.hlinkmenu ul { margin: 0; padding: 0 5px 20px 0; }
.hlinkmenu ul li { float: left; list-style-type: none; padding: 0 0.5em; }
.hlinkmenu ul li.sep { float: left; list-style-type: none; padding: 0 0.5em; border-left: 1px solid #ccc; }

/* RSS feeds */
.positiontopright { float: right; width: 100px; margin-top: -70px; margin-right: 200px; }
.positiontextright { position: relative; margin-left: 30px; margin-top: -31px; }

/* icons in Connect with us drop down menu */
#p7PMnav ul a.emailmenu { background-image: url(/images/icon_email.png); background-repeat: no-repeat; background-position: 8px 50%; padding-left: 30px; }
#p7PMnav ul a.rssmenu { background-image: url(/images/feed.png); background-repeat: no-repeat; background-position: 8px 50%; padding-left: 30px; }
#p7PMnav ul a.facebookmenu { background-image: url(/images/facebook-mini.png); background-repeat: no-repeat; background-position: 8px 50%; padding-left: 30px; }
#p7PMnav ul a.twittermenu { background-image: url(/images/twitter-mini.png); background-repeat: no-repeat; background-position: 8px 50%; padding-left: 30px; }
#p7PMnav ul a.pubsmenu { background-image: url(/images/icon_pubs.png); background-repeat: no-repeat; background-position: 8px 50%; padding-left: 30px; }

.subscriberss { 
	background: transparent url(/images/rss.png) no-repeat 0 0; 
	padding: 5px 0 5px 35px;
	}
.subscribefacebook { 
	background: transparent url(/images/facebook-med.png) no-repeat 0 0; 
	padding: 5px 0 5px 35px;
	}
.subscribetwitter { 
	background: transparent url(/images/twitter-med.png) no-repeat 0 0; 
	padding: 5px 0 5px 35px;
	}
.subscribealert { 
	background: transparent url(/images/email-med.png) no-repeat 0 0; 
	padding: 5px 0 5px 35px;
	}	
.subscribepubs { 
	background: transparent url(/images/pubs-med.png) no-repeat 0 0; 
	padding: 5px 0 5px 35px;
	}	

/* * * * * * * * * * * * * * * * * *
   boxes for highlighting sections 
 * * * * * * * * * * * * * * * * * * */

#sectionheading {
	overflow: hidden;
	padding: 10px;
	margin-bottom: 1em;
	color: #fff;
	background: #606466; /* url(/nch/images/sectionheadingcnr.gif) no-repeat top right; */
	line-height: 1.4em;
}

#sectiondetails {
	overflow: hidden;
	padding: 10px;
	margin-bottom: 1em;
	color: #fff;
	background: #606466; /* url(/nch/images/sectionheadingcnr.gif) no-repeat top right; */
	line-height: 1.4em;
}

#sectionheading a, #sectiondetails a { color: #fff; }
#sectionheading h2, #sectiondetails h2 { padding-top: 0; margin-top: 0; color: #fff; padding-right: 20px; }
#sectionheading h3, #sectiondetails h3 {
	padding: 0;
	margin: 0;
	color: #fff !important;
	padding-right: 20px;
	font-size: 1em;
}
.sectioncover {
	float: left;
	margin-right: 10px;
	border: 1px solid #002a5c;
	padding: 2px;
	background-color:#2B5DB7;
}
.confcover { float: left; margin-right: 10px; border-left: 1px solid #fff; border-bottom: 1px solid #fff; }

.sectionmajor, .sectionminor, #sectiontitle {  
	padding: 0 0 0.5em 10px;
	margin: 0 0 1.5em 0; 
	overflow: hidden;
	}

.sectionmajor {  
	border-bottom: 1px solid #363636;
	}
#sectiontitle {  
	border-bottom: 1px solid #d3d3d3;
	}
	
.sectionminor { 
	border-bottom: 1px solid #d3d3d3;
	}

.sectionmajor p, .sectionmajor ul, .sectionmajor ol,
.sectionminor p, .sectionminor ul, .sectionminor ol,
#sectiontitle p, #sectiontitle ul, #sectiontitle ol {
    margin-top: 0.8em;
	margin-right: 10px;
	margin-bottom: 0.8em;
	}
	
#sectiontitle h2, #sectiontitle h3, #sectiontitle h4 { 
	margin-top: 0;
	letter-spacing: normal;
	}
	
	.sectionmajornoborder, .sectionminornoborder, #sectiondetailsnoborder, #sectiontitlenoborder {  
	padding: 0 0 0.5em 10px;
	margin: 0 0 1.5em 0; 
	}
	
.sectionmajornoborder p, .sectionmajornoborder ul, .sectionmajornoborder ol,
.sectionminornoborder p, .sectionminornoborder ul, .sectionminornoborder ol,
#sectiontitlenoborder p, #sectiontitlenoborder ul, #sectiontitlenoborder ol {
    margin-top: 0.8em;
	margin-right: 10px;
	margin-bottom: 0.8em;
	}
	
.sectionmajornoborder ul, .sectionmajornoborder ol,
.sectionminornoborder ul, .sectionminornoborder ol,
.sectionmajornoborder ul li, .sectionminornoborder ul li {
	margin-left: 10px;

}
	
.box, .boxbackground, .boxbackgroundmed, .boxheading, .boxheadingnarrow, .boxheadingmedium {
	padding: 0;
	margin: 1em 0;
	border: 1px solid #ccc;
	}
.boxheadingnarrow { width: 20em; }
.boxheadingmedium, .boxbackgroundmed { width: 40em; }

.box p, .box ul, .box ol,
.boxbackground p, .boxbackgroundmed p, .boxbackground ul, .boxbackground ol, .boxbackgroundmed ol, 
.boxheading p, .boxheading ul, .boxheading ol, 
.boxheadingnarrow p, .boxheadingnarrow ul, .boxheadingnarrow ol,
.boxheadingmedium p, .boxheadingmedium ul, .boxheadingmedium ol {
    margin-top: 0.8em;
	margin-right: 10px;
	margin-bottom: 0.8em;
	}

/* remove heading formatting for boxbackground 
.box h2, .box h3, .box h4, 
.boxbackground h2, .boxbackground h3, .boxbackground h4,
.boxbackgroundmed h2, .boxbackgroundmed h3, .boxbackgroundmed h4,
.boxheading h2, .boxheading h3, .boxheading h4,
.boxheadingnarrow h2, .boxheadingnarrow h3, .boxheadingnarrow h4,
.boxheadingmedium h2, .boxheadingmedium h3, .boxheadingmedium h4 {
	margin: 0;
	padding: 0.8em 10px;	
	font-size: 1em;	
	letter-spacing: normal;
	}
*/	

.boxheading h2, .boxheading h3, .boxheading h4,
.boxheadingnarrow h2, .boxheadingnarrow h3, .boxheadingnarrow h4,
.boxheadingmedium h2, .boxheadingmedium h3, .boxheadingmedium h4 { 
	background: #555; 
	color: #fff;
	padding: 5px 10px;
	}


.boxbackground, .boxbackgroundmed {
	background: #f3f3f3;
	margin: 0 20px 0 10px;
	padding: 15px;
	}
	
.boxyellow {
	padding: 8px;
	background-color: #f9f1c1;
	margin-right: 20px;
	}

/* New in page links using left nav bar - Mark 22/3/10 */
#contentheading { color: #002a5c; font-size: 1.4em; border-bottom: 1px solid #d3d3d3; padding-bottom: 10px; padding-left: 5px; margin-bottom: 16px; }
#contentsnav { width: 235px; float: left; border-bottom: 1px solid #363636; }
#contentsection { margin-left: 253px; }
#contentsection h2 { padding: 0 20px 0 0; margin-top: 0; }
#contentsnav ul { list-style: none; margin: 0; padding: 0; }
#contentsnav li { border-bottom: 1px solid #d3d3d3; color: #000; padding: 9px 20px 7px 10px; background: #e9e9e9; }
#contentsnav li.header { padding-top: 2px; padding-bottom: 2px; background: #e9e9e9; /* url(../images/contentsnavcnr.gif) no-repeat top right; */
/* -moz-border-radius-topright: 25px 30px; /* Firefox */ /* -webkit-border-top-right-radius: 25px 30px; /* Safari */ }
#contentsnav li {
	border-bottom: 1px solid #d3d3d3;
	color: #000;
	padding: 5px 19px 5px 10px;
	background: #e9e9e9;
}
#contentsnav ul ul li { border-bottom: none; padding: 0 20px 0 10px; background: #e9e9e9; }
#contentsnav h2 { margin: 0.4em auto 0.2em auto; padding: 0; color: #444; }
#contentsnav h3 { margin: 0.2em auto; font-weight: normal; font-size: 1.2em; }
#contentsnav h4 { margin: 0; padding: 0; font-size: 1.0em; font-weight: normal; }

/* Research and evaluation register */
ul.checkboxes div { margin: -1.3em 0 0 25px; }
ul.checkboxes { margin-left: 0; }
.pagination { padding-bottom: 15px; }  /* Used by Rails */
#registernav { width: 230px; float: left; border-bottom: 1px solid #363636; }
#registernav a { color: #fff; text-decoration: none; }
#registernav a:hover { text-decoration: underline; }
#registernav ul { list-style: none; margin: 0; padding: 0; border-bottom: 1px solid #007dc3; }
#registernav a.active { color: #000; padding: 7px 0 4px 10px; margin: -6px -18px -5px -9px; background: #fff; display: block; }
#registernav li.header { padding-top: 2px; padding-bottom: 2px; background: #007dc3; }
#registernav li {
	border-bottom: 1px solid #d3d3d3;
	color: #fff;
	padding: 7px 19px 5px 10px; /* padding: 11px 20px 9px 10px; */
	background: #007dc3;
}
#registernav ul ul li { border-bottom: none; padding: 0 20px 0 10px; background: #007dc3; }
#registernav h4 { margin: 0; padding: 0; font-size: 1.0em; font-weight: normal; }
#registernav h3 { margin: 7px 18px 5px 0; padding: 0; color: #fff; font-size: 1.1em; }
#registernav h2 { margin: 7px 20px 5px 0px !important; padding: 0 !important; color: #444; }


/*horizontal link menu style - Ros */
.horizontallinkmenu ul { margin: 0; padding: 9px 5px 30px 0; list-style-image: none; }
.horizontallinkmenu ul li { float: left; display: block; list-style-image: none; }
.horizontallinkmenu ul li a { padding: 0 0.5em;  }
.horizontallinkmenu ul li a.sep { border-left: 1px solid #ccc; }
.horizontallinkmenu ul li.sep { float: left; display: block; list-style-image: none; border-left: 1px solid #ccc; padding: 0 0.5em;  }
.horizontallinkmenu ul li.sepr { float: left; display: block; list-style-image: none; border-right: 1px solid #ccc; padding: 0 0.5em;  }

.hidden {
	position: absolute;
	left: -2000px;
	width: 1900px;
	padding: 0;
	margin: 0;
}

/* SUPERSEDED TABLE STYLES - USE BELOW INSTEAD */
.pubstable {
	padding: 3px;
	border-top: 1px solid #a6a6a6;
	border-spacing: 0;
}
.pubstable tr.pubheadtable {
	background-color: #CCC;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid #999;
	padding: 3px;
}
.pubstable td { 
	vertical-align: top;   
	font-size: 0.9em;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	padding: 5px;
}
.pubstable td.pubheadtable { 
	background-color: #ddd;
	font-weight: bold;
	font-style: italic;
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid #999;
	padding: 3px;
}
.pubstable td.pubstablenumber { text-align: right; }
.pubstable td.pubstableindent { padding-left:20px; }
.pubstable ul, .pubstable ol { margin-top: 0px !important; }
.pubstable th {
	vertical-align: middle;
	font-size: 0.9em;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	padding: 10px 5px 10px 5px;
}
.pubstable th.pubheadtable { 
	background-color: #ddd;
	font-weight: bold;
	vertical-align: top;
	border-bottom: 1px solid #999;
	padding: 3px;
}
.pubstable th.pubheadtablenumber { 
	background-color: #ddd;
	font-weight: bold;
	text-align: right;
	vertical-align: top;
	border-bottom: 1px solid #999;
	padding: 3px;
}
.tablereport { padding: 6px; font-size: 0.9em; }
.tablereport td { padding: 6px; vertical-align: middle; }
.tablereport td.tablereportborder { border-bottom: 1px solid #000; }
.tablereport th { vertical-align: middle; padding: 10px 6px 10px 6px; }
.tablereport th.tablereportright {
	text-align: right;
	padding: 10px 5px 10px 5px;
	background-color:#CCC;
}
.tablereport th.tablereportborder { border-bottom: 1px solid #000; }
.tablereport tr.tablereportborder td, .tablereport tr.tablereportborder th {
	border-bottom: 1px solid #000; }
.tablereportwithborders { padding: 6px; font-size: 0.9em; }
.tablereportwithborders  td { 
	padding: 6px;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.tablereportwithborders  td.tablereporttop { 
	padding: 6px; vertical-align: top; }
.tablereportwithborders  td.tablereportborder { 
	border-bottom: 1px solid #000; }
.tablereportwithborders  th {
	vertical-align: middle;
	padding: 10px 6px 10px 6px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc; }
.tablereportwithborders th.tablereportright {
	text-align: right;
	padding: 10px 5px 10px 5px;
	background-color:#CCC; }
.tablereportwithborders  th.tablereportborder {
	border-bottom: 1px solid #000; }
.tablereportwithborders  tr.tablereportborder {
	border-bottom: 1px solid #000; }
.tablereportwithborders td ol li {
	margin-top: 0;
	margin-bottom: 0.2em;
	list-style-type: decimal; }
.tablereportwithborders td ol {
	padding-left: 0; }
.tablereportwithborders td ol ol {
	margin-left: 0; 
	padding-left: 0; }
.tablereportwithborders td ol ol ol {
	margin-left: 0; 
	padding-left: 0; }
.tablereportwithborders td ol ol li {
	margin-top: 0;
	margin-bottom: 0.2em;
	list-style:lower-alpha; }
.tablereportwithborders td ol ol ol li {
	margin-top: 0;
	margin-bottom: 0.2em;
	list-style:lower-roman; }

.notbold { font-weight: normal; }

/* END old table format */


/* * * * * * * * * * * * * * * * * * * * * * * *
                 T A B L E S 
 * * * * * * * * * * * * * * * * * * * * * * * */

table { margin-bottom: 1em; }
caption { text-align: left; margin-bottom: 0.5em; }
td, th { 
	text-align: left; 
	vertical-align: top;
	font-size: 0.9em; 
	padding: 6px;
	}
th { 
	font-weight: bold;
	color: #333;	
	}
td ul { margin-top: 0; margin-bottom: 0; }

/*  TABLES: USE THE FOLLOWING GROUP OF CLASSES TO FORMAT DATA TABLES
   .tableleft/centre/right will give basic tables with left/centre/right aligned data and headings
   .tablerowlinesleft/centre/right will give a line under every row in the table
    To shade the background of headers: tr.headershade or thead.headershade
	To shade the background or a row (eg subheaders or alternate rows): tr.rowshade
	For headers down the side of the table: th.rowheader
	To put a line under any row: tr.rowline
	To put a line under a single cell: td.line or th.line
	To add column lines to the left/right/both sides of a cell: td or th.collineleft / .collineright / .collineboth
	To override the default table text alignment of a cell: td or th.left / .centre / .right
	To override the default table vertical alignment of a cell: td or th.middle / .bottom   
	Indenting within a cell - avoid when possible eg use headings, bold instead
	If you must indent: td or th or span.tindent for one level of indentation; .tindent2 for second level indentation
*/
.tableleft td, .tableleft th,							
.tablerowlinesleft td, .tablerowlinesleft th {  		
    text-align: left;
	vertical-align: top; 
	}
.tablecentre td, .tablecentre th,
.tablerowlinescentre td, .tablerowlinescentre th {
	text-align: center;
	vertical-align: top;
	}
.tableright td, .tableright th,
.tablerowlinesright td, .tablerowlinesright th {
    text-align: right;
	vertical-align: top;
	}	
.tablerowlinesleft td, .tablerowlinesleft th,
.tablerowlinescentre td, .tablerowlinescentre th,
.tablerowlinesright td, .tablerowlinesright th { 	
	border-bottom: 1px solid #ccc;
	}

/* Add to any row or cell for a bottom border */
tr.rowline td, tr.rowline th { border-bottom: 1px solid #ccc; }
td.line, th.line { border-bottom: 1px solid #ccc; }
th.headerline { border-bottom: 1px solid #a6a6a6; } /* darker line shows on shaded background */

th.mainheader { text-align: center; border-bottom: 1px solid #a6a6a6; }

/* add to header rows for shaded background (darker) */
tr.headershade th, thead.headershade th { background-color: #ccc; }

/* add to any row for shaded background (lighter) eg every second row or subheadings  */
tr.rowshade td, tr.rowshade th { background-color: #eee; } 

/* make header cells look like normal text */
th.rowheader { text-align: left; font-weight: normal; }
th.rowheaderbold { text-align: left; font-weight: bold; }

.collineright { border-right: 1px solid #a6a6a6; }
.collineleft { border-left: 1px solid #a6a6a6; }
.collineboth { border-left: 1px solid #a6a6a6; border-right: 1px solid #a6a6a6; }

td.left, th.left { text-align: left; }
td.centre, th.centre { text-align: center; }
td.right, th.right { text-align: right; }
td.middle, th.middle { vertical-align: middle; padding-left: 6px; }
td.bottom, th.bottom { vertical-align: bottom; }

td.tindent, th.tindent, td span.tindent, th span.tindent { padding-left: 1em; }
td.tindent2, th.tindent2, td span.tindent2, th span.tindent2 { padding-left: 2em; }

/*   END TABLE STYLES */



.followus {
	margin-bottom: 10px;
	margin-top: 0;
	width: 130px;
}
.followus ul { border: 1px solid #007dc3; }
.followus li.email { 
	background: transparent url(/images/icon_email.png) no-repeat 0 0.5em;
	margin-left: 5px; 
	padding: 6px 0 2px 20px !important;}
	
.followus li.rss { 
	background: transparent url(/images/feed.png) no-repeat 0 0.5em;
	margin-left: 5px; 
	padding: 6px 0 2px 20px !important;}


.followus li.twitter { 
	background: transparent url(/images/twitter-mini.png) no-repeat 0 0.5em;
	margin-left: 5px; 
	padding: 6px 0 2px 20px !important;}

.followus li.pubs {
	background: transparent url(/images/icon_pubs.gif) no-repeat 0 0.5em;
	margin-left: 5px; 
	padding: 6px 0 2px 20px !important;} 

.followus a:link, .followus a:visited {
	color: #639;
	line-height: 1.4 !important;
	text-decoration: none;
	}	

.followus h3 {
	font-size: 1.0em;
	color: #fff !important;
	background: #007dc3;
	display: block;
	padding: 0.5em;
	font-weight: normal;
	margin: 0;
}

.spacedlist li, .spacedlist ul, .spacedlist dt, .spacedlist dd { margin-bottom: 1em; }
.unspacedlist li, .spacedlist dt, .spacedlist dd { margin-bottom: 0; }
.halfspacedlist li, .halfspacedlist dt, .halfspacedlist dd { margin-bottom: 0.5em; }
.halfspacedlistnobullets li { margin-bottom: 0.5em; list-style-type: none; }
.nobullets { list-style-type: none; }
.nobullets ul { list-style-type: none; margin-left: 0; }
.noindent { margin-left: 0; }
.hide { display: none; }
.infobox {
    margin: 0 0 1.5em 0;
    padding: 4px;
    border: 1px solid #704b18;
	border-top: 1px solid #704b18;
	line-height: 1.3;
    }
.infobox h2 { font-size: 100%; text-align: left; letter-spacing: 0; margin: 0 0 0.3em 0; }
.infobox p { margin: 0; }
.infobox ul { margin: 0; padding-left: 14px; color: #225b92; }
.infobox ul li { margin-bottom: 4px; }
.infobox img { float: left; padding-right: 15px; }
.infobox strong { color: #333; }
.pubsection { margin-left: 10px; }
.pubsection .pubcover { float: left; border: 1px solid #ccc; margin-right: 25px; margin-bottom: 15px; }
.pubsection .pubimage { float: left; margin-right: 25px; margin-bottom: 15px; }
.pubsection h2 { font-size: 1.1em; font-style:normal; text-align: left; color: #b20e05; margin: 0.4em 0; }
.pubsection h3 { font-size: 1.0em; color: #000; margin: 0.2em 0 0.4em 140px; }
.pubsection h3 a { color: #000; }
.pubsection p { margin: 0 0 0 140px; }
.pubsection ul { margin-left: 140px; margin-top: -0.4em; list-style: none !important; }
.pubsection ul li { margin-top: 0; margin-bottom: 0.2em; padding-bottom: 0.4em; padding-top: 0.2em; border-bottom: 1px dotted #868686; }
.pubsection .bullet { list-style:disc !important; margin-left: 160px !important; }
.pubsection .bullet ul li { list-style:circle; }
.clear-both { clear: both; }
.clear-left { clear: left; }
/*  main content menu with dropdown submenus  */
#nav { position: relative; display: block; background: #fff url(/nch/images/toprightouter.gif) no-repeat top right; padding: 8px 0 0 0; margin: 0; line-height: 1.8; width: 100%; }
ul#searchnav { margin: -75px 10px 2px 0; list-style: none; text-align: right; padding-bottom: 10px; }
ul#searchnav li { display: inline; font-size: 0.9em; }
ul#searchnav li a { padding: 0 0.5em; }
ul#searchnav li a.sep { border-left: 1px solid #fff; }
ul#searchnav a { text-decoration: none; color:#fff; }
ul#searchnav a:hover { text-decoration: underline; }
ul#searchnav form { margin: 20px 0.5em 15px 0; }
ul#searchnav input { font-size: 0.9em; font-weight: normal; color: #666; }
ul#searchnav input.gobut { font-size: 0.9em; font-weight: normal; }
	
#pagename { float: right; text-align: left; width: 230px; margin: -60px 0 0 0; }

.styledform { border-bottom: 1px solid #363636; border-top: 1px solid #363636; margin-bottom: 1.0em; }
.styledform th { background: #e9e9e9; border-top: 1px solid #fff; font-weight: normal; text-align: right; vertical-align: top; line-height: 1.3; }
.styledform td.background { background: #e9e9e9; border-top: 1px solid #fff; }
.styledform th h3 { text-align: left; margin-top: 0; margin-bottom: 0; margin-left: 7px; }
.styledform td h4 { text-align: left; margin-top: 0; margin-bottom: 0; }
.styledform td { border-top: 1px solid #d3d3d3; }
.styledform td ul { margin-top: 0; margin-bottom: 0; margin-left: 1.0em; }
.styledform td ul li:only-child { margin-left: -1.0em; list-style: none; }
.styledform td p { margin-top: 0; }
form.project_search input { font-size: 0.8em; }


/* Contact page */
.col1narwide { float: left; color: #444; width: 130px; font-size: 0.9em; font-weight: bold; }
.col2narwide { margin-left: 150px; font-weight: normal !important; }
.col2narwide form { display: inline; }
/* Must specify font size in ems for IE6 accessibility and font style for consistency between fields MP */
.col2narwide input, .col2narwide textarea { font-size: 0.9em; font-family: helvetica, arial, sans-serif; }
#contactform {
	float: left; 
	width: 50%; 
	padding: 0; 
}

#contactmap {
	float: right;
	border: 1px solid #a6a6a6;
	padding: 5px;
	margin-right: 15px;
	width: 43%; 
	background-color: #eee;
}
#contactmap ul {
	list-style-type: none;
	margin: 1.0em;
}
#map {
	margin: 1.0em 0;
	height: 240px;
	z-index: 0;
	border: 1px solid #a6a6a6;
}

/* Removed as causing HTML validation error, but required if you want to draw polylines in Google Maps ie. directions
v\:* {
	behavior:url(#default#VML);
} */
#announce {
	background-image:url(images/new-manage.gif);
	background-position:top right;
	background-repeat:no-repeat;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
 	font-size: 1px;
    line-height: 0px;
}
.pubsmall ul { margin: 0 0 1.5em 0; list-style: none !important; }
.pubsmall ul li { margin: 0 0 0.2em 0; padding-left: 5px; padding-bottom: 0.4em; padding-top: 0.2em; border-bottom: 1px solid #b3b3b3; width: 99%; overflow: hidden; }
.pubsmall .pubcover { float: left; border: 1px solid #d3d3d3; margin-right: 25px; margin-bottom: 5px; }