@charset "utf-8";
* {margin:0;}
html, body {
	height: 100%;
}

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #f7f6f1 url(../images/main_bg.gif) top right no-repeat;
	text-align: center;
	color: #494545;
}
h1, h2, h3, h4, p {
	padding: 10px 0;
}

h1 a {
	text-decoration:none;
	color:#083f56;
}
#wrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	/*margin: 0 auto -105px; /* the bottom margin is the negative value of the footer's height */
}


#header_wrap {
	border-top: 6px solid #e46b00;
}
#header {
	width:1000px;
	margin: 0 auto;
	text-align: left;
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
ul#language_menu{
	padding: 10px 15px;
	margin:0;
	text-align:right;
	list-style:none;
}
ul#language_menu li{
	display:inline;
	margin:0;
	padding: 0 5px;
	font: 70% Arial, Helvetica, sans-serif;
	color: #70a2b9;
}
ul#language_menu li a:link, #header ul#language_menu li a:active{
	color: #70a2b9;
	text-decoration:none;
}
ul#language_menu li a:hover {
	color: #70a2b9;
	text-decoration:underline;
}
#header h1 {
	font-weight: normal;
	color:#083f56;
	font-size:300%;
	line-height:70%;
	margin: 10px 0 0 10px;
	padding:0 0 40px 60px;
	letter-spacing:-0.025em;
	background:url(../images/icm_logo.gif) no-repeat;
}
#header h1 .tagline {
	color:#70a2b9;
	font-size:25%;
	line-height:70%;
	margin: 10px 0 40px 10px;
	padding:0;
	letter-spacing:-0.025em;
}

.nav_wrap {

	 /* Mozilla ignores crazy MS image filters, so it will skip the following */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../images/75p_grey.png');
}
/* IE ignores styles with [attributes], so it will skip the following. */
.nav_wrap {
  background: url(../images/75p_grey.png);
}
.nav_container {
	width:1000px;
	margin: 0 auto;
	text-align: left;
	padding: 0;
	border-top: 1px solid #aec7cf;
	border-bottom: 1px solid #aec7cf;
}
#nav {
	width:auto;
	float:left;
	text-align: left;
	z-index:100px;
}
ul#main_nav{
	list-style:none;

	margin:0;
	padding:0;
}
ul#main_nav li{
	display:inline;
	float:left;
	margin:0;
	padding: 12px 0;
	font: 90% Arial, Helvetica, sans-serif;
	line-height: 105%;
	text-transform:uppercase;
	color: #494545;
}
ul#main_nav li.active{
	background-color: #d1dbdc;
	color:#5f676c;
}
ul#main_nav li.active a {
	background-color: #d1dbdc;
	color:#5f676c;

}
ul#main_nav li a {
		border-right: 1px solid #c0bfba;
		padding: 5px 10px;}
ul#main_nav li a:link, ul#main_nav li a:active, ul#main_nav li a:visited{
	color: #494545;
	text-decoration:none;

}
ul#main_nav li a:hover {
	color: #2b3841;
}

#search {
	width: auto;
	margin: 9px 15px 5px 0;
	float:right;
	text-align:right;
}
#search form{
	margin:0;
	padding:0;
}

#search form label{
	width:50px;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;
	text-transform:uppercase;
	font-size:70%;
	line-height:160%;
	padding:5px;
}
#search input{
	width: 170px;
	float:left;
	color: #494545;
	background: #fff;
	border: 1px solid #cbc4c4;
	margin-left: 5px;
}
#search input[type=submit] {
	
	width:auto;}
#login {
	width:  auto;
	margin: 5px 0 0 0;
	float:right;
	padding: 5px 0 0 0;
}
#login a{
	color: #a7a6a0;
	font-size:70%;
	line-height: 160%;
	font-weight:bold;
	text-decoration:none;
	display:inline;
}
#login form{
	margin:0;
	padding:0;
	
	display:inline;
}

div#login form label{
	width: 10em;
	float: left;
	text-align: right;
	margin: 0 5px 0 0;
	display: block;
	font-size:60%;
	line-height:160%;
	padding:2px;
	font-weight:bold;
}
#login input{
	width: 7em;
	float:left;
	color: #777474;
	background: #fff;
	border: 1px solid #cbc4c4;
	font-size: 70%;
	padding: 3px;
	margin: 0 5px 0 0;
}
#login input#submit{
	width: 3em;
	float:left;
	color: #494545;
	background: #ebeae5;
	border: 1px solid #cbc4c4;
	font-size: 70%;
	padding: 2px;

	margin-right: 10px;
}
#login2 {
	margin: 5px 0 20px 0;
	padding: 15px;
	background:#f7f6f1;
	border:1px solid #d3d1cd;
	text-align:left;

}
#login2 fieldset{
	border:0;
	padding:0;

}
#login2 legend{
	font-size:90%;
	line-height: 100%;
	font-weight:bold;
	display:compact;
	margin-bottom:10px;
}
#login2 form{
	margin:0;
	padding:0;
}
#login2 form legend span {
	display:block;
	white-space: normal; 
	width:90%;
	line-height: 120%;}
#login2 form fieldset p{
	padding:0;
}

#login2 form label{

	margin: 0;
	line-height:160%;
	padding:2px;
	font-size:90%;
}
#login2 input{
	width: 100%;
	color: #777474;
	background: #fff;
	border: 1px solid #cbc4c4;
	padding: 3px 0;
	margin: 0;
}
#login2 input#submit{
	width: 5em;
	float:right;
	color: #494545;
	background: #ebeae5;
	border: 1px solid #cbc4c4;
	font-size: 90%;
	padding: 2px 5px;
	font-weight:bold;
	margin-top: 10px;
}

#lesson_pick {
	width: auto;
	margin: 0 auto;
	padding: 15px;

}
#lesson_pick form ol{
	margin: 0;
	color:#94938f;
	list-style:none;
	padding:0;
}
#lesson_pick form ol li{
	padding:5px 0 10px 50px;
}
#lesson_pick form ol li.one{
	background:url(../images/one.gif) no-repeat;
}
#lesson_pick form ol li.two{
	background:url(../images/two.gif) no-repeat;
}

#lesson_pick form label{
	margin: 0 0 5px 0;
	display: block;
	line-height:18px;
	padding:2px;
	font-size: 18px !important;
	color:#e46b00;
}
#lesson_pick select{
	width: 240px;
	color: #777474;
	background: #fff;
	border: 1px solid #cbc4c4;
	padding: 3px;
	margin: 0 0 0 5px;
}
#lesson_pick input#submit{

	background: transparent  url(../images/go-button3.png) no-repeat;
	margin: 10px 0 0 120px;
	width: 128px;
	height:66px;
	overflow: hidden;
	padding: 0px;
	border:none;
	cursor: pointer; /* hand-shaped cursor */
 	cursor: hand; /* for IE 5.x */

}

img.left {
	float:left;
	margin-right: 10px;
}
#container {
	width: 1000px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 15px auto 20px auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#mainContent {
	padding: 15px 4% 15px 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	width:65%;
	float:left;
	border-right: 1px solid #c0bfba;
	margin-bottom:15px;

}
#mainContent.feature{
	padding: 0 30px 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	width:800px;
	float: none;
	border:none;
	text-align:right;
	margin:0 auto;
	z-index:0;
}

.huge {
	font-size:180px;
	letter-spacing:-0.06em;
	color:#a7a6a0;
	line-height:0.9em;
	padding:0;
}
.big {
	font-size:28px;
	line-height:100%;
	letter-spacing:-0.05em;
	color:#a7a6a0;
}
.blue {
	color:#083f56;
}
.real_blue {
	color: #70A2B9;
}
.orange {
	color:#e46b00;
}
.summary {
	float:left;
	width:300px;
	padding:0 30px;
	font-size: 80%;
	border-right: 1px solid #a7a6a0;
	margin: 20px 0 30px 0;

}
div.summary ul{
	left-padding: 40px;
}
.intro {
	float:left;
	width:450px;
	letter-spacing:-0.025em;
	padding:0 30px;
	color:#083f56;
	font-size:120%;
	margin: 20px 0 30px 0;

}
#mainContent.wide{
	padding: 0 30px 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	width:900px;
	float: none;
	border:none;
	text-align:left;
	margin:15px auto;
	z-index:0;

}
#mainContent ul {
	list-style:none;
}
#mainContent ul li{
	margin-top: 5px;
}
#mainContent ul li a {
	color: #0000cc;
	text-decoration:underline;
}
#mainContent ul li a:hover {
	color: #e46b00;
	text-decoration:none;
}
.format{
	margin: 10px 0 0 0;
	padding:0;
	border: 0;
	font-size: 70%;
	text-align:left;

	}
.format a{
	color: #5f5b5b;

	}
.format tr td, .format tr th{
	border-bottom: 2px solid #f7f6f1 !important;
}
.format th{
	background: #f5e8d8;
	padding:8px 25px 8px 15px;
	margin: 2px 0;

}
.format tr.odd{
	background:#ecefed;
}
.format tr.even{
	background:#f2f3ef;

}
.format td{
	padding:8px 25px 8px 15px;
	margin: 2px 0;
	vertical-align:top;
	line-height:42px;
}
.leftpad {
	padding-left:40px;

	}
a.study_link {
	font-weight: bold;
	color:#083f56;
	font-size:110%;
	background: url(../images/study_link_bg.gif) no-repeat;
	display:block;
	padding: 0 0 0 50px;
	width: auto;
	line-height:42px;
	float:right;
}
h3 {
	font-weight:normal;
	color:#083f56;
	font-size: 160%;
	letter-spacing:-0.025em;

}
h4 {
	color:#e46b00;
	letter-spacing:-0.025em;
	padding-bottom:0;

}

#mainContent h2 {
	color: #083f56;
	font-size: 150%;
	letter-spacing:-0.015em;
	padding-bottom:0;
	font-weight:normal;
	}
#mainContent p {
	font-size: 80%;

	}
#sidebar {
	width:25%;
	padding: 30px 0 0 5%;
	float:left;
	font-size: 75%;
}
#sidebar a {
	color:#494545;
	text-decoration:none;
	font-weight:bold;
}
#sidebar a.blue {
	color:#083f56;
	text-decoration:underline;
	font-weight:normal;
}
#sidebar ul {
	margin:0;
	list-style:none;
	padding:0;
}
#sidebar ul li{
	margin:0;
	list-style:none;
	padding:8px 0;

}
#sidebar p {
	
}

#footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	  background: url(../images/75p_grey.png);
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../images/75p_grey.png');
	border-bottom: 5px solid #e46b00;
	clear:both;
}
#footer, #push {
	height: 50px; /* .push must be the same height as .footer */
}

#footer_container {
	width:1000px;
	margin: 0 auto;
	text-align: center;
}
#footer ul {
	padding: 10px 15px;
	margin:0;
	text-align:center;
	list-style:none;
}
#footer ul li {
	display:inline;
	margin:0;
	padding: 0 5px;
	font: 100% Arial, Helvetica, sans-serif;
	color: #494545;
}
#footer ul li a:link, #footer ul li a:active{
	color: #494545;
	text-decoration:none;
}
#footer ul a:hover {
	color: #70a2b9;
	text-decoration:underline;
}

/* Scroll Bar */
.scroll {
	background: #e9edeb url(../images/content1_top.gif) left top no-repeat;
	padding:7px 0;
	width: 561px;
	height: 185px;
}
#content1{
	height: 180px;
	width: 511px;
	float:left;
	background: #e9edeb;
	overflow:hidden;
	padding:0 10px;

}
#content1 p{
	margin: 0 10px 10px 10px;
}
.scrollbar-vert{
	background: url(../images/scroll_bg.gif) repeat-y;
	height: 180px;
	width: 20px;
	float:left;

}
.handle-vert{
	height: 42px;
	width: 20px;
	background: url(../images/handle.gif) no-repeat;
}
/*end of scroll bar*/
.completed h4 {
	color:#474642;
	margin:0 0 8px 0;
	padding:0;
	font-size: 120%;
}
.completed ul {
	list-style:none;
	margin-bottom:8px !important;

}
.completed ul li {
	border-top:1px solid #cccbc7;
	font-size:90%;
	padding:5px 5px 5px 30px !important;
	background:transparent url(../images/check.gif) left center no-repeat;
}
.completed ul li.last {
	border-top:1px solid #cccbc7;
	border-bottom:1px solid #cccbc7;
}
.completed form input {
	border:1px solid #cccbc7;
	background:#FFF;
	height: 50px;
	width: 50px;
	float: left;
	margin:10px 10px 0 0;
}
.completed form label{
	font-size:150%;
	color:#e76800;
	text-align:left;
}
.clear {
	clear:both;

	}
  .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
/* Added by Paul */

form ul {
	list-style:none;
}

form ul li label {
	display:inline-block;
	width:200px;
	text-align:right;
	padding:0 10px 0;
}

form ul li input[type="submit"] {
	margin-left:225px;
}

form ul li input {
	width:300px;
}

form ul li textarea {
	width:522px;
}

.disabled {
	opacity:0.3;
	text-decoration: line-through;
}

div#lesson_player {
	width:200px;
	float:left;
	padding-right:10px;
	display:inline-block;
}

div#lesson_nav {
	width:auto;
	float:left;
	display:inline-block;
}
#lesson_content ul {padding-left: 0;}
#lesson_content p { }
#lesson_nav ul {padding-left:0;}
div#lesson_nav ul li a {
	-moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(../images/arrow.jpg) no-repeat scroll 0 0;
    padding-left:25px;
}

div#lesson_content {
	width:auto;
	display:block;
}

<!--[if IE]>
  .clearfix {
    zoom: 1;     /* triggers hasLayout */
    }  /* Only IE can see inside the conditional comment
    and read this CSS rule. Don't ever use a normal HTML
    comment inside the CC or it will close prematurely. */

<![endif]-->