/* =================== */
/* = CUE Style Sheet = */
/* =================== */

/* import styles that aren't supported in NN4  */
@import url(qglayout.css);
@import url(nav2.css);
@import url(listnav.css);

/* import print specific styles. This format of importing ensures IE4 does not get them. IE4 does horrible things with a block @media */
@import url(print.css);

body{
	line-height: 1.5;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
}

/* font size */
#tools, #nav1, .menuLayer, #content, #feature, #footer
{
	font-size: 80%;
}

/* correct IE 5.5 font size in tables */
table {
	font-size: 1em;
}

/* ============== */
/* = Typography = */
/* ============== */

/* 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{
	font-size: 130%;
	color: #000066;
	margin-top: 0px;
}

#content h2{
	font-size: 100%;
	color: #104CBB;
}

#content h3{
	font-size: 100%;
}

#content h4{
	font-weight: bold;
	font-size: 100%;
}
	
/*link colours*/
a {}
	a:link
	{
		color: #000066;
	}
	a:visited
	{
		color: #660066;
	}
	a:active
	{
		color:#990000;
	}
	a:hover
	{
		color:#990000;
	}
p {
	font-size: 1em;
}
	#footer p
	{
		margin: 0px;
		padding: 2px;
		font-size: 85%;
	}
/* hide accessibility links from visual browsers */
#access {
	position: absolute;
	left: -999px;
	width: 990px;
}

/* ========== */
/* = Banner = */
/* ========== */
#qglogo a img{
	border-width:0px;
}
#agency h1, #agency h1 a {
	line-height: 1;
	}
#agency a img{
	border-width:0px;
}
#footer img{
	border-width:0px;
}
/* cabinet search */
	.search {
	width: 18em;
	padding: 15px;
	background-image: url(../library/images/bg_search.jpg);
	margin-bottom: 2em;
	text-align: center;
	}
	#search {
	width: 25em;
	height: 2.1em;
	}
	#searchbox {
	width: 17em;
	height: 1.25em;
	}
	#search label {
	display: none;
	}

			
img.image_right {
	float: right;
	margin-left: 1em;
} 
