@charset "utf-8";

/* The Body element of the style sheet controls the overall page and defines certain page aspects such as the global font and colours. Making changes here can affect the entire site.*/

body
{
	font-family: arial; font-size:1em; background: #000000; margin: 0px 0px 0px 0px; padding: 0px; text-align: center;  color: #ffffff;
}



/* This is the style for the Heading 1 elements used within the site. Changing these properties will affect all pages containing H1s*/

h1
{
	font-size: 1.2em; font-weight:lighter; padding:0px; margin: 16px 0px 8px 0px;
}



/* This is the style for the Heading 2 elements used within the site. Changing these properties will affexct all pages containing H2s*/

h2
{
	font-size: 0.9em; font-weight:lighter; padding:5px 0px 0px 0px; margin: 0px 0px 3px 0px;
}



/* This is the style for the Heading 3 elements used within the site. Changing these properties will affect all pages containing H3s*/

h3
{
	font-size: 0.9em; font-weight:lighter; padding:0px 0px 8px 0px; margin: 0px;
}



/* This is the style for the Heading 4 elements used within the site. Changing these properties will affexct all pages containing H4s*/

h4
{
	font-size: 0.9em; font-weight:lighter; padding:5px 0px 0px 0px; margin: 0px 0px 3px 0px;
}



/* This is the style for the headings on the two forms.*/

.formheader
{
	padding-bottom:12px;
}



/* This is the style for the Link elements used within the site. Changing these properties will affect all pages containing Links including the navigation bars*/

a:link
{
	color:#ffffff; text-decoration:none;
}



/* This is the style for the state of a link when the user has clicked it. It has been left white to make sure that the links in the navigation bar do not change colour*/

a:visited
{
	color:#ffffff; text-decoration:none;
}



/* The hover state for the links has been set to a simple underline. */

a:hover
{
	color:#ffffff; text-decoration:underline;
}



/* This tag makes sure that if an image is used to link to another page, it won't display a border around it.*/

a img
{
	border:none;
}



/* The Paragraph tag controls the main text of the site. The sizes etc are also passed on to other elements such as Headings etc so be careful when changing these properties.*/

p
{
	font-family: arial; font-size:0.8em; color: #FFFFFF; padding:0px; margin: 0px 0px 8px 0px;	
}



/* A new text type that allows the text on the FAQ pages to fit. It is slightly smaller than the rest of the site text.*/

.faqtext
{
	font-family: arial; font-size:0.73em; color: #FFFFFF; padding:0px; margin: 0px 0px 15px 0px;	
}



/* This container div is the boundary in which all of the other elements sit. I fixes the page width and also ensures it sits in the middle of the screen*/

.thrColFixHdr #container 
{ 
	width: 900px; background: #000000; margin: 0 auto; 
} 



/* This is the div that holds the header and specifies the spacing around it etc.*/

.thrColFixHdr #header 
{ 
	background: #000000; height: 140px; width:900px; margin: 0px; padding: 0px; background-repeat:no-repeat;
} 



/* This div controls the small images in the centre of the page.*/

.mainsmallimage
{
	width:104px; height:78px; background-color:#FFFFFF; float:left; margin: 0px 22px 10px 0px;
}


/* This set of div tags control the appearance of the sitemap page. it is in two columns one floated left and the other to the right. if in time a third column is needed, the widths and margins will need to be adjusted to fit a new column in the middle. You could have 3 columns of 290px wide easily with padding between. */

.sitemaptextleft
{
	Width:300px; float:left; padding-top:26px; margin-left:-20px;
}

.sitemaptextright
{
	Width:300px; float:right; padding-right:174px; padding-top:26px;	
}

.sitemap
{
	font-size:0.8em; list-style:none; padding-bottom:5px;
}



/* In order to create a navigation bar that is justified to both edges, a supplimentary tag was needed to remove the standard amount of padding. This tag controls the right hand navigation item.*/

.endnavitem 
{
	font-family: arial; font-size: 1em; color:#ffffff; padding: 0px 0px 0px 0px; list-style:none;
}


.endnavitem li
{
	font-family: arial; font-size: 1em; color:#ffffff; padding: 0px 0px 0px 0px; list-style:none;
}

/* This is the div that holds the top navigation bar and sets out it's properties and spacing. If a navigation link is changed, the amount of padding on each can be adjusted here. The font size can also be adjusted if a new item is needed.*/

.navtest
{
	font-size:0.9em; width:900px; height:24px; border-bottom: 1px; border-bottom-color: #cc0000; border-bottom-style:solid;
	margin: 7px 0px 0px 0px; text-align:left; padding: 0px 0px 0px 0px; list-style:none;
}



/* This is the div that holds the footer navigation bar and sets out it's properties and spacing. If a navigation link is changed, the amount of padding on each can be adjusted here. The font size can also be adjusted if a new item is needed.*/

.navtestfooter
{
	font-size:0.75em;  width:900px; height:14px; border-top: 1px; border-top-color: #cc0000; border-top-style:solid;
	margin: 0px 0px 0px 0px; text-align:left; padding: 0px 0px 0px 0px; list-style:none;
}



/* This div controls the spacing etc around the West Yorkshire Police logo at the bottom right of the page.*/

.forcelogo img
{
	margin: 0px 0px 10px 0px; padding: 4px 6px 0px 20px;
}



/* This tag controls the size and position of the next and back buttons.*/

.navbuttons
{
	float:right; width: 106px; padding-top:0px; padding-right:2px;
}



/* This tag controls the settings for the left hand content pane. The padding etc are set to make sure that the screen does not misbehave in IE6 do not change these. */

.thrColFixHdr #sidebar1 
{
	float: left; /* do not alter */ 
	width: 526px; /* do not alter */
	background: #000000; 
	padding: 0px 20px 0px 40px;  /* do not alter */
	margin: 6px 0px 6px 0px;  /* do not alter */
	height: 370px;
	text-align: left;  /* do not alter */
	border-right: 1px; border-right-color: #cc0000; border-right-style:solid;	
}



/* This tag controls the settings for the right hand content pane. The padding etc are set to make sure that the layout does not misbehave in IE6 do not change these!!! */

.thrColFixHdr #sidebar2 
{
	float: right; 
	width: 270px;  /* do not alter */
	background: #000000; 
	padding: 0px 30px 0px 0px;  /* do not alter */
	margin: 6px 0px 6px 0px;  /* do not alter */
	height: 360px;
	text-align: left;  /* do not alter */
}



/* This tag controls the settings for the left hand content pane is used as a single column layout. This style is used on pages such as the contact pages.*/

.thrColFixHdr #sidebar3 
{
	float: left; /* do not alter */
	width: 780px; /* do not alter */
	background: #000000; 
	padding: 0px 20px 0px 40px;  /* do not alter */
	margin: 6px 0px 6px 0px;  /* do not alter */
	height: 370px;
	text-align: left;  /* do not alter */	
}



/* These are the standard declarations for the list elements used on certian pages. */

ul
{

}


ul li
{
	line-height:1.2em;
}



/* Controls the line height and the type of bullet point the site will display within the text. */

.listtext
{
	font-size:0.8em; list-style:disc;
}



/* This is the tag that controls the dimensions of the grey boxes in the right hand content pane. */

.rightnavholder
{
	width:260px;   /* do not alter */
	height: 100px;  /* do not alter */
	background-color:#161616;  /* do not alter */
	padding: 4px;  /* do not alter */
	margin: 10px 0px 12px 0px;  /* do not alter */
}



/* This is the tag that controls the dimensions of the grey boxes in the right hand content pane when more than 3 are used. There are no images in as they would appear too small to be effective. */

.rightnavholdermore
{
	width:260px;   /* do not alter */
	height: 55px;  /* do not alter */
	background-color:#161616;  /* do not alter */
	padding: 4px;  /* do not alter */
	margin: 8px 0px 6px 0px;  /* do not alter */
}



/* This tag controls the space etc around the small image within the grey box.*/

.smallimage
{
	width:80px; height:80px; background-color:#FFFFFF; float:right; margin:8px 4px 5px 0px;
}



/* This tag defines the size etc of the text within the grey box*/

.righthandtext
{
	font-size:0.9em; padding: 5px 0px 0px 8px; float:left; width: 144px;
}



/* This tag defines the size etc of the text within the grey box when more than 3 options are used.*/

.righthandtextmore
{
	font-size:0.8em; padding: 0px 0px 0px 8px; float:left; width: 245px;
}



.replicationimg
{
}


/* In order to create a navigation bar that is justified to both edges, a supplimentary tag was needed to remove the standard amount of padding. This tag controls the right hand navigation item.*/

.footerendnavitem 
{
	font-family: arial; color:#ffffff; padding: 0px 0px 0px 0px; list-style:none;
}

.footerendnavitem li
{
	font-family: arial; color:#ffffff; padding: 0px 0px 0px 0px; list-style:none;
}


/* The purpose of this tag is to clear the float setting of a div. You will see it below an element in the html to clear this setting before the next div begins.*/

.clearfloat 
{ 
	clear:both; height:0; font-size: 1px; line-height: 0px;
}