body {font-size: 100%; font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 1em 6% 2em !important} /* margins are a proved aid to readability */
blockquote.scquote, blockquote.glquote {margin: 0 10em 0 0; border: solid #ccc 1px; background: #f0f0f0; clear: left; padding: 0.5em;  padding-top: 0.6em;}
blockquote.scquote p, blockquote.glquote p {font-size: 0.8125em}

/* BBC - Turned these off since they're defined elsewhere, if the issue is termrefs, then we can remove that style
a {color: #00c}
a:hover, a:focus, a:active {color: #00f; background: #eee}*/

blockquote.scquote a:active, blockquote.scquote a:hover, blockquote.scquote a:focus, blockquote.glquote a:active, blockquote.glquote a:hover, blockquote.glquote a:focus {background: #ffa;}

p, td {font-size: 0.8125em; line-height: 1.4; margin-left: 1em; color: #000; font-weight: normal}
li {font-size: 0.8125em; margin-top: 0; margin-bottom: 0.25em; padding-top: 0; padding-bottom: 0; color: #585858}
li p {font-size: 1em; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0}
li li {font-size: 1em}
ol, ul {margin-left: 1.5em; margin-top: 0; margin-bottom: 0}
dl {margin-left: 0;}
dt {font-size: 0.8125em; font-weight: bold; margin: .5em 0 0 0}
dd {margin-left: 0}
dd p {margin-top: 0}

dl.slicerefs {margin-left: 1em;}
dl.slicerefs dd {margin-left: 1em; font-size: 0.8125em;}


q {font-weight: bold}
abbr, acronym {border-bottom: dotted #ccc 1px; cursor: help}

h1 {font-weight: normal; color: #005a9c; font-size: 1.5em}
:root h1 {float: left}
h1.normal {float: none; padding-top: 1.5em; padding-bottom: 0; margin-bottom: .5em;}
h2.section {font-weight: normal; font-size: 1.25em; margin-top: 1.5em; color: #000000}
h4 {font-weight: bold; font-size: 0.8125em; padding: 0 2em 0.25em; margin-bottom: 0; color: #333}

.boxed h3 {font-weight: bold; font-size: 0.8125em; padding: 0.5em 1em; background: #f0f0f0; margin: 0 0 1em}
.boxed {border: solid #ccc 1px; padding: 0 0 1em; margin: 1em 2em 0 2em}
.boxed p {margin-left: 1em; margin-right: 1em}

.boxed h4 {font-weight: bold; font-size: 0.8125em; padding: 0.5em 1em; color: #000000; background: #ffffff; margin: 0 0 1em}

div.boxed h3, div.div2 h2, h2.terms, .div3 h3, .benefits h3, .resources h3, .intent h3 {color:#000000;}

.div3head, .div2head {color:#000000; font-size: 1.1em;}

div.div2 dl, dl.keyterms {margin-left: 1.5em;}
p.prefix {margin-bottom: 0.5em}


.resources h3 {margin-left: 1.5em; margin-bottom: .25em;}
.benefits h3, .resources h3, .intent h3 {font-size: 1.1em;}


/*masthead*/
#masthead {
margin-top:-.5em; 
position: relative;
display: block;

}

p.collectiontitle {
	text-align: right;
	font-size: 135%; 
	font-family: Arial, Helvetica, sans-serif;
	font-style: oblique;
	color: #005A9C;
	padding-top: .5em;
}

p.collectiontitle a{
text-decoration:none;
color:#005A9C;
border-bottom:dotted #585858 1px;/* glossary ref */
background-color: #FFFFFF;
}

p.collectiontitle a:hover, p.collectiontitle a:focus{
text-decoration:none;
color:#005A9C;
border-bottom:dotted #585858 1px;/* glossary ref */
background-color: #F0F0F0;
}

p.logo {
	float: left;
	margin: 0;
	margin-bottom: .5em;
}

/* Skip nav styles by Liam */

/*skip links*/
.skipnav {position: absolute; display: none; text-align: left; margin: 0; padding: 0} /*For all, including Opera. Display:none used to switch off the skip links for Opera users (it's redundant, Opera has excellent keyboard navigation)*/
* html .skipnav {display: block} /*Switch on for IE6 and below*/
*+html .skipnav {display: block} /*Switch on for IE7*/
:root .skipnav {display: block} /*Switch on for Moz, FF and Safari*/
.skipnav p {margin: 5px 0 0 0; padding: 0; position: absolute; font-size: 2em}
.skipnav a {width: 26em; display: inline-block; color: #fff; background: #333; text-decoration: none; padding: 5px; position: absolute; left: -1000em; top: 0; font-weight: bold}
.skipnav a:visited {color: #fff}
.skipnav a:focus, .skipnav a:active {z-index: 99; top: -3em; left: 0; border: solid #777 2px; color: #fff; background: #333 !important} /*Note IE bug that requires use of :active to mimic effect of :focus*/

.skipnav a:hover {cursor: default}  


.skiptarget {width: 1px; height: 1px; overflow: hidden; float: right} /*this seems to be the optimum implementation of a target*/

/* Navigation styles originally from Eric Meyer */
/* http://www.complexspiral.com/events/archive/2003/seybold/cssnav.html */
/* Revised by Liam McGee */
/* tabbed styles */
#navigation {padding: 3px 0 .5em 0; margin: 0 0.25em 0; border-bottom: 2px solid #778; float: left; width: 100%; clear: both;}
#navigation li {list-style: none; margin: 0; display: inline; font-size: 0.75em; float: left;}
#navigation li a {padding: 3px 0.5em; margin-left: 3px; border: 1px solid #778; background: #dde; text-decoration: none; float: left}
#navigation li a:link {color: #404040}
#navigation li a:visited {color: #404040}
#navigation li a:hover, #navigation li a:focus, #navigation li a:active {color: #000; background: #aae; border-color: #227; float: left}

 /* page contents */
.navtoc {float:right; margin: 1.25em 0 1em 1em; border: 1px solid #aab}
div.navtoc p {color: #005a9c; font-size: 0.75em; padding: 0.25em; margin: 0; font-weight: bold}

/* page contents highlighting and border effects */
#navbar {padding: 0; margin: 0; font-weight: bold; background: #fff}
#navbar li {list-style: none; margin: 0; padding: 0; font-size: 0.6875em}
#navbar li a {display: block; margin: 0; padding: 0.25em; border-left: 1em solid #aab; text-decoration: none; width: 100%; color: #000; border-top: solid #ccc 1px; width: 12em}
#navbar li a:hover, #navbar li a:focus, #navbar li a:active {border-color: #66c; color: #000; background: #eee}
  
  /* tabbed styles */
#navigationbottom {padding: .5em 0 0 0; margin: 2em 0 10px 0; border-top: 2px solid #778; float: right; width: 100%;} /* top, right, bottom, left */
#navigationbottom li {list-style: none; margin: 0; display: inline; font-size: 0.75em; float: left}
#navigationbottom li a {padding: 3px 0.5em; margin-left: 3px; border: 1px solid #778; background: #dde; text-decoration: none; float: left}
#navigationbottom li a:link {color: #404040}
#navigationbottom li a:visited {color: #404040}
#navigationbottom li a:hover, #navigationbottom li a:focus, #navigationbottom li a:active {color: #000; background: #aae; border-color: #227; float: left}

div.footer {margin-top: 1em;}

hr {display: none;}