@import url( hints2.css );
@page  {margin: 1.5cm; }
BODY {
	BACKGROUND: white; COLOR: #333; LINE-HEIGHT: 1.3; FONT-FAMILY: "Gill Sans MT", "Gill Sans", GillSans, Arial, Helvetica, sans-serif; TEXT-ALIGN: justify
}
H1 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; PADDING-BOTTOM: 0.2em; LINE-HEIGHT: 1; PADDING-TOP: 0px; BORDER-BOTTOM: thin solid; TEXT-ALIGN: left; FONT-VARIANT: small-caps
}
H1:first-line {
	FONT-STYLE: italic; BORDER-BOTTOM-STYLE: none
}
A:link IMG {
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
A:visited IMG {
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
H1 {
	COLOR: #000
}
H3 {
	COLOR: #000
}
H3 {
	FONT-WEIGHT: bold; FONT-SIZE: 1em; MARGIN: 1.5em 1em 1em 0px
}
H3.subtitle {
	DISPLAY: block; FONT-WEIGHT: normal; MARGIN: 1em 0px; FONT-STYLE: italic; TEXT-ALIGN: left
}
H2 {
	CLEAR: both; PADDING-RIGHT: 0px; MARGIN-TOP: 3em; PADDING-LEFT: 0px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0.2em; TEXT-TRANSFORM: uppercase; COLOR: #aa7; LINE-HEIGHT: 1; PADDING-TOP: 0px; BORDER-BOTTOM: thin solid; TEXT-ALIGN: left
}
DIV.section {
	CLEAR: both
}
PRE {
	MARGIN-LEFT: 1.5em; TEXT-ALIGN: left
}
LI {
	PADDING-LEFT: 0px; MARGIN: 1.2em 0px
}
UL {
	PADDING-LEFT: 0px; MARGIN-LEFT: 1.5em
}
OL {
	PADDING-LEFT: 0px; MARGIN-LEFT: 1.5em
}
ADDRESS {
	FONT-STYLE: italic; TEXT-ALIGN: right
}
P + P {
	MARGIN-TOP: 0px; TEXT-INDENT: 1.5em
}
P + .hint + P {
	MARGIN-TOP: 0px; TEXT-INDENT: 1.5em
}
P {
	MARGIN-TOP: 1em; MARGIN-BOTTOM: 0px
}
DD {
	PADDING-LEFT: 1.5em; MARGIN-LEFT: 0px
}
A:link {
	COLOR: #037
}
A:visited {
	COLOR: #551a8b
}
A:active {
	COLOR: #900
}
A:hover {
	BACKGROUND: #999; COLOR: #fff; outline: solid red
}
A:hover * {
	
}
DIV.back {
	CLEAR: both
}
SPAN.date {
	FONT-WEIGHT: bold; FONT-SIZE: 110%; LINE-HEIGHT: 0.9
}
SPAN.date:unknown {
	content: "  "
}
P.stb {
	MARGIN-TOP: 0.6em; TEXT-INDENT: 0px
}
.hint + P.stb {
	MARGIN-TOP: 0.6em; TEXT-INDENT: 0px
}
P.hint + P {
	MARGIN-TOP: 1em; TEXT-INDENT: 0px
}
P.alt-hint + P {
	MARGIN-TOP: 1em; TEXT-INDENT: 0px
}
P.skip + P {
	MARGIN-TOP: 1em; TEXT-INDENT: 0px
}
P.metadata + P {
	MARGIN-TOP: 1em; TEXT-INDENT: 0px
}
P.remark {
	FONT-SIZE: smaller
}

@media Print, Screen, Handheld, Projection    
{
.hide {
	DISPLAY: none; COLOR: white
}
    }
DIV.endmatter {
	CLEAR: both; BORDER-TOP: thin solid; MARGIN-TOP: 1em; PADDING-TOP: 1em
}
UL.toc {
	LIST-STYLE-TYPE: none
}
ADDRESS IMG {
	FLOAT: right; MARGIN-LEFT: 0.5em; WIDTH: 4em
}
DL.compact {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN-LEFT: 0px; MARGIN-RIGHT: 0px; PADDING-TOP: 0px
}
DL.compact DT {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
DL.compact DD {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
.skip {
	DISPLAY: none
}
HTML {
	MARGIN: 0px
}
BODY {
	PADDING-RIGHT: 17em; PADDING-LEFT: 2em; PADDING-BOTTOM: 5em; MARGIN: 0px; PADDING-TOP: 9em; POSITION: relative
}
HTML > BODY {
	PADDING-RIGHT: 14em
}
DIV#Menu SPAN.dot {
	DISPLAY: none
}
DIV#Menu HR {
	DISPLAY: none
}
DIV#Menu {
	RIGHT: 1em; BACKGROUND: url(dogsear.png) #ddb no-repeat right bottom; LEFT: auto; WIDTH: 11em; BOTTOM: 1em; POSITION: absolute; TOP: 1em; HEIGHT: auto
}
DIV.map {
	RIGHT: 1em; BACKGROUND: url(dogsear.png) #ddb no-repeat right bottom; LEFT: auto; WIDTH: 11em; BOTTOM: 1em; POSITION: absolute; TOP: 1em; HEIGHT: auto
}
DIV#Menu P.navhead {
	PADDING-RIGHT: 1em; DISPLAY: block; PADDING-LEFT: 1em; FONT-SIZE: medium; BACKGROUND: url(sandydogsear.png) #aa7 no-repeat right bottom; PADDING-BOTTOM: 0.38em; MARGIN: 0.55em 1.63em 0.44em -0.9em; COLOR: white; TEXT-INDENT: 0px; PADDING-TOP: 0.38em; LIST-STYLE-TYPE: none; TEXT-ALIGN: left; BORDER-BOTTOM-STYLE: none
}
DIV#Menu A {
	PADDING-RIGHT: 1em; DISPLAY: block; PADDING-LEFT: 1em; FONT-SIZE: medium; BACKGROUND: url(sandydogsear.png) #aa7 no-repeat right bottom; PADDING-BOTTOM: 0.38em; MARGIN: 0.55em 1.63em 0.44em -0.9em; COLOR: white; TEXT-INDENT: 0px; PADDING-TOP: 0.38em; LIST-STYLE-TYPE: none; TEXT-ALIGN: left; BORDER-BOTTOM-STYLE: none
}
DIV.map P {
	PADDING-RIGHT: 1em; DISPLAY: block; PADDING-LEFT: 1em; FONT-SIZE: medium; BACKGROUND: url(sandydogsear.png) #aa7 no-repeat right bottom; PADDING-BOTTOM: 0.38em; MARGIN: 0.55em 1.63em 0.44em -0.9em; COLOR: white; TEXT-INDENT: 0px; PADDING-TOP: 0.38em; LIST-STYLE-TYPE: none; TEXT-ALIGN: left; BORDER-BOTTOM-STYLE: none
}
DIV.map LI {
	PADDING-RIGHT: 1em; DISPLAY: block; PADDING-LEFT: 1em; FONT-SIZE: medium; BACKGROUND: url(sandydogsear.png) #aa7 no-repeat right bottom; PADDING-BOTTOM: 0.38em; MARGIN: 0.55em 1.63em 0.44em -0.9em; COLOR: white; TEXT-INDENT: 0px; PADDING-TOP: 0.38em; LIST-STYLE-TYPE: none; TEXT-ALIGN: left; BORDER-BOTTOM-STYLE: none
}
DIV.map H2 {
	PADDING-RIGHT: 1em; DISPLAY: block; PADDING-LEFT: 1em; FONT-SIZE: medium; BACKGROUND: url(sandydogsear.png) #aa7 no-repeat right bottom; PADDING-BOTTOM: 0.38em; MARGIN: 0.55em 1.63em 0.44em -0.9em; COLOR: white; TEXT-INDENT: 0px; PADDING-TOP: 0.38em; LIST-STYLE-TYPE: none; TEXT-ALIGN: left; BORDER-BOTTOM-STYLE: none
}
DIV.map LI LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #aa7; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: white; PADDING-TOP: 0px
}
DIV.map > UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
DIV#Menu P.navhead {
	FONT-WEIGHT: bold
}
DIV#Menu A:link {
	COLOR: white; FONT-STYLE: italic; TEXT-DECORATION: none
}
DIV#Menu A:visited {
	COLOR: white; FONT-STYLE: italic; TEXT-DECORATION: none
}
DIV.map A:link {
	COLOR: white; FONT-STYLE: italic; TEXT-DECORATION: none
}
DIV.map A:visited {
	COLOR: white; FONT-STYLE: italic; TEXT-DECORATION: none
}
DIV.map A:hover {
	BACKGROUND: #ccc; COLOR: #000
}
DIV#Menu:unknown {
	PADDING-RIGHT: 0.5em; DISPLAY: block; PADDING-LEFT: 0.5em; FONT-SIZE: larger; MARGIN-BOTTOM: 1em; PADDING-BOTTOM: 0.1em; COLOR: #999; PADDING-TOP: 0.1em; FONT-STYLE: italic; LETTER-SPACING: 0.25em; TEXT-ALIGN: left; content: "Local links"
}
DIV.map:unknown {
	PADDING-RIGHT: 0.5em; DISPLAY: block; PADDING-LEFT: 0.5em; FONT-SIZE: larger; MARGIN-BOTTOM: 1em; PADDING-BOTTOM: 0.1em; COLOR: #999; PADDING-TOP: 0.1em; FONT-STYLE: italic; LETTER-SPACING: 0.25em; TEXT-ALIGN: left; content: "Local links"
}
DIV#Logo DIV {
	PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; POSITION: static
}
DIV#Logo MAP {
	PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; POSITION: static
}
DIV.header {
	DISPLAY: none
}
DIV#Logo {
	FONT-WEIGHT: normal; RIGHT: 14em; LEFT: 2em; OVERFLOW: visible; WIDTH: auto; COLOR: black; BOTTOM: auto; LINE-HEIGHT: 1.2; POSITION: absolute; TOP: 1em; HEIGHT: 7.3em; TEXT-ALIGN: right
}
DIV.banner {
	FONT-WEIGHT: normal; RIGHT: 14em; LEFT: 2em; OVERFLOW: visible; WIDTH: auto; COLOR: black; BOTTOM: auto; LINE-HEIGHT: 1.2; POSITION: absolute; TOP: 1em; HEIGHT: 7.3em; TEXT-ALIGN: right
}
DIV.banner UL {
	PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
DIV.banner LI {
	PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
DIV#Logo P {
	FONT-SIZE: 0.9em; MARGIN: 0px
}
DIV.banner P {
	FONT-SIZE: 0.9em; MARGIN: 0px
}
DIV.banner A:unknown {
	COLOR: #900; content: " •"
}
DIV.banner A:unknown {
	COLOR: #900; content: "• "
}
DIV.banner A:first-child:unknown {
	content: ""
}
DIV.banner A + A:unknown {
	content: ""
}
DIV.banner A[rel=home]:unknown {
	content: ""
}
DIV.banner A.home:unknown {
	content: ""
}
DIV#Logo A[rel=home] {
	FLOAT: left; MARGIN-RIGHT: 1em
}
DIV.banner A[rel=home] {
	FLOAT: left; MARGIN-RIGHT: 1em
}
DIV#Logo A.home {
	FLOAT: left; MARGIN-RIGHT: 1em; TEXT-ALIGN: left
}
DIV.banner A.home {
	FLOAT: left; MARGIN-RIGHT: 1em; TEXT-ALIGN: left
}
DIV#Logo IMG {
	MAX-HEIGHT: 7em
}
DIV.banner IMG {
	MAX-HEIGHT: 7em
}
SPAN.author {
	FONT-STYLE: italic
}
P.metadata {
	MARGIN: 1em 0px 1em 1.5em; TEXT-INDENT: 0px
}
P.metadata SPAN.date {
	
}
P.metadata SPAN.date:unknown {
	content: none
}
P.feedback {
	MARGIN: 1em 0px; TEXT-INDENT: 0px
}
.feedback STRONG {
	
}
.feedback .date {
	
}
.intro {
	FONT-WEIGHT: bold
}
.caption {
	MARGIN-TOP: 1em; TEXT-INDENT: 0px
}

@media Print    
{
DIV.banner {
	DISPLAY: none
}
DIV#Logo {
	DISPLAY: none
}
DIV.map {
	DISPLAY: none
}
DIV#Menu {
	DISPLAY: none
}
BODY {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
HTML > BODY {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
BODY:unknown {
	DISPLAY: block; content: url(../Icons/w3c_main.png)
}
H2 {
	COLOR: black
}
H1 {
	PADDING-RIGHT: 0.5em; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 600%; PADDING-BOTTOM: 1em; MARGIN: 0.5em 0px; TEXT-TRANSFORM: uppercase; COLOR: #aa7; BORDER-TOP-STYLE: none; LINE-HEIGHT: 1; PADDING-TOP: 2em; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
H1:first-line {
	
}

}