body {
font-family:Arial, Helvetica, sans-serif;
}

h1 {
background-color:#fff;
color:#7A0019;
font-size:2.6em;
margin:0;
padding:0;
text-shadow:#888 .01em .02em .02em;
}

h1 span.subtitle{
font-size:0.5em;
display:block;
}	

h2 {
background-color:#003;
border:#e2d3a4;
color:#fff;
font-size:1.5em;
font-weight:700;
letter-spacing:0.1em;
margin:0.2em 0;
padding:5px 10px;
text-align:center;
}

#nav > h2 {
margin:0.2em 0;
}

h3 {
background-color:#fff;
color:#7A0019;
font-size:1.6em;
font-style:oblique;
margin:0.9em 0 0.5em 0.2em;
padding:0;
text-shadow:#888 .02em .02em .02em;
}

h4 {
background-color:#d3d1c2;
color:#000;
display:inline;
font-size:1.2em;
letter-spacing:0.1em;
padding:5px 10px;
text-align:left;
}

h5 {
font-size:1em;
}

p {
padding-left:1em;
}

abbr {
border-bottom:0 none;
}

#content {
max-width:65em;
}

#toc h2 {
font-size:1.25em;
font-weight:700;
}

.markup {
background-color:#eeeef4;
border:1px dotted #b2b3ce;
color:#000;
font-family:Courier, Monaco, monospace;
font-size:1em;
margin:1em;
padding:1em;
}

.new {
background-color:#ff9;
border:1px solid #000;
color:#000;
font-size:0.8em;
font-weight:400;
padding:0 0.1em;
}

.note {
font-size:0.9em;
margin-bottom:2em;
}

li {
line-height:1.5em;
}

table {
border-color:#d3d1c2;
margin-bottom:1em;
max-width:50em;
padding-left:0.5em;
}

table caption {
font-size:1.2em;
font-weight:400;
padding-left:0.5em;
text-align:left;
}

table th {
background-color:#d3d1c2;
border-color:#d3d1c2;
color:#000;
font-style:italic;
font-weight:600;
padding:0 0.5em;
text-align:left;
vertical-align:top;
}

table td {
background-color:#f0e9d1;
border-color:#d3d1c2;
color:#000;
padding:0 0.5em;
text-align:left;
vertical-align:top;
}

table td li {
line-height:1.2em;
}

blockquote:hover {
background-color:#fff;
color:#000;
}

blockquote {
border-left:2px dotted #d3d1c2;
}

.subtitle {
font-size:0.9em;
font-style:oblique;
}

h3 .subtitle {
background-color:#fff;
color:#003;
font-size:0.8em;
}

.imgcenter {
text-align:center;
margin-left:-2.5em;
}

a {
color :#039;
}

a:visited, blockquote a:visited, h1 a:visited {
color :#680068;
}

a:hover, a:focus, a:active, blockquote a:hover, blockquote a:focus, blockquote a:active {
background :#ffa;
color :#039;
}

a:focus {
outline: 0.1em #039 solid;
text-decoration:none;
}

#skiplink{
font-size:1.1em;
text-align:center;
}

#skiplink a, #skiplink a:hover, #skiplink a:visited {
height:1px;
left:-9999px;
position:absolute;
overflow:hidden;
top: -9999px;
width:1px;
}
	
#skiplink a:active, #skiplink a:focus{
background :#ffa;
color :#039;
height:auto; 
position:static;
overflow:auto;
width:auto; 
}