/******
#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: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	line-height: 1.5;
	font-size: 85%;
	}

a:link { background-color: transparent; color: #033; }
a:visited { background-color: transparent; color: #606; }
a:link:focus, a:link:hover, a:link:active { background-color: #d8e0e0; } 
a:visited:focus,a:visited:hover,a:visited:active { background-color: #e8d8e8; }
/* 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;
	}
/*	
#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-left: 0;
	padding-left: 0;
	text-indent: 0;
	}

#controls { background: #ddd; }
#controls { background: ButtonFace; border-bottom: 1px #bbb solid;height: 1em; min-height: 10px; }

#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: 35px 0 0 35px;
    }
#navsecond {
    float:right;
    width:20%;
	padding: 85px 0 0 15px;
	border-left: solid 3px #ded;
    }
#footer {
    clear:both;
    }

h1,h2,h3,h4,h5,h6 { color: #333; margin: 0.75em 0 0.5em 0; font-family: Georgia, "Palatino Linotype", Palatino, serif; line-height: 1.2em; }
h1 { margin-top: 0; padding: 0; }
h1 { font-size: 1.85em;  }
h2 { font-size: 1.64em;
	padding-top: 0.5em;
	font-weight: normal;
	}
#footer h2 {
    position: absolute;
    left: -999px;
    width: 990px;
}
h3 { font-size: 1.18em; }
h4 { font-size: 1.05em; }
h5 { font-size: 1em; }

ul, p {
	padding-top: 0;
	margin-top: 0;
	}

blockquote {
	font-family: Georgia, "Palatino Linotype", Palatino, serif;
	font-style: italic;
	font-size: 115%;
	}

div.imgcontainer img { margin: 0 auto; padding: 5px; border: 1px #366 solid; }

.highlight { background: #cfc; }
.fineprint {
	font-size: 85%;
}

#main li {
	/* line-height: 1.5; */
	padding-bottom: 0.5em;
	list-style: square;
	}
	
#main li li {
	/* line-height: 1.3; */
	padding-bottom: 0.25;
	list-style: square;
	}

#main .spacedfull li {
	padding-bottom: 1em;
	}
#main .spacedfull2 li {
	padding-bottom: 1.5em;
	}
#main .spacedfull2 li li{
	padding-bottom: 0.5em;
	}
	
#main ul.nested ul, #main ul.nested ol,
#main ol.nested ul, #main ol.nested ol, #main dd { padding-left: 1.5em; }


#navsecond h2 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	}
#navsecond ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
#navsecond li {
	padding: 1em 0;
	border-bottom: dashed 1px #ded;
	}
#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 p {
	margin: 0;
	padding: 0;
	}
	
#header {
	text-align: center;
	}
#header p {
	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: 990px;
	border: none;
}


.updated-old {
	background: #ff9;
	font-weight: bold;
	padding: 10px;
	border: dotted 1px #999999;
	}
.updated {
	font-weight: bold;
	}
.preamble {
	padding-top: 1em;
	}
.invisible, .invisible a {
	color: #fafefa;
	font-size:small;
}
.listinghighlight {
	background-color: #FFFF99;
}
