

/* Setting the stage */

	* {
		margin: 0;
		padding: 0;
		}
	
	html {
		font-size: 62.5%;
		}
	
	body {
		font-family: "Lucida Grande", sans-serif;
		color: #333;
		font-size: 9pt;
		padding: 3em 1em 0em 1em;
		}
		
	h2 {
		font-size: small;
		margin: 1.5em 0 1em 0;
		margin-bottom: 0;
		}

	h3 {
		font-size: medium;
		margin: 0.5em 0 1em 0;
		}
	
a {
	color: #3366CC;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:visited {
	color: #011E57;
}

a.anchor {
/*    display: block; */
/*    line-height: 64pt; */
    width: 50%;
    padding-top: 64px;
    padding-bottom: 0px;
/*    margin-top: -200px; */
	font-size: 18pt;
    vertical-align: bottom;
    text-decoration: none;
    color: black;
/*    visibility: hidden; */
}

img {
    border: 0;
}

	p, ul, ol  {
		margin: .5em 0;
		margin-bottom: 0;
		line-height: 1.4em;
		}
		
	code, pre { font-size: medium; }
	
	pre {
		margin-left: 1em;
		border-left: 1px solid #bbb;
		padding-left: 1em;
		}		
		
		
		
/* Document title, with room for app icon */

	h1 {
		font-size: 16pt;
		margin: 0 0 0.5em 0;
		padding-left: 42px;
		min-height: 32px;
		background: url(./cl_32.png) no-repeat top left;
		-webkit-background-size: 32px 32px;
		line-height: 32px;
		}
		
		
    h1.subhead {
		font-size: 12pt;
		margin: 0 0 0.5em 0;
		padding-left: 42px;
		min-height: 32px;
		background: url(./cl_32.png) no-repeat top left;
		-webkit-background-size: 32px 32px;
		line-height: 32px;
    }
    
/* The navigation links at the top of the page */

	div.navbar {
    	 z-index: 10;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		background: #f2f2f2;
		border-bottom: 1px solid #bbb;
		font-size: smaller;
		padding: 0.3em 0.5em 0.3em 1em;
		}
		
	div.navbar a {
		display: block;
		}
		
	div.navbar span#right {
		position: absolute;
		right: 0;
		top: 0;
		border-left: 1px solid #bbb;
		padding: 0.3em 1.8em 0.3em 0.75em;
		}



/* Lists, ordered and otherwise */
	
	li {
		margin: 0.5em 0;
		padding: 0;
		margin-bottom: 1em;
		margin-left: 1.5em; 
		}
	
	ol, ul {
		border: 1px solid #ddd;
		border-radius: 15px;
        box-shadow: 0px 2px 1px 0px #ddd;
		padding: 2em;
		margin-top: 2em;
		margin: 1em 0;
		margin-left: .5em;
		}

    ul.list {
        border: none;
        box-shadow: none;
        list-style-image: square;
        margin-top: 0em;
    }

	ul.info {
		background: #eee;
		}
		
	ul ul, ol ul {
		border: none;
		margin: 0.5em 0 1em 0;
		padding: 0;
		background: transparent;
		}
	


/* Things specific to the root index page */
	
	div.topics {
		width: 49%;
		float: left;
		}
	
	div.topics h2 {
		display: none;
		}
		
	div.topics ul, div.section ul, ul.topics {
		list-style: none;
		margin: 0.5em 1em;
		padding-left: 1em; text-indent: -1em; /* Hanging indents */
		background: transparent;
		border: 0;
		padding: 0;
		}
	
	div.topics li, div.section li {
		display: block;
		margin: 0.5em 0 0 0;
		padding: 0;
		}
	
	div.section {
		border: 1px solid #A9A9A9;
		border-radius: 15px;
        box-shadow: 0px 2px 1px 0px #ddd;
		margin: 0 1% 1em 0;
		padding: 0.5em 1em;
		width: 40%;
		float: left;
		}
	
/*	div.section, div.section h2 { -webkit-border-radius: 5px; }
	div.section h2 { -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; }
	
	div.section h2 {
		padding: 0.3em 1em;
		background: #e6edff;
		font-weight: bold;
		font-size: smaller;
		margin: 0;
		}
		
	div.section ul {
		margin: 0.3em 0.8em;
		}
		
	div.section li {
		margin: 0.5em 1em;
		}
*/

table {
    border-collapse: collapse;
    border-spacing:0;
    margin-top: 1em;
    width: 100%;
}

tr.header {
		margin: 3pt;
		padding: 3pt;
		background: #999;
		color: #fff;
		font-weight: bold;
}

tr.row {
    vertical-align: top;
    border: 1pt solid lightgray;
    border-bottom-style: solid;
    border-left-style: none;
    border-right-style: none;
    border-top-style: none;
}

td {
    width: 50%;
	padding: 5pt;
}

td.charrow {
    height: 40pt;
    vertical-align: bottom;
/*
    width: 50%;
	padding: 5pt;
	font-size: 18pt;
    text-decoration: none;
    */
}

b.subhead {
    font-size: 11pt;
}

.subheadleft {
	color: #36C;
	font-size: 13px;
	font-weight: bold;
	padding-right: 8px;
	padding-bottom: 0px;
	text-align: left;
}

.subheadleftdesc {
	font-size: 11px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-top: 0px;
	text-align: left;
    margin: 0;
}

.subheadright {
	color: #36C;
	font-size: 11px;
	font-weight: bold;
	line-height: 11px;
	padding-right: 8px;
	text-align: left;
}

.subheadrightdesc {
	font-size: 11px;
	padding-right: 8px;
	padding-bottom: 8px;
	text-align: left;
    margin: 0;
}

.learnbody {
	padding-left: 42px;
}

.learntopic {
	padding-left: 8px;
}

/* For the index pages */
.alphabox {
    background-color: white;
    height: 2em;
    font-size: 9pt;
    font-family: "Lucida Grande", Arial, sans-serif;
    color: #778FBD;
    font-weight: bold;
    line-height: 18pt;
    text-decoration: none;
    position: fixed;
    top: 1.7em;
    left: 0;
    z-index: 10;
    border-bottom: 1px solid #778FBD;
}

.alphabox td { text-align: center; min-width: 6px; }

.alphacircle { color: #fff; background-color: #778fbd; text-decoration: none; margin-top: -3px; height: 1.7em; }

.listbox {   width: 90%;  border-collapse: collapse;
    border-spacing:0;
font-size: 9pt; font-family: "Lucida Grande", Arial, sans-serif; color: #000; line-height: 12pt; text-decoration: none; position: absolute; top: 0; float: left; margin-top: 2.1em; margin-right: 15px; margin-left: 15px;
    vertical-align: top;
    border: 1pt solid lightgray;
    border-bottom-style: solid;
    border-left-style: none;
    border-right-style: none;
    border-top-style: none;
 }
