/*
	PDF Page
	===================================================
 */
.clearboth{ clear: both; }
/* Main */
#MainBlock { position: relative; overflow: hidden; ; background-size: 100% 100%; }
/*background: url(/annual_report/2122/images/index_pdf_bg.png) no-repeat center top*/

/* Logo */
#Logo { float: left; }
#Logo a { }
#Logo a img { height: auto; }

/* Title */
#Title { text-align: right; overflow: hidden; }
#Title .date{margin-top: 8px; }

/* Main Content */
#MainContent { clear: both; font-size: 0.9em; }
#MainContent img { height: 1em; width: auto; }
#MainContent h2 { padding-bottom: 33px; color: #0055a8;}
#MainContent h2 a {color: #0055a8; }
#MainContent h3 { padding-bottom: 16px; color: #0055a8; }
#MainContent ul { margin: 0; list-style: none; }
#MainContent ul li { padding: 0; padding-bottom: 16px; }
#MainContent ul li span:first-child { display: block; float: left; clear: both; margin-right: 15px; }
#MainContent ul li span { display: block; overflow: hidden; }
#MainContent ul li img { margin-left: 5px; }
#MainContent ul li a { display: inline; color: #005670;}
#MainContent ul li.Annex { padding-left: 78px; }

/* Menu */
#Menu { }
#Menu img { width: 230px; }
#Menu ul { margin: 0; list-style: none; }
#Menu ul li { padding: 0; text-align: center;}
#Menu ul li a { font-weight: bold; display: block; }
#Menu ul li a:hover { text-decoration: none; }

#Menu #MainMenu { margin-top: 12px;}
#Menu #MainMenu li { float: left; width: 110px; margin-right: 10px; }
#Menu #MainMenu li a { padding: 10px 0; border-width: 1px; border-style: solid; line-height: 1.18em; font-weight: normal;}

#Menu #SubMenu { font-size: 0.9em; margin-top: 10px; clear: both;}
#Menu #SubMenu li a { padding: 10px 0; text-align: left; color: #005670;}

/* WCAGLogo */
#WCAGLogo { text-align: left; }
#WCAGLogo a { display: inline-block; }
#WCAGLogo img { width: 88px; }

/* Link */
#Link { font-size: 0.9em; overflow: hidden; }
#Link ul { list-style: none; margin: 0; padding-bottom: 8px; }
#Link ul li { display: inline; padding: 0; vertical-align: baseline; }
#Link ul li:before { content: "|"; vertical-align: baseline; padding: 0 9px; }
#Link ul li:first-child:before { content: ""; padding: 0; }
#Link a { display: inline; vertical-align: baseline; }
#Link span { vertical-align: baseline; }

/* Adobe */
#Adobe { overflow: hidden; font-size: 0.633em; padding-bottom: 50px; }
#Adobe a { display: inline-block; }
#Adobe img { width: 95px; height: auto; }
#Adobe p { margin-top: 8px; }


/*
	Colour
	===================================================
*/
/* AA */

#MainContent ul li span { color: #333; }

#Menu #MainMenu li a:hover { background-color: #fff; }

#Menu,
#Link ul { border-color: #ccc; }

#Menu #MainMenu li a { border-color: #0055a8; }

#MainContent ul li.Annex span,
#Menu #MainMenu li a:hover,
#Link a { color: #595757; }

/*#MainContent ul li a,
#Menu #SubMenu li a,{ color: #005670; }*/

#Menu #MainMenu li a { background-color: #0055a8; color: #fff; }
#Menu #SubMenu li a:hover { text-decoration: underline;}


/* AAA * /
#Menu #MainMenu li a { border-color: #175d89; }

#MainContent ul li a,
#MainContent ul li.Annex span,
#Menu #MainMenu li a:hover,
#Menu #SubMenu li a { color: #175d89; }

#Menu #MainMenu li a,
#Menu #SubMenu li a:hover{ background-color: #175d89; }


/*
	Z-Index
	===================================================
*/
#Logo { }
#Title { }
#MainContent { }


/*
	Responsive
	===================================================
	Priority:	Size Max > Size Min > General
*/
@media screen and (min-width:1025px) {
	#Logo { padding: 34px 53px 32px; }
	#Logo img { width: 237px; }

	#Title { padding: 52px 53px 23px; }
	#Title img { width: 318px; }

	#MainContent { float: right; width: 632px; }
	#MainContent ul.tc li{ padding-bottom: 11px; }
	#MainContent ul.tc li.Annex{ padding-left: 60px; }

	#Menu { float: left; padding-left: 52px; width: 240px; }

	#WCAGLogo { clear: both; padding: 0 52px; padding-top: 15px; }

	#Link { width: 535px; float: right; text-align: right; padding-top: 10px;}

	#Adobe { margin-top: 50px; padding-left: 86px; }
}

@media screen and (max-width:1024px) {
	#Logo { padding: 25px 0 40px 40px; }
	#Logo img { width: 237px; }

	#Title { padding: 40px 40px 0 0; }
	#Title img { width: 318px; }

	#MainContent { padding-left: 60px; }

	#Menu { margin: 20px 40px; border-top-width: 1px; border-style: solid; }
	#Menu .Thumbnail { display: none; }
	#Menu #SubMenu { margin: 10px 1%; }
	#Menu #SubMenu li a { padding: 13px 0; text-align: center;}

    #Menu #MainMenu li {
    	float: left;
        width: 48%;
        margin: 0 1%;
    }


	#WCAGLogo { margin: 20px 40px; margin-top: 15px; text-align: center;}

	#Link { margin: 30px 10px; text-align: center; }
	#Link ul li {width: 50%; float: left;}
	#Link ul li:before {display: none; }
	#Link a { display: block; text-align: center; padding: 8px 0;  line-height: 2em; }

	#Adobe { margin: 20px 40px; text-align: center; padding-bottom: 50px; }
}

@media screen and (max-width:768px) {
	#Logo { float: none; text-align: center; padding: 20px 20px 0 20px; }
	#Logo img { width: 237px; }

	#Title { float: none; text-align: center; padding: 20px 20px 40px; }
	#Title img { width: 318px; }

	#MainContent { padding: 0 30px; }

	#Menu { margin: 20px; }

	#WCAGLogo { margin: 20px; }


	#Adobe { margin: 20px; padding-bottom: 20px; }
}

@media screen and (max-width:480px) {


	#MainContent ul li span:first-child { margin-right: 15px; }
	#MainContent ul li.Annex { padding-left: 30px; }
}

@media screen and (max-width:320px) {
}