/*-------------------------------------------------------------------------------
 * Name:		agency.css
 *
 * Author:		Gerard Hynes
 *
 * Description:	Defines styles for department specific branding & layout
 *
 * Notes:		Corporate palette
 *				- #003C69 tmr blue
 *				- #dedbc3 tmr stone
 *				- #006166 tmr teal
 *------------------------------------------------------------------------------- */
@media screen,projection,tv,handheld {

/* global styles */

	/* headings */
	h1, h2 {
		color: #003C69;
	}
	h1 {
		margin-top: 0;
	}
	h2 {
		font-size: 1.5em;
	}
	h2 a:link,
	h2 a:visited {
		color: #003C69;
	}
	h2 a:active,
	h2 a:hover {
		color: #990000;
	}
	/* links */
	a,
	a:link {
		color: #000066;
	}
	a:visited {
		color: #660066;
	}
	a:active,
	a:hover {
		color: #990000;
	}
	
	#access li:first-child, #tools li:first-child, #nav-site li:first-child, #breadcrumbs li:first-child, #footer li:first-child {
        background: none repeat scroll 0 0 transparent;
    }

/* header */
	#header {
		background: #003C69 url(/assets/tmronline/images/MSQInternet/title_background_blue.png) top left repeat-x;
		min-height: 95px; /* shadow value in ie.css */
		padding-right: .5em;
	}
	#header .inner {
		padding: 0;
	}
	#header
	#header h2,
	#header a:link,
	#header a:visited,
	#header label {
		color: #fff; /* for colour contrast against header background color */
	}

		#header .max-width {
			background: url(/assets/tmronline/images/MSQInternet/header-stripes.png) bottom right no-repeat;
		}
	
	/* logo */
	#header #qg-logo img
	{
		width: 289px;
		height: 50px;
	}
	#qg-logo {
		margin: .4em;
	}
	/* tools */
	#tools {
		
		padding: .1em;
	}
		#tools li {
			background: transparent url(/assets/tmronline/images/TMRBase/ui/separator-white.png) left center no-repeat;
		}
	#tools li.last-child {
		padding-right: 0;
	}
	#tools li a {
		color: #ffffff;
	}
	#tools #search-query {
		margin-right: .5em;
		padding: 0.1em 0;
		width: 14em;
	}
	/* agency */
	#agency {
		padding-bottom: 0;
	}
	
	#site-name img 
	{
	    width: 241px;
	    height: 18px;
	}

/* nav site */
	#nav-site {
		background-color: #ffffff;
		border-bottom: 2px solid #003C69;
	}
	
	#nav-site a  {
	    padding: 0.2em 0.5em 0.3em;
	}

		#nav-site li {
			background: transparent url(/assets/tmronline/images/TMRBase/ui/separator-light-blue.png) left center no-repeat;
		}
	#nav-site li a {
		color: #000066;
		color: #003C69;
	}
	#nav-site li a strong {
		font-weight: normal;
	}
	#nav-site li.current a {
		background-color: #003C69;
		color: #ffffff;
	}
	
	#nav-site li a span 
	{
	    font-size: 0.9em;
	}
	
	#nav-site ul ul, .page-options ul ul 
	{
	    background: #dedbc3 left bottom repeat-x;
	}
		
/* nav section */
	#nav-section .box-sizing {
		background: #dedbc3 url(/assets/tmronline/images/MSQInternet/stone-gradient-bg.png) left bottom repeat-x;
		margin: 0;
		padding: 0;
	}
	#nav-section.no-children .inner { /* make invisible when section contains no children */
		background-color: transparent;
		border: none;
		padding: 0;
	}	
	#nav-section h2 {
		color: #ffffff;
		background-color: #003C69;
		font-size: 1.2em;
		margin: 0;
		padding: .3em;
	}
	
	#nav-section ul ul 
	{
	    margin-left:0;
	}
	
	/* exmenu - styles for minimum functionality */
	.exmenu {
		display: block;
		list-style-position: outside;
		list-style-type: disc;
		margin: 1em 0;
		padding: 0 0 0 2em;
	}
	.exmenu .plusMinusImg {
	    display: inline-block;
		height: 14px;
		line-height: 0;
		margin: 0 5px 0 -19px;
		width: 14px;
	}
	.exmenu li {
		display: list-item;
	}
	.exmenu li.expandCollapse {
		list-style: none outside none;
	}
	.exmenu ul {
		margin: 0;
	}
	
	
/* breadcrumbs */
    #breadcrumbs 
    {
        padding: 0.55em 0 0.65em;
    }
		#breadcrumbs li {
			background: url("/assets/tmronline/images/TMRBase/ui/breadcrumb.png") no-repeat scroll left 60% transparent;
			margin: 0 1em 0 0.5em;
			padding: 0 0 0 1.5em;
		}
    #breadcrumbs li:first-child {
        padding-left: 0;
    }
    #breadcrumbs li.last-child {
        padding: 0 0 0 1.5em;
    }
    #breadcrumbs a {
        color: #000066;
        padding: 0;
    }

/* page content */
	#page-container {
		max-width: 100%; /* remove cue max-width */
	}
	#content {
		background: #fff;
	}
	/* no secondary content (2 column expanded) */
	.no-secondary-content .article {
		width: 100%;
	}

/* document properties */
	#document-properties {
		font-size: 70%; /* matches breadcrumb font size */
		color: #333333;
	}

/* footer */
	#footer {
		border-top: 1px solid #003C69;
		background: #fff;
	}
		#footer li {
			background: transparent url(/assets/tmronline/images/TMRBase/ui/separator-light-blue.png) left center no-repeat;
		}
	#footer a:visited {
		color: #000066;
	}
	#footer a:hover {
		color: #990000;
	}

	#footer img.print-version
	{
	    display:none;
	}

	#qg-branding p {
		height: 57px;
		width: 327px;
		background: url("/assets/tmronline/images/TMRBase/qg-tagline-footer-black.png");
		text-indent: -9999px;
		margin: 0 auto;
	}	


/* home */
	/* headings */
	.home h1,
	.home h2 {
		background-color: #003C69;
		color: #fff;
		font-size: 1.1em; /* ensure h1 & h2 are same size */
		line-height: 1.5em;
		margin: 0 0 .5em 0;
		padding: .1em 0 .1em 0.5em;
		clear: both;
	}
	/* layout */
	#page-container.home {
		margin: 0;
		padding: 0;
	}
	.home #content {
		margin: 0;
		padding: 0;
	}
	.home #nav-section .box-sizing
	{
		margin-top: 0.7em;
		background: none;
	}
	.home .aside .box-sizing
	{
		margin-top: 0;
	}
	.home a
	{
	    text-decoration: none;
	}
	.home a:hover
	{
	    text-decoration: underline;
	}
	.home #primary a
	{
	    text-decoration: underline;
	}
	/* common margins */
	.home #content,
	.home #primary .inner,
	.home #secondary .inner,
	.home #tertiary .inner {
		margin: .5em;
	}
	
	.home #pre-page-options 
	{
	    display: none;
	}
	
/* related links */
	#related-links {
		
	}
	#related-links h2 {
		border-bottom: 2px solid #003C69;
		color: #000000;
		font-size: 100%;
	}

/* aside */
	.aside {
		/*background-color: #eee;*/
	}

/* services links */
	#services-links {
		
	}
	
/* secondary content */
	#secondary-content {

	}
	#secondary-content h2 {
		border-bottom: 2px solid #003C69;
		color: #000000;
		font-size: 100%;
	}
}


@media print 
{
    #footer #qg-branding
    {
        display:none;
    }
}