/* START OF ANCHOR CSS */
	a {
		color: #3399cc;
		text-decoration: underline;
		}
	a:hover {
		color: #999;
		text-decoration: underline;
		}
	a:active {
		color: #666;
		text-decoration: none;
		}
	a:visited {
		color: #3399cc;
		text-decoration: underline;
		}
	/* END OF ANCHOR CSS */


	/* START OF IMAGE ANCHOR CSS */
	a img, a:visited img, a.img, a:visited.img {
		border: 0;
		text-decoration: none;
		}
	/* END OF IMAGE ANCHOR CSS */
	

	/* START OF BODY CSS */
	body {
		background-color: #f5f5f5;
		font-family: 'Arial', 'Verdana', sans-serif;
		font-size: 9pt;
		line-height: 1em;
		color: #363636;
		margin: 0;
		padding: 0;
		padding-bottom: 50px;
		}
	/* END OF BODY CSS */
	
	
	
	/* START OF HEADER CSS */
	h1 {
		color: #204ca3;
		font-family: 'Arial', sans-serif;
		font-size: 17pt;
		font-weight: normal;
		letter-spacing: -1px;
		line-height: 1em;
		margin: 0;
		}
	h2 {
		color: #204ca3;
		font-family: 'Arial', sans-serif;
		font-size: 17pt;
		font-weight: normal;
		letter-spacing: -1px;
		line-height: 1em;
		margin: 0;
		text-transform: capitalize;
		}
	h3 {
		color: #534741;
		font-family: 'Arial', sans-serif;
		font-size: 14pt;
		font-weight: normal;
		line-height: 14pt;
		margin: 0;
                padding: 0;
		}
	/* END OF HEADER CSS */
	
	
	/* START OF HORIZONTAL RULE CSS */
	hr {
		border: none;
		background: none;
		clear: both;
		margin: 0;
		visibility: hidden;
		height: 1px;
		}
	/* END OF HORIZONTAL RULE CSS */

	
	/* START OF LIST CSS */
	ul, ol {
		margin: 5px 0;
		padding: 0;
		padding-left: 2px;
		}
	ul li, ol li {
		line-height: 1.25em;
		list-style: none;
		margin-bottom: 6px;
		}
	ul li {
		background: url('../images/ul-li.gif') no-repeat 2px 5px;
		padding-left: 15px;
		}
	ul li p, ol li p {
		margin: 0;
	}
	/* END OF LIST CSS */


	/* START OF IMAGE CSS */
	img.left {
		float: left;
		margin: 5px;
		margin-right: 10px;
		}
	img.right {
		float: right;
		margin-left: 10px;
		margin-top: -20px;
		}
	img.center {
		display: block;
		margin: 0 auto;
		}
	/* END OF IMAGE CSS */


	/* START OF PARAGRAPH CSS */
	p {
		line-height: 1.25em;
		margin: 8px 0;
		}
	/* END OF PARAGRAPH CSS */
	
        
	/* START OF CONTAINER CSS */
	div#hcic-Container {
            margin: 0 auto;
            padding: 75px 0;
            width: 900px;
        }
        div#hcic-Container.fullview {
            padding-top: 0;
        }
	/* END OF CONTAINER CSS */
	
	
	/* START OF WEEK CSS */
	div.hcic-Week {
            float: left;
            margin: 0 auto;
	    overflow: hidden;
            width: 760px;
        }
        div#hcic-Container.fullview div.hcic-Week {
            padding: 75px 0 0;
        }
	/* END OF WEEK CSS */


	/* START OF WEEK HEADER CSS */
	div.hcic-Week-Header {
            background: #545454 url('../images/week_header_bg.gif') repeat-x bottom left;
            border: 1px solid #fff;
            width: 758px;
            height: 70px;
        }
	div.hcic-Week-Header h2 {
            color: #fff;
            display: block;
            font-size: 18pt;
            line-height: 22pt;
            float: left;
            padding: 20px 0 0 17px;
            margin: 0;
            width: 530px;
        }
	div.hcic-Week-Header h2 em {
            font-style: normal;
            color: #ccc;
        }
        div.hcic-Week-Date {
            color: #ccc;
            margin: 15px 20px 0 0;
            float: right;
	    width: 90px;
        }
        div.hcic-Week-Date em {
		display: block;
		font-size: 14pt;
		font-style: normal;
		line-height: 18pt;
	}
	/* END OF WEEK HEADER CSS */


	/* START OF WEEK HEADER STAGE CSS */
	div.hcic-Week-Header div.hcic-Week-Stage {
            color: #fff;
            float: left;
            font-size: 22pt;
            line-height: 22pt;
            text-align: center;
            padding-top: 20px;
            width: 96px;
            height: 70px;
    voice-family: "\"}\""; 
    voice-family:inherit;
	    height: 50px;
	}
	html>body div.hcic-Week-Header div.hcic-Week-Stage {
            height: 50px;
        }
	div.hcic-Week-Header div.hcic-Week-Stage {
		background: none;
            background-color: #c6c6c6;
            background-image: url('../images/stage_bg.png');
	    background-position: bottom left;
	    background-repeat: repeat-x
        }
        
        
	.stage-lightblue div.hcic-Week-Header div.hcic-Week-Stage {
            background-color: #6EDFE9;
        }
	.stage-medblue div.hcic-Week-Header div.hcic-Week-Stage {
            background-color: #26c9f5;
        }
	.stage-green div.hcic-Week-Header div.hcic-Week-Stage {
            background-color: #9ece5c;
        }
	.stage-orange div.hcic-Week-Header div.hcic-Week-Stage {
            background-color: #ffa441;
        }
	.stage-fuschia div.hcic-Week-Header div.hcic-Week-Stage {
            background-color: #f15286;
        }
	.stage-purple div.hcic-Week-Header div.hcic-Week-Stage {
            background-color: #a247a0;
        }
	.stage-darkblue div.hcic-Week-Header div.hcic-Week-Stage {
            background-color: #5757ae;
        }
	/* END OF WEEK HEADER STAGE CSS */
	
        
        
	/* START OF WEEK CONTENT CSS */
	div.hcic-Week-Content {
            background-color: #fff;
            border-bottom: 3px solid #545454;
            padding: 20px 10px 10px;
            min-height: 640px;
        }
        div.hcic-Week-Content-LearningGoals {
            background: #fff url('../images/learninggoals.gif') no-repeat 10px 0;
            margin-bottom: 20px;
	    margin-right: 10px;
            padding-left: 88px;
		min-height: 50px;
        }
        div.hcic-Week-Content-Workshop {
            background: #fff url('../images/workshop.gif') no-repeat 10px 0;
            margin-bottom: 20px;
	    margin-right: 10px;
            padding-left: 88px;
		min-height: 50px;
        }
        div.hcic-Week-Content-Readings {
            background: #fff url('../images/readings.gif') no-repeat 10px 0;
            margin-bottom: 20px;
	    margin-right: 10px;
            padding-left: 88px;
		min-height: 50px;
        }
        div.hcic-Week-Content-Information {
            background: #fff url('../images/information.png') no-repeat 10px 0;
            margin-bottom: 20px;
	    margin-right: 10px;
            padding-left: 88px;
		min-height: 50px;
        }
	div.hcic-Week-Content-Information p {
		margin-right: 20px;
	}
        div.hcic-Week-Content-KeyConcepts {
            background: #fff url('../images/keyconcepts.png') no-repeat 10px -3px;
            margin-bottom: 20px;
	    margin-right: 10px;
            padding-left: 88px;
		min-height: 50px;
        }
	div.hcic-Week-Content hr {
		height: 15px;
	}
	/* END OF WEEK CONTENT CSS */



	/* START OF WEEK DUE CSS */
	div.hcic-Week-Due {
            float: left;
            margin-right: 8px;
            width: 365px;
        }
	div.hcic-Week-Due-Header {
            background: #ff897d url('../images/week_due_header_bg.gif') repeat-x bottom left;
            overflow: hidden;
            width: 100%;
            height: 38px;
        }
	div.hcic-Week-Due-Header h3 {
            background: url('../images/week_due_header_icon.gif') no-repeat 10px 7px;
            display: block;
	    color: #fff;
            margin: 0;
            padding: 8px 0 0 40px;
            overflow: hidden;
            width: 100%;
            height: 38px;
    voice-family: "\"}\""; 
    voice-family:inherit;
	    height: 30px;
	}
	html>body div.hcic-Week-Due-Header h3 {
            height: 30px;
        }
        div.hcic-Week-Due-Content {
            background-color: #e6e6e6;
            padding: 10px;
            min-height: 80px;
        }
        
        
        div.hcic-Week-Due-Content ol,
        div.hcic-Week-Prep-Content ol {
		padding-left: 20px;
            margin-bottom: 0;
        }
        div.hcic-Week-Due-Content ol li,
        div.hcic-Week-Prep-Content ol li {
		list-style-type: decimal;
		list-style-position: outside;
            line-height: 13pt;
            margin-bottom: 10px;
            padding-left: 0;
	    min-height: 19px;
	    vertical-align: top;
        }
	/*
        div.hcic-Week-Due-Content ol li.item1,
        div.hcic-Week-Prep-Content ol li.item1 {
            background: url('../images/item1.gif') no-repeat top left;
        }
        div.hcic-Week-Due-Content ol li.item2,
        div.hcic-Week-Prep-Content ol li.item2 {
            background: url('../images/item2.gif') no-repeat top left;
        }
        div.hcic-Week-Due-Content ol li.item3,
        div.hcic-Week-Prep-Content ol li.item3 {
            background: url('../images/item3.gif') no-repeat top left;
        }
        div.hcic-Week-Due-Content ol li.item4,
        div.hcic-Week-Prep-Content ol li.item4 {
            background: url('../images/item4.gif') no-repeat top left;
        }
        div.hcic-Week-Due-Content ol li.item5,
        div.hcic-Week-Prep-Content ol li.item5 {
            background: url('../images/item5.gif') no-repeat top left;
        }
        div.hcic-Week-Due-Content ol li.item6,
        div.hcic-Week-Prep-Content ol li.item6 {
            background: url('../images/item6.gif') no-repeat top left;
        }
        div.hcic-Week-Due-Content ol li.item7,
        div.hcic-Week-Prep-Content ol li.item7 {
            background: url('../images/item7.gif') no-repeat top left;
        }
        div.hcic-Week-Due-Content ol li.item8,
        div.hcic-Week-Prep-Content ol li.item8 {
            background: url('../images/item8.gif') no-repeat top left;
        }
        div.hcic-Week-Due-Content ol li.item9,
        div.hcic-Week-Prep-Content ol li.item9 {
            background: url('../images/item9.gif') no-repeat top left;
        }
        div.hcic-Week-Due-Content ol li.item10,
        div.hcic-Week-Prep-Content ol li.item10 {
            background: url('../images/item10.gif') no-repeat top left;
        }
	*/
	/* END OF WEEK DUE CSS */



	/* START OF WEEK PREP CSS */
	div.hcic-Week-Prep {
            float: left;
            width: 365px;
        }
	div.hcic-Week-Prep-Header {
            background: #ffd24c url('../images/week_prep_header_bg.gif') repeat-x bottom left;
            overflow: hidden;
            width: 100%;
            height: 38px;
        }
	div.hcic-Week-Prep-Header h3 {
            background: url('../images/week_prep_header_icon.gif') no-repeat 10px 7px;
            display: block;
            margin: 0;
            padding: 8px 0 0 40px;
            overflow: hidden;
            width: 100%;
            height: 38px;
    voice-family: "\"}\""; 
    voice-family:inherit;
	    height: 30px;
	}
	html>body div.hcic-Week-Prep-Header h3 {
            height: 30px;
        }
        div.hcic-Week-Prep-Content {
            background-color: #e6e6e6;
            padding: 10px 10px;
            min-height: 80px;
        }
        div.hcic-Week-Prep-Content p {
            line-height: 12pt;
        }
	/* END OF WEEK PREP CSS */
	


	/* START OF WEEKLY OVERVIEW CSS */
	ul#hcic-WeeklyOverview {
            background: #e4e4e4 url('../images/navigation_bg.gif') repeat-x bottom left;
            border: 1px solid #fff;
	    border-left: none;
            list-style: none;
            float: right;
            margin: 70px 0 0;
            padding: 0;
	    overflow: hidden;
            width: 139px;
            height: 629px;
        }
	ul#hcic-WeeklyOverview li {
		position: relative;
            background: none;
	    background-color: #a8a8a8;
            margin: 0 0 1px 0;
            padding: 0;
	    overflow: hidden;
            list-style: none;
	    width: 140px;
	    height: 44px;
        }
	ul#hcic-WeeklyOverview li.ui-state-hover {
		background-color: #c6c6c6;
	}
	ul#hcic-WeeklyOverview li a {
		position: absolute;
		z-index: 4;
		top: 0;
		left: 0;
            color: #fff;
            display: block;
            font-size: 14pt;
            line-height: 12pt;
            margin: 0;
            padding: 8px 0 12px 14px;
            text-decoration: none;
	    width: 140px;
            height: 44px;
    voice-family: "\"}\""; 
    voice-family:inherit;
	    height: 24px;
	}
	html>body ul#hcic-WeeklyOverview li a {
            height: 24px;
        }
	ul#hcic-WeeklyOverview li a span {
            font-size: 8pt;
            display: block;
        }
	ul#hcic-WeeklyOverview li span.embossed {
		position: absolute;
		z-index: 2;
		top: 0;
		left: 0;
		background: transparent url('../images/nav_bg.png') no-repeat top right;
		display: block;
		width: 140px;
		height: 44px;
	}
	ul#hcic-WeeklyOverview li span.stage {
		position: absolute;
		z-index: 1;
		top: 0;
		right: 0;
		background-color: #d7d7d7;
		display: block;
		width: 15px;
		height: 44px;
	}
	ul#hcic-WeeklyOverview li.current span.current {
		position: absolute;
		z-index: 3;
		top: 0;
		left: 0;
		background: url('../images/navigation_current.png') no-repeat top left;
		display: block;
		width: 14px;
		height: 44px;
        }
	ul#hcic-WeeklyOverview li.current a {
            padding: 8px 0 12px 23px;
            height: 44px;
    voice-family: "\"}\""; 
    voice-family:inherit;
	    height: 24px;
	}
	html>body ul#hcic-WeeklyOverview li.current a {
            height: 24px;
        }
	
	/* FULL VIEW */
        div#hcic-Container.fullview ul#hcic-WeeklyOverview {
            position: fixed;
            top: 5px;
            right: 10px;
	    border-left: 1px solid #fff;
        }
	/* FULL VIEW */
	
	
	ul#hcic-WeeklyOverview li.current {
		background-color: #d7d7d7;
	}
	
	ul#hcic-WeeklyOverview li.stage-lightblue span.stage,
	ul#hcic-WeeklyOverview li.stage-lightblue.current {
		background-color: #6edfe9;
	}
	
	ul#hcic-WeeklyOverview li.stage-medblue span.stage,
	ul#hcic-WeeklyOverview li.stage-medblue.current {
		background-color: #00bff3;
	}
	
	ul#hcic-WeeklyOverview li.stage-green span.stage,
	ul#hcic-WeeklyOverview li.stage-green.current {
		background-color: #8dc63f;
	}
	
	ul#hcic-WeeklyOverview li.stage-orange span.stage,
	ul#hcic-WeeklyOverview li.stage-orange.current {
		background-color: #ff9420;
	}
	
	ul#hcic-WeeklyOverview li.stage-fuschia span.stage,
	ul#hcic-WeeklyOverview li.stage-fuschia.current {
		background-color: #ef3471;
	}
	
	ul#hcic-WeeklyOverview li.stage-purple span.stage,
	ul#hcic-WeeklyOverview li.stage-purple.current {
		background-color: #92278f;
	}
	
	ul#hcic-WeeklyOverview li.stage-darkblue span.stage,
	ul#hcic-WeeklyOverview li.stage-darkblue.current {
		background-color: #333399;
	}
	
	ul#hcic-WeeklyOverview li.last {
		border-bottom: none;
	}
	/* END OF WEEKLY OVERVIEW CSS */
	
	
	/* START OF ID OVERVIEW CSS */
        div#hcic-IDOverview {
            background: url('../images/idoverview.gif') no-repeat top left;
            float: left;
            overflow: hidden;
            text-indent: -5000px;
            margin-top: -14px;
            width: 20px;
            height: 669px;
        }
        div#hcic-Container.fullview div#hcic-IDOverview {
            position: fixed;
            top: 75px;
            left: 0;
        }
	/* START OF ID OVERVIEW CSS */
	
        
	/* START OF COLLAPSIBLE CSS */
	div.hcic-Collapsible {
		position: relative;
		border: 1px solid #eee;
		background-color: #fafafa;
		padding: 7px 10px;
	}
	div.hcic-Week-Due div.hcic-Collapsible,
	div.hcic-Week-Prep div.hcic-Collapsible {
		background: #d3d3d3;
		border: 1px solid #ccc;
	}
	div.hcic-Collapsible.collapsed {
		overflow: hidden;
	}
	span.hcic-Collapsible-Toggle {
		position: absolute;
		top: 5px;
		right: 5px;
		
		-moz-border-radius: 3px;
		border-radius: 3px;
		background-color: #eee;
		cursor: pointer;
		display: block;
		font-family: 'Verdana', sans-serif;
		font-size: 8px;
		font-weight: bold;
		padding: 1px 3px;
		text-transform: uppercase;
	}
	/* START OF COLLAPSIBLE CSS */
	
        
	/* START OF TOGGLE CSS */
	div#hcic-Toggle {
            position: fixed;
	    z-index: 100;
            top: 0;
            left: 50%;
            margin-left: -385px;
            width: 840px;
            height: 70px;
        }
        a#hcic-Toggle-Button {
            position: absolute;
            top: 0;
            right: 0;
            background: url('../images/toggle_full.png') no-repeat top left;
            display: block;
            overflow: hidden;
            text-indent: -5000px;
            width: 156px;
            height: 35px;
        }
        a#hcic-Toggle-Button.compact {
            background: url('../images/toggle_compact.png') no-repeat top left;
        }
	/* END OF TOGGLE CSS */