/* CSS Document */
/*******************************************************************************/
/* Layout CSS File                                                             */
/*   Screen-based site layout and positioning rules                            */
/*                                                                             */
/* Developed by Matthew Harris, DBS, www.dbs-uk.co.uk                          */
/*******************************************************************************/

/* center align trick */
/*******************************************************************************/
body {
	/* to get ie5/win to align the layout in the center */
	text-align: center;
	background-image:url(/site/img/bgtile.jpg);
	background-position:center;
	font-family:"Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
}

div#container {
	/* for center alignment */
	margin: 0 auto;
	text-align: left;
}

/* utility classes */
/*******************************************************************************/
div.spacer {
	clear: both;
}

h1
{
	font-size:1.33em;
	color:#000000;
	margin-bottom:10px;
	line-height:1.2em;
}

h2
{
	font-size:1em;
	color:#666666;
	font-weight:normal;
	margin-bottom:10px;
	line-height:1.33em;
}

h3, h4, h5, h6
{
	font-size:1.17em;
	color:#000000;
	margin-bottom:10px;
}

p
{
	color:#666666;
	line-height:1.33em;
}

a
{
	outline:none;
}

.float
{
	float:left;
}

/* site container */
/*******************************************************************************/
div#container
{
	width: 900px;
	padding: 15px 0 0 0;
}

/* skip links - accessibility */
/*************************************************************************************/
div#skiplinks a, 
div#skiplinks a:hover, 
div#skiplinks a:visited,
div#skiplinks p
{
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}
 
/* lvha */
div#skiplinks a,
div#skiplinks a:link, div#skiplinks a:visited, 
div#skiplinks a:hover, div#skiplinks a:active
{
	color: #ccc;
}



/* header block */
/*******************************************************************************/
div#header_container
{
	background:#e50d2e;
	height:126px;
}

div#telephone
{
	width:719px;
	float:left;
}

div#logo
{
	width:181px;
	float:left;
}

div#navigation
{
	width:719px;
	height:28px;
	background:#e50d2e;
	padding:35px 0 0 0;
}


/* NAVIGATION */
/*******************************************************************************/



div#navigation ul
{
	margin:0;
	padding:0 0 0 5px;
	background: #e50d2e;
}

div#navigation ul li
{
	list-style:none;
	display:inline;
	padding:0;
}

div#navigation ul li a:link
{
	padding:0 10px 0 10px;
	color:#FFFFFF;
}

div#navigation ul li a.pipe
{
	border-right: #FFFFFF solid 2px;
}

div#navigation ul li a:visited
{
	color:#FFFFFF;
	padding:0 10px 0 10px;
}

div#navigation ul li a:hover,
.home ul li#home a,
.about ul li#about a,
.our ul li#our a,
.faqs ul li#faqs a,
.how ul li#how a,
.resources ul li#resources a,
.contact ul li#contact a
{
	text-decoration:underline;
	padding:0 10px 0 10px;
}

div#navigation ul li a:active
{
	color:#FFFFFF;
	padding:0 10px 0 10px;
}


/* body block */
/*******************************************************************************/
div#body_container
{
	background:#FFFFFF;
	clear:both;
	padding:2px 0 0 0;
}


/* flash container */
/*******************************************************************************/

div#flash_container
{
	width:715px;
	height:145px;
	padding-bottom:2px;
}

/* content */
/*******************************************************************************/
div#content
{
	width:715px;
	float:left;
	padding:0 2px 10px 2px;
}

div#copy
{
	width:695px;
	padding:5px 10px 0 10px;
	background:url(/site/img/gradient-header.gif) top repeat-x;
	text-align:justify;
}

div#copy ul
{
	color:#666666;
}

div#copy a:link,
div#copy a:visited
{
	color:#e50d2e;
}

div#copy a:hover
{
	color:#e50d2e;
	text-decoration:underline;
}

div#copy a:active
{
	color:#000000;
}

div.column_wrap_left
{
	width:694px;
	float:left;
	background:url(/site/img/column-wrap-bg.gif);
}

div.column_wrap_right
{
	width:694px;
	float:left;
	margin-left:10px;
	background:url(/site/img/column-wrap-bg.gif);
}


div.column
{
	width:694px;
	background:url(/site/img/column-header.gif) top no-repeat;
}

div.column p
{
	margin: 1em 1em 0 1em;
	font-size: 1.5em;
}

div.column ul
{
	font-size: 1.2em;	
}

div.column ul li
{
	line-height: 1.2em;
}


div.column_footer
{
	width:694px;
	height:9px;
	background:url(/site/img/column-footer.gif) no-repeat;
	position:absolute;
}

div.pos_image
{
	position:relative;
	top:-224px;
	right:-573px;
	width:100px;
	height:107px;
}

div.pos_image2
{
	position:relative;
	top:-331px;
	right:-450px;
	width:100px;
	height:107px;
}

ul.column_list
{
	margin:0;
	padding:10px 0 0 25px;
	color:#666666;
}

ul.column_list li
{
	margin:0;
	padding:0;
	line-height: 15px;
}




div.column_wrap_inner
{
	width:695px;
	float:left;
	background:url(/site/img/column-inner-wrap-bg.gif);
}


div.column_inner
{
	width:695px;
	background:url(/site/img/column-inner-header.jpg) top no-repeat;
}


div.column_inner_footer
{
	width:695px;
	height:9px;
	background:url(/site/img/column-inner-footer.gif) no-repeat;
	position:absolute;
}

div#info
{
	padding: 20px 20px 20px 20px;
}

h3.faq_header
{
	display:block;
	background-image:url(/site/img/gradient-header.gif);
	padding:3px 5px 3px 10px;
}

p.faq_para
{
	padding:0 10px 0 10px;
}

/* sidebar */
/*******************************************************************************/

div#sidebar
{
	width:179px;
	float:left;
}

/* services */
/*******************************************************************************/

div#services_wrapper
{
	width:179px;
}

div#services
{
	width:177px;
	background:url(/site/img/gradient-header.gif) top repeat-x;
	border-top:solid 1px #999999;
	border-right:solid 1px #999999;
	border-left:solid 1px #999999;
	padding-top:5px;
}

div#service_footer
{

}

div#services ul
{
	margin:0;
	padding:5px 0 0 0;
	background:#FFFFFF;
}

div#services ul li
{
	margin:0;
	padding:0;
	list-style:none;
	font-size:0.88em;
}

div#services ul li a:link,
div#services ul li a:visited
{
	background-image:url(/site/img/serv-off.gif);
	background-position:top;
	background-repeat:no-repeat;
	display:block;
	padding:5px 0 4px 30px;
	line-height:1.3em;
	color:#000000;
}

div#services ul li a:hover,
div#services ul li a:active,
div#services ul.unfair li#unfair a,
div#services ul.construct li#construct a,
div#services ul.redundancy li#redundancy a,
div#services ul.disability li#disability a,
div#services ul.age li#age a,
div#services ul.sexpay li#sexpay a,
div#services ul.race li#race a,
div#services ul.disciplinaries li#disciplinaries a,
div#services ul.sickness li#sickness a,
div#services ul.tribunal li#tribunal a,
div#services ul.bullying li#bullying a,
div#services ul.compromise li#compromise a
{
	background-image:url(/site/img/serv-on.gif)!important;
	background-position:top;
	background-repeat:no-repeat;
	color:#e50d2e;
}


h3.service_header
{
	padding-left:10px;
	padding-bottom:5px;
	margin:0;
}


/* service options */
/*******************************************************************************/

ul.service_options
{
	list-style:none;
	margin:0 5px 0 0;
	padding:0;
	float:left;
}

ul.service_options li
{
	margin-bottom:5px;
}

ul.service_options li a:link,
ul.service_options li a:visited
{
	display:block;
	width:210px;
	border:solid 1px #CCCCCC;
	padding:5px 0 5px 10px;
}

ul.service_options li a:hover
{
	display:block;
	width:210px;
	border:solid 1px #CCCCCC;
	padding:5px 0 5px 10px;
	color:#FFFFFF!important;
	text-decoration:none!important;
	background-color:#e50d2e;
}

ul.service_options li a:active
{
	display:block;
	width:210px;
	border:solid 1px #CCCCCC;
	padding:5px 0 5px 10px;
}


/* footer */
/*******************************************************************************/
div#redfooter
{
	width:885px;
	height:24px;
	background:url(/site/img/redfooter.jpg) no-repeat;
	padding:16px 0 0 15px;
	color:#FFFFFF;
}

div#redfooter p
{
	color:#FFFFFF;

}



div#redfooter p a:link,
div#redfooter p a:visited
{
	color:#FFFFFF;
	text-decoration:underline;
}

div#redfooter p a:hover
{
	text-decoration:underline;
}

div#redfooter p a:active
{
	color:#FFFFFF;
	text-decoration:underline;
}

div#footer_container
{
	color: #ffffff;
	font-size: 0.83em;
	padding:15px 0 0 10px;
	clear:both;
}

div#footer_container p
{
	color:#FFFFFF;
	margin:0;
}

div#footer_container a:link,
div#footer_container a:visited
{
	color: #ffffff;
}

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

div#footer_container a:active
{
	color: #ffffff;
}

.alphahrlogo {margin-top:10px;}