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

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

/* Title */
#Title { text-align: right; overflow: hidden; }

/* Main Content */
#MainContent { clear: both; font-size: 0.9em; }
#MainContent img { height: 1em; width: auto; }
#MainContent h2 { padding-bottom: 33px; }
#MainContent h3 { padding-bottom: 16px; }
#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: 25px; }
#MainContent ul li span { display: block; overflow: hidden; }
#MainContent ul li img { margin-left: 5px; }
#MainContent ul li a { display: inline; }
#MainContent ul li.Annex { padding-left: 88px; }

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

#Menu #MainMenu { margin-top: 12px; }
#Menu #MainMenu li a { padding: 10px 0; border-width: 1px; border-style: solid; line-height: 1.18em; }

#Menu #SubMenu { font-size: 0.9em; margin-top: 57px; }
#Menu #SubMenu li a { padding: 6px 25px; }

/* WCAGLogo */
#WCAGLogo { text-align: center; }
#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; border-bottom-width: 1px; border-style: solid; }
#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 h2,
#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: #1f7cb6; }

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

#Menu #MainMenu li a,
#Menu #SubMenu li a:hover { background-color: #1f7cb6; color: #fff; }

/* 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: 288px; }

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

	#MainContent { float: right; width: 710px; }

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

	#WCAGLogo { clear: both; float: left; padding-left: 52px; width: 152px; margin-top: 15px; }

	#Link { width: 535px; padding: 30px 0 0 86px; }

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

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

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

	#MainContent { padding-left: 60px; }

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

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

	#Link { margin: 40px 40px 20px; text-align: center; }

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

@media screen and (max-width:768px) {
	#Logo { padding: 20px 0 40px 20px; }
	#Logo img { width: 200px; }

	#Title { padding: 30px 20px 0 0; overflow: hidden; }
	#Title img { width: 150px; }

	#MainContent { padding: 0 30px; }

	#Menu { margin: 20px; }

	#WCAGLogo { margin: 20px; }

	#Link { margin: 40px 20px 20px; }

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

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

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

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

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