/* qgov stylesheet */

/* import styles that aren't supported in NN4  */
@import url(qglayout.css);

/* import print specific styles. This format of importing ensures IE4 does not get them. IE4 does horrible things with a block @media */ 

body{
	background-color:#FFF;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
}

p{
	line-height:1.5
}

/* font size */
#tools, #tools_newdesign, #nav1_dir, #nav1_dir_newdesign, #nav1_emp_newdesign, #nav1_ir, #nav1_child, #nav1_eso, #nav1_whs, #nav1_emp, #nav1_small, #nav2, .menuLayer, #content, #content_feature, #content_home, #content_home_emp, #feature_home, #nav2_home, #printbutton
{
	font-size: 80%;
}

/* added extra by Corey for smaller bcrumb text size, already 80%, 87.5% represents 70% of 80%*/ 
#bcrumb
{
	font-size: 87.5%;
}

/* added extra by Corey for smaller feature box text size*/
#feature
{
	font-size: 75%;
}

/* added extra by Corey for smaller footer text size*/ 
#footer
{
	font-size: 70%;
}

#footer_newdesign
{
	font-size: 70%;
}

/* correct IE 5.5 font size in tables */
table {
	font-size: 1em;
}

/* content headings - remember to multiply by any inherited font size to determine real size. eg the content div is styled at 80% font size so our h1 will be approx 104% (80 * 130%) */
#content h1, #content_feature h1
{
	font-size: 110%;
	margin: 0px 0px 0px 0px;
	padding: 1px 1px 2px 4px;
	text-align: left;
}

/* To add dir h1 background pattern */
.h1dir
{
	width: 100%;
	margin: -1px -1px -3px -3px;
	padding: 1px 1px 0px 4px;
	background: url(images/square_dir.gif) repeat ;
}

/* To add ir h1 background pattern */
.h1ir
{
	width: 100%;
	margin: -1px -1px -3px -3px;
	padding: 1px 1px 0px 4px;
	background: url(images/square_ir.gif) repeat ;
}

/* To add ir h1 background pattern */
.h1child
{
	width: 100%;
	margin: -1px -1px -3px -3px;
	padding: 1px 1px 0px 4px;
	background: url(images/square_child_yellow.gif) repeat ;
}

/* To add eso h1 background pattern */
.h1eso
{
	width: 100%;
	margin: -1px -1px -3px -3px;
	padding: 1px 1px 0px 4px;
	background: url( images/square_eso.gif) repeat ;
}

/* To add whs h1 background pattern */
.h1whs
{
	width: 100%;
	margin: -1px -1px -3px -3px;
	padding: 1px 1px 0px 4px;
	background: url(images/square_whs.gif) repeat ;
}
/* To add employment h1 background pattern */
.h1emp
{
	width: 100%;
	margin: -1px -1px -3px -3px;
	padding: 1px 1px 0px 4px;
	background: url(images/square_emp.gif) repeat ;
}

/* To add small h1 background pattern */
.h1small
{
	width: 100%;
	margin: -1px -1px -3px -3px;
	padding: 1px 1px 0px 4px;
	background: url(images/square_small.gif) repeat ;
}

#content h2, #content_feature h2 
{
		font-size: 110%;
}

#content h3, #content_feature h3 
{
	font-size: 100%;
	color: #666;
}

#content h4, #content_feature h4 
{
	font-size: 90%;
}

/* hide accessibility links from visual browsers */
#access {
position: absolute;
left: -999px;
width: 990px;
}

/*link colours*/
a:link
{
	color: #000066;
}

a:visited
{
	color: #660066;
}

a:active
{
	color:#990000;
}

a:hover
{
	color:#990000;
}

/*tools link deir colours*/
#tools_newdesign a:link
{
	color: #FFF;
}

#tools_newdesign a:visited
{
	color: #FFF;
}

#tools_newdesign a:active
{
	color:#FFF;
}

#tools_newdesign a:hover
{
	color:#FFF;
}

/*link deir colours*/

#nav1_dir_newdesign a:link
{
	color: #FFF;
}

#nav1_dir_newdesign a:visited
{
	color: #FFF;
}

#nav1_dir_newdesign a:active
{
	color:#FFF;
}

#nav1_dir_newdesign a:hover
{
	color:#FFF;
}

/*link emp colours*/
#nav1_emp_newdesign a:link
{
	color: #FFF;
}

#nav1_emp_newdesign a:visited
{
	color: #FFF;
}

#nav1_emp_newdesign a:active
{
	color:#FFF;
}

#nav1_emp_newdesign a:hover
{
	color:#FFF;
}

/*header graphics*/
#qglogo a img{
	border-width:0px;
}

#agency a img{
	border-width:0px;
}

/* search form */
#search
{
	display: inline;
}

.closeprintfriendly {
	display: none;
}

.altlogo {
	display: none;
}

.forms {
border: 1px solid #999;
}

.req {
color: red;
font-weight: bold;
}

.spotlight_whs {
background-color:#FFE1D9;
padding: 5px 2px 7px 5px;
margin: 3px -5px 5px 0;
border: 1px solid #c66;
}