@import url("forms.css");
@import url("layout.css");
@import url("reset.css");
@import url("typography.css");
@import url("jumplinks.css");


/* All custom styles for the site to go in this document. 
If possible don't change the included css files */

/* modified styles 
.box changed margin and padding to be 1em not 1.5em
*/

.box{
	background:transparent;
	padding-top:0;
}
.top{
	margin-top:1em;
}

/* lists */
ul {
	list-style-image: url('../../images/bullet-arrow.gif');
	margin:0 1.5em 0 0;
	padding-left:1.5em;
}
		ul li a {
			text-decoration:underline;
			color:#682891;
		}
		ul li a:hover {
			text-decoration:underline;
			color:#682891;
		}

dl dt {
	color:#340056;
}

dl dd {
	margin-left:0; margin-bottom:0.5em;
}

/*para's*/

p a {
	color:#682891;
	text-decoration:underline;	
}	
p a:hover {
	color:#682891;
	text-decoration:none;
}




body{
	background: url('../../images/body-bg.jpg') repeat-x top left;
}
	#header{
		height:174px;
	}
		#header div{
			margin-top:27px;
		}
			#header div.span-7 p{
				position:relative;
				height:147px;
				margin:0;
			}
				#header div.span-7 p span{
					position:absolute;
					width:100%;height:100%;
					top:0;left:-1px;
					background: transparent url('../../images/victims-of-crime-logo.jpg') no-repeat scroll top left;
				}
		
/* section navigation */		
#header {
position:relative;
}

#header #section-navigation ul {
	margin-left:0px;
	padding:0;
	width:525px;
}

	#header #section-navigation li {
		margin:0;padding:0;
		display:inline;
		float:left;
		list-style-image: none;
		list-style-type: none;
	}
	
		#header #section-navigation li a {
			position:relative;
			display:block;
			width:134px;height:147px;
			text-decoration:none;
		}
		#header #section-navigation li a:hover {
			text-decoration:underline;
		}
		#header #section-navigation li.last a, #header #section-navigation li.last-active a {
			width:123px;
		}
			#header #section-navigation li a span {
				position:absolute;
				top:0;left:0;
				height:100%;width:100%;
				text-indent: -9999px;
			}
			
			#header #section-navigation li.sections-1 a span {background: url('../../images/nav-default.jpg') no-repeat scroll 0 0;}
			#header #section-navigation li.sections-12 a span {background: url('../../images/nav-default.jpg') no-repeat scroll -134px 0;}			
			#header #section-navigation li.sections-11 a span {background: url('../../images/nav-default.jpg') no-repeat scroll -268px 0;}
			#header #section-navigation li.sections-2 a span {background: url('../../images/nav-default.jpg') no-repeat scroll -402px 0;}			


			#header #section-navigation li.sections-1 a:hover span, #header #section-navigation li.sections-1 a.first-active span{background: url('../../images/nav-over.jpg') no-repeat scroll 0 0;}
			#header #section-navigation li.sections-12 a:hover span, #header #section-navigation li.sections-12 a.active span{background: url('../../images/nav-over.jpg') no-repeat scroll -134px 0;}				
			#header #section-navigation li.sections-11 a:hover span, #header #section-navigation li.sections-11 a.active span{background: url('../../images/nav-over.jpg') no-repeat scroll -268px 0px;}
			#header #section-navigation li.sections-2 a:hover span, #header #section-navigation li.sections-2 a.active span {background: url('../../images/nav-over.jpg') no-repeat scroll -402px 0;}
				
		
		
			h1 {
				color:#340056;
				font-size:2em;
				margin-bottom:0.75em;
				line-height:1.5em;
			}
			
			
			
		#header form p, #header form p input {
			margin-bottom:0;width:106px;
		}

		#header form p input#subformbutton {
			position:absolute;
			bottom:-13px;
			right:10px;
			width:55px;
		}

	#footer {
		border-top:2px solid #bec882;
		margin-top:1em;
		padding-top:1em;
		text-align:right;
	}

/* secondary navigation */
#secondary-navigation ul{
	list-style-image: none;
	list-style-type: none;
	padding:0.3em 5px 0.5em 5px;margin:0 0 0.5em 0;
	font-size:90%;
	width:95px;
	border-bottom:1px solid #9ba755;
	background:#dce4ab;
}
		#secondary-navigation ul li a {
			text-decoration:none;
			color:#5a5a5a;
			font-weight:bold;
		}		
		#secondary-navigation ul li a:hover {
			text-decoration:underline;
			color:#5a5a5a;
		}


/* navigation */
div#navigation.sections-11 {
	background: transparent url('../../images/support-icon.gif') no-repeat scroll 64px 20px;
}
div#navigation.sections-12 {
	background: transparent url('../../images/reporting-icon.gif') no-repeat scroll 64px 20px;
}
div#navigation.sections-2 {
	background: transparent url('../../images/process-icon.gif') no-repeat scroll 64px 20px;
}

	div#navigation ul{
		list-style-image: none;
		list-style-type: none;
		padding-left:0;
		padding-bottom:0.5em;
		margin-top:60px;
		margin-bottom:1em;
		margin-left:40px;
		margin-right:0px;
		font-size:100%;
		width:190px;
		border-bottom:2px solid #bec882;
	}

		div#navigation ul li {
			border-bottom:1px solid #bec882;
		}
		div#navigation ul li.last{
			border-bottom:0px solid #bec882;
		}
		div#navigation ul li.first, div#navigation ul li.first.active {
			border-top:2px solid #bec882;
		}	
			div#navigation ul li a {
				padding-left:10px;
				display:block;
				width:180px;
				color:#30360c;
				text-decoration:none;

			}
			div#navigation ul li a:hover, div#navigation ul li.active a{
				text-decoration:none;
				color:#682891;
			}

		div#navigation ul li ul{
			margin:0;
			padding:0;
			border:0;
			background:none !important;	
		}

			div#navigation ul li ul li {
			border:0;
			border-bottom:1px dashed #bec882;
			}
			div#navigation ul li ul li.first, div#navigation ul li ul li.first.active {
				border-top:1px dashed #bec882;
			}
			div#navigation ul li ul li.last.active {
				border-bottom:0px;
			}
				div#navigation ul li ul li a{
					display:block;
					width:170px;
					color:#30360c;
					padding-left:20px;
					/*background-color:transparent;*/				
				}
				
				div#navigation ul li ul li ul li a{
					display:block;
					width:170px;
					color:#30360c;
					padding-left:40px;
					/*background-color:transparent;*/				
				}
				div#navigation ul li a:hover, div#navigation ul li.active a, div#navigation ul li.active ul li a:hover, div#navigation ul li.active ul li.active a{
					background-color:#fff;
				}
				div#navigation ul li.active ul li a {
					background-color:transparent;
				}

/*puff bg */
div.puff {
	background: transparent url('../../images/puff-bg.gif') repeat-x scroll top left;
	padding-top:0.5em;
}
	div.puff h3 {
		color:#30360c;
		line-height:1.5em;
	}
		div#puff-reporting div h3 {
			background: transparent url('../../images/puff-reporting-icon.gif') no-repeat scroll top right;
		}
		div#puff-support div h3 {                                                             
			background: transparent url('../../images/puff-support-icon.gif') no-repeat scroll top right;
		}                                                            
		div#puff-process div h3{                                        
			background: transparent url('../../images/puff-process-icon.gif') no-repeat scroll top right;
		}

/* content pages */

div#content {
	background: #fff url('../../images/content-bg.gif') repeat-y scroll top left;
	padding-top:20px;
}

		a.glossary{
			/*padding-right:18px;
			background:transparent url('../../images/icon-glossary.gif') no-repeat scroll center right;*/
			text-decoration:none;
			border-bottom:1px dashed #bec882;
			color:#682891;
		}
		a.glossary img {float:none; display:inline; padding:0px 0px 0px 3px; margin:0px; vertical-align:-0.2em;}
		a.tooltip b {display:none;}
		a.tooltip:hover {border:0; position:relative; z-index:500; text-decoration:none;}
		a.tooltip:hover b {display:block; position:absolute; top:20px; left:-25px; padding:5px; font-weight:normal; color:#000; border:1px solid #888; background:#f9fde1; width:150px;}
		a.tooltip:hover b em {position:absolute; left:20px; top:-6px; width:11px; height:6px; background:#fff url('../../images/tooltip.gif') 0 0; display:block; font-size:1px;}


		span.glossary{
			padding-left:18px;
			background:transparent url('../../images/icon-glossary.gif') no-repeat scroll center left;
		}

h4 {
	margin-bottom:0.5em;
	padding-left:10px;
	background:url('../../images/bullet-arrow.gif') no-repeat center left;
}
	h4 a {
		text-decoration:none;
		color:#682891;
	}
		h4 a:hover {
			text-decoration:underline;
			color:#682891;
		}

	div#rhp {
		margin-top:7px;
	}

#main-content {
	position:relative;
}

#main-content ul {
	margin-bottom:1.5em;
}

div#main-content table thead tr th{
	background-color:#BEC882;
	border-right:0;
	color:#fff;
}

div#main-content table tr th, div#main-content table tr td{
	background-color:#fff;
	border-right:0;
	border-bottom:1px dashed #BEC882;
}	
div#main-content table tr th, div#main-content table thead tr th.border-right{
	border-right:1px solid #BEC882;
}
	div#main-content table tr.banded td, div#main-content table tr.banded th {
		background-color:#F9FDE1;
	}
	
/* related */
		.related {
			background: #f9fde1 url('../../images/related-bg.gif') repeat-x scroll top left;
			padding:0.5em 1em;
			border-bottom:1px solid #bec882;
			margin-bottom:1em;
		}
			div.related  h3 {
				font-size:120%;
				color:#30360c;
				line-height:1.5em;
			}
			
		.related-img {
			margin-bottom:1em;
		}
		.dbl {
			background: #f9fde1 url('../../images/related-dbl-bg.gif') repeat-x scroll top left;
		}
		
		.jargon h3 {
			background: #f9fde1 url('../../images/rhp-jargon-bg.gif') no-repeat scroll top right;
		}
		.police h3 {
			background: #f9fde1 url('../../images/rhp-police-bg.gif') no-repeat scroll top right;
		}
		

	
	
/*contact form*/
form.form-contact {
	font-size:0.8em;
	margin:1em 0 0;
}
form.form-contact fieldset label {
	display:block;
	padding:0.5em 17em 0.5em 0;
	position:relative;
	text-align:right;
}
form.form-contact fieldset label input {
	font-size:1em;
	position:absolute;
	right:0;
	top:0;
	width:15em;
}
form.form-contact fieldset label.textarea {
	float:left;
	height:5.5em;
	margin:0;
	padding:0;
	width:11.5em;
}
form.form-contact fieldset textarea {
	float:right;
	font-family:"Arial";
	font-size:1em;
	height:5em;
	margin:0;
	width:15em;
}
form.form-contact fieldset input.button {
	background:#636363 none repeat scroll 0 0;
	border:0 none;
	clear:both;
	color:#FFFFFF;
	float:right;
	font-family:Arial;
	font-size:0.9em;
	font-weight:bold;
	margin-top:0.6em;
	padding:0.2em;
	text-transform:uppercase;
	width:6em;
}

a.prev,
a.next{
	color:#682891;
}

div.searchnav {
	color:#682891;
	margin-bottom:1em;
}

div.searchresults div.searchresult h4 {
	background-position:left 5px;
}

div.searchresults {
	padding-top:0.5em;
	padding-bottom:0.5em;
	border-top: dotted 1px #682891;
	border-bottom: dotted 1px #682891;
	margin-bottom:1em;
}