/******
#wrapper { width: auto; padding-top: 1em; position: relative;}
/* provide positioning origin
*******/

html, body {
	min-height: 100%;
	margin: 0;
	padding: 0;
	background: #fafefa;
	color: #222;
	font-size: 100%; /* IE Hack */
}
body {
	font-family: Verdana, sans-serif;
	line-height: 1.45;
	font-size: 85%;
}
a:link {
	background-color: transparent;
	color: #006;
}
a:visited {
	background-color: transparent;
	color: #420000;
}
a:link:focus, a:link:hover, a:link:active {
	background-color: #CFF;
}
a:visited:focus, a:visited:hover, a:visited:active {
	background-color: #e8d8e8;
}
.quietlink a {
	color: #222;
}
/* reset the above for IE, as it confuses the heck out of it */
* html a:visited:focus, * html a:visited:hover, * html a:visited:active {
	background-color: #d8e0e0;
}
img {
	border: none;
}
#controls {
	display: block;
	background: #ddd;
	color: black;
	text-align: right;
	margin: 0;
	padding: 0.2em;
	border-bottom: 1px #bbb solid;
	border-right: 1px #bbb solid; /* Avoids that Moz shows a horiz. scrollbar */
}
#controls * {
	display: inline;
	color: black;
	text-decoration: none;
	margin: 0 0 0 .33em;
	padding: 0;
}
#controls li a#controls_text {
	padding-left: 35px;
	background-image: url(http://www.uiaccess.com/accessucd/images/text.gif);
	background-repeat: no-repeat;
	background-position: 4px center;
}
#controls li a#controls_nav {
	padding-left: 24px;
	background-image: url(http://www.uiaccess.com/accessucd/images/nav.gif);
	background-repeat: no-repeat;
	background-position: 4px center;
}
#controls a:hover, #controls a:focus {
	text-decoration: underline;
}
#nav {
	background: #ded;
	display: block;
	padding: 15px 19px 21px 0;
	margin-left: 0;
	border-right: 2px solid #ded; /* Avoids that Moz shows a horiz. scrollbar */
}
#nav * {
	display: inline;
	text-decoration: none;
	margin: 0 0 0 .33em;
	padding: 0;
}
#nav a:hover, #nav a:focus {
	text-decoration: underline;
}
#nav li {
	padding-left: 15px;
}
.nav-category {
	font-weight: bold;
}
#main {
	float: left;
	width: 70%;
	padding: 5px 0 75px 55px;
}
#navsecond {
	float: right;
	width: 20%;
	padding: 85px 0 0 15px;
	border-left: solid 3px #ded;
	background: #ded;
	color: black;
}
#navsecond a {
	color: #033;
}
#navskip a {
	color: #666666;
}
#footer {
	clear: both;
}
h1, h2, h3, h4, h5, h6 {
	color: #333;
	margin: 0.75em 0 0 0;
	font-family: Georgia, "Palatino Linotype", Palatino, serif;
	line-height: 1.1;
}
h1 {
	font-size: 1.85em;
	margin-top: 77px;
	margin-bottom: 33px;
}
h2 {
	font-size: 1.63em;
	padding-top: 1em;
}
#footer h2 {
	position: absolute;
	left: -999px;
	width: 990;
}
h3 {
	font-size: 1.41em;
	padding-bottom: 0;
	margin-bottom: 0;
	padding-top: 0.75em;
}
h4 {
	font-size: 1.05em;
	padding-bottom: 0;
	margin-bottom: 0;
	padding-top: 0.5em;
}
h5 {
	font-size: 1em;
	padding-bottom: 0;
	margin-bottom: 0;
	padding-top: 0.25em;
}
p {
	padding-bottom: 0;
	margin-bottom: 0;
}
.bquote-ttb {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}
/***** thing above and thing below no space between (e.g., .next child)  *****/

div.picborder {
	margin: 0 0 17px 37px;
}
div.picborder img {
	margin: 0 auto;
	padding: 5px;
	border: 1px #366 solid;
}
div.imgmargins {
	margin: 0 0 7px 27px;
}
.highlight {
	background: #ded;
}
.fineprint {
	font-size: 85%;
}
/*	
#main ul, #main ol { margin: -0.7em 0 1.3em 0; }
#main li, #main li ul { margin: 0.2em 0; }
#main ul.nested ul, #main ul.nested ol, #main ol.nested ul, #main ol.nested ol, #main dd { padding-left: 1.5em; }

#main ul, #main ol {
	margin: 0;
	padding-left: 1em; padding-top: 0;
	text-indent: 0;
	}
	*/
#main ul, #main ol {
	margin-top: 0;
	padding-top: 0;
}
#main ul li {
	/* line-height: 1.3;
	padding-bottom: 0.5em; */
	list-style: square;
}
#main ul li li {
	/* line-height: 1.1;
	padding-bottom: 0; */
	list-style: square;
}
#main .listlikep li {
	line-height: 1.45;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
#main .listhalfp li {
	line-height: 1.45;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
}
/*
.listlikep ul, .listlikep ol {
	margin-left: 0;
	padding-left: 0;
	text-indent: 0;
	}
*/
#main ul.nested ul, #main ul.nested ol, #main ol.nested ul, #main ol.nested ol, #main dd {
	padding-left: 2em;
}
.listintro {
	margin-bottom: 0;
	padding-bottom: 0;
}
.listwithp {
	margin-top: 0;
	padding-top: 0;
}
#main .tight, #main .tight li {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}
#navsecond h2 {
	font-size: 95%;
}
#navsecond ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#navsecond li {
	padding: 1em 0;
	border-bottom: solid 1px #c0c0c0;
}
#navsecond li li {
	padding: 1em 0 0 1em;
	border-bottom: none;
}
#navsecond .head {
	text-transform: uppercase;
	font-size: 95%;
	text-decoration: underline;
}
#navsecond * {
	text-decoration: none;
}
#navsecond a:hover, #nav a:focus {
	text-decoration: underline;
}
#navsecond .alink {
	text-transform: uppercase;
	font-size: 85%;
	text-decoration: underline;
}
#footer {
	/**	margin: 0; **/
	border-top: solid 3px #ded;
	font-size: 0.85em;
	color: #444;
	background: #ded;
	display: block;
	padding: 15px;
	border-right: 2px solid #ded; /* Avoids that Moz shows a horiz. scrollbar */
}
#footer .footernote {
	width: 70%;
}
#footer .wcaglogo {
	font-size: 85%;
	float: right;
}
/**
#footer p {
	margin: 0.5;
	padding: 0.5;
	}
**/	
#header {
	text-align: left;
	background: #ded;
	color: #333;
	display: block;
	padding: 17px 7px 17px 17px;
	margin-bottom: 0;
}
#header p {
	line-height: 1.1;
	font-size: 200%;
	font-weight: bold;
	padding: 0;
	margin: 0;
}
.floatright {
	float: right;
}
.floatleft {
	float: left;
}
img.floattopright {
	float: right;
}
#contents {
	font-size: 95%;
	line-height: 100%;
}
#contents a {
	color: #333;
}
#contents * {
	text-decoration: none;
	margin: 0;
	padding: 0;
	text-transform: lowercase;
}
#contents a:hover, #nav a:focus {
	text-decoration: underline;
}
#contents li {
	margin: 0;
	padding: 0 0 0 21px;
	/*    background:   url(http://www.uiaccess.com/images/down-arrow.png) no-repeat; */
	display: block;		/* Make background clickable in many browsers*/
}
#contentsbox {
	position: relative;
	height: auto;
}
#contentsarrowbox {
	float: left;
	width: 15px;
}
#contentsarrow {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 15px;
	height: 100%;
}
#contentsbox h2 {
	position: absolute;
	left: -999px;
	width: 990;
	border: none;
}
.updated {
	clear: both;
	display: block;
	margin: 1em 0;
	padding-top: 0.5em;
	border-top: inset 1px;
	font-family: Georgia, "Palatino Linotype", Palatino, serif;	
}
.preamble {
	padding-top: 1em;
}
.invisible, .invisible a {
	color: #fafefa;
	font-size: small;
}
div.picborder {
	text-align: center;
}
div.picborder img {
	margin: 0 auto;
	padding: 5px;
	border: 1px #366 solid;
}
.hidden {
	position: absolute;
	left: -999px;
	width: 990;
}
#navsecond .tader {
	font-size: large;
	font-weight: normal;
	color: #003300;
	line-height: 1.23;
	font-family: Georgia, "Palatino Linotype", Palatino, serif;
}
#navsecond .tader .dropcap {
	font-size: 123%;
	font-weight: bold;
}
#navsecond h2 {
	text-transform: uppercase;
	color: #666;
	font-family: Verdana, sans-serif;
}
dt {
	font-weight: bold;
}
.review {
	background-color: #FFFF00;
}
.quiet, .quiet a .quiet h2, .quiet h3 {
	font-weight: normal;
	color: #585858;
}
#header a {
	text-decoration: none;
	color: #333;
}
caption {
	caption-side: top;
	text-align: left;
	font-size: 85%;
	color: #666666;
}
.offleft {
	position: absolute;
	left: -999px;
	width: 990;
}
/*** survey data tables ***/
.survey table, th, td {
	border: 1px solid #808080;
	text-align: left;
	padding: 5px;
}
.survey .quiet {
	font-weight: normal;
	font-size: 85%;
}
.survey .datapercent {
	text-align: right;
}
.survey .datanumber {
	text-align: center;
}
.surveycomments li {
	line-height: 1.15;
	padding-bottom: 0.5em;
}
#main .imgborder1 {
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 1px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #808080;
	border-right-color: #808080;
	border-bottom-color: #808080;
	border-left-color: #808080;
}
.reference {
	color: #808080;
}
.reference a {
	color: #808080;
}
.refslow {
	font-size: 85%;
	line-height: normal;
}
.refslow h2 {
	margin-bottom: 11px;
}
.refslow h3 {
	font-weight: normal;
	margin-top: 5px;
	padding-top: 0;
	font-family: Verdana, sans-serif;
}
.refslow ul {
	margin-bottom: 5px;
	padding-bottom: 0;
}
.refslow p {
	font-size: 111%;
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 11px;
	line-height: 111%;
}
.nospacetb {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}
button {
	margin-top: 33px;
}
.nospaceabove {
	margin-top: 0;
	padding-top: 0;
}
.highlight-pale {
	background-color: #FFFF99;
}
.tableconditions th {
	font-weight: normal;
}
.question {
	display: inline;
}
h4.question {
	font-family: Verdana, sans-serif;
	margin-top: 77px;
	padding-top: 77px;
}
.question-above {
	margin-bottom: 1 em;
}
blockquote {
	font-style: italic;
	padding-left: 0;
	padding-top: 0;
	margin-left: 0;
}
blockquote p {
	padding-left: 20px;
	padding-top: 0.5em;
}
.caption {
	font-family: Georgia, "Palatino Linotype", Palatino, serif;
	font-size: 95%;
	font-style: italic;
	color: #585858;
	padding-top: 0;
	margin-top: 0;
}
.breathebottom05em {
	margin-bottom: 0.5em;
}
.examplesbox {
	border: 1px solid #d3d3d3;
	margin: 55px 0 5px 15px;
	padding: 0 5px 0 5px;
	width: 342px;
	text-align: center;
	line-height: 100%;
}
#main .defterm {
	color: #222;
	text-decoration: none;
	border-bottom: dashed 1px gray;
}
a .def {
	display: none;
}
a:hover .def {
	display: inline;
}
a:focus .def {
	display: inline;
}
/* @@ low - change hover colour to light gray of light yellow */

.setapart1 {
	background-color: #fff;
	color: #333333;
	margin: 35px 25px 5px 25px;
	padding: 0 7px 0 17px;
	border: inset thin #C0C0FF;
	font-size: 95%;
	line-height: 111%
}
.setapart1 h2 {
	padding-top: 0;
}
.f_panelHead {
	padding-top: 0;
	margin-top: 0;
	font-weight: bold;
	color: #033;
}