body { 
	background-color:#ffffff;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	border:0;
	text-align:left;
}

.logo {
	position:relative;
	top:0px;
	left:40px;
	width:184px;
	align:left;
}

.slogan {
	font-size:16px;
	font-family:Arial;
	position:relative;
	top:15px;
	left:0px;
	font-style:normal;
	color:black;
	width:500px;
}

#progress {
	font: italic normal bold 12pt;
	color:#0000ff;
	text-align:left;
	width:200pt;
	position:absolute;
	top:110px;
	left:100px;
}

#goexit {
	position:absolute;
	top:135px;
	left:260px;
}

#goback {
	position:absolute;
	top:135px;
	left:425px;
}

#gonext {
	position:absolute;
	top:135px;
	left:580px;
}

#hdivider {
	width:500px;
	color:blue;
	position:absolute;
	top:120px;
	left:220px;
}

#hdivider2 {
	width:500px;
	color:blue;
	position:absolute;
	top:157px;
	left:220px;
}

.status {
	font-family: 'Droid Sans', Helvetica, Arial, sans-serif;
	position:absolute;
	top:160px;
	left:20px;
	font-size:13px;
	width:175px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: 10px;
    padding-top:0px;
	padding-left: 5px;
	padding-bottom: 20px;
	border:solid #aaa;
    border-width: 4px 4px 4px 4px;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
	background-color: #ddd;
}

.status td {
	font-family: 'Droid Sans', Helvetica, Arial, sans-serif;
	padding:3px;
	border-top: solid 1px black;
}

.status .done {
	text-align:left;
	background-color: #ddd;
	font-size:11px;
	color:#777777;
}

.done a {
	color:black;
	text-decoration: none;
}

.done a:hover {
	color:blue;
	text-decoration: underline;
}

.status .current {
	text-align:left;
	background-color:green;
	font-size:11px;
	color:#ffffff;
	font-weight:bold;
}

.current a {
	color:#ffffff;
	text-decoration: none;
}

.current a:hover {
	color:#ffffff;
	text-decoration: underline;
}

.status #statusleft {
	width:140px;
}

.status #statusright {
	width:15px;
}

.status .undone {
	text-align:left;
	background-color:#ffffff;
	font-size:11px;
}

.undone a {
	color:blue;
}

.main {
	position:absolute;
	top:185px;
	left:150px;
	margin-left:50px;
	margin-right:50px;
	width:600px;
}

.main a {
	color:blue;
}

.answers {
	font-size:13px;
}

.answers a {
	color:blue;
}

p, h1, li, h2, h3, .question {
	margin-left:20px;
	margin-right:20px;
}

.answers {
	margin-left:40px;
	margin-right:40px;
	font-size:13px;
	line-height:1.5;
}




/* this is used for emphasis in the course module text */
em {
	font-style:normal;
	font-weight:bold;
}

.summary li {
	padding:5px;
	line-height:1.3;
}

h1.title /* module title */
{
	position:relative;
	top:0;
	left:0;
	font-size:19px;
	font-weight:bold;
	font-style:normal;
	font-variant:small-caps;
	text-align:center;
	/* text-transform:uppercase */
}


.tipr /* this is for tips placed on the right of the page */
{
float:right;
	font-size: 13px;
    width:150px;
	margin:10px 0px 10px 15px;
    border:solid #339933;
    border-width: 4px 8px 16px 8px;
    border-radius:40px;
    -moz-border-radius:40px;
    -webkit-border-radius:40px;
	background-color: #339933;
	padding: 15px 10px 10px 15px;
}

.tipl /* this is for tips placed on the left of the page */
{
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: 8pt;
	float:left;
	width:20%;
	border:3px;
	border-style:solid;
	border-color:#000000;
	background-color:#ff0000;
	margin:10px 15px 10px 0px;
	padding:20px;
	color:#ffffff;
	text-align:center;
}

table.note {
    width:600px;
	margin-top: 20px;
	margin-left: 20px;
	/*
	margin-right: auto;
	*/
    border:solid #ddd;
    border-width: 4px 8px 16px 8px;
    border-radius:40px;
    -moz-border-radius:40px;
    -webkit-border-radius:40px;
	background-color: #ddd;
}

table.note h1{
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}

table.note p {
	padding-left: 10px;
}


table.example {
	font-size: 16px;
    width:600px;
	margin-top: 20px;
    margin-left: 20px;
	/*
	margin-right: auto;
	*/
    border:solid #ddd;
    border-width: 4px 8px 16px 8px;
    border-radius:40px;
    -moz-border-radius:40px;
    -webkit-border-radius:40px;
	background-color: #ddd;
}
table.example h1{
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}


table.example p{
	padding-left: 10px;
}
table.example td{
	padding-left: 10px;
	
}

table.goals {
    width:600px;
	margin-top: 20px;
    margin-left: 20px;
	/*
	margin-right: auto;
	border:solid #ddd;
    border-width: 4px 8px 16px 8px;
	*/
    border-radius:40px;
	-moz-border-radius:40px;
    -webkit-border-radius:40px; 
	background-color: #ddd;
}

table.goals h1{
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}


table.goals td
{
	padding-left: 20px;
}

.error {
	color:red;
	font-weight:bold;
}


.course_body {
	position:absolute;
	top:160px;
	left:200px;
	margin-left:20px;
	margin-right:50px;
	width:640px;
}

.course_body h1 {
	font-family: 'Droid Serif', Georgia, Times, serif;
	font-size: 35px;
	line-height: 40px;
	margin-bottom: 0;
	padding-bottom: 0; 
}

.course_body h2 {
	font-family: 'Droid Serif', Georgia, Times, serif;
	font-size: 25px;
	line-height: 30px;
	text-decoration:none;
	font-weight:bold;
	margin-bottom: 0;
	padding-bottom: 0; 
}

.course_body h3 {
	font-family: 'Droid Serif', Georgia, Times, serif;
	font-size: 18px;
	line-height: 20px;
	margin-bottom: 0;
	padding-bottom: 0; 
}
 
.course_body p {
	font-family: 'Droid Sans', Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 25px;
}

.course_body ul {
	margin-left:20px;
	margin-right:20px;
}

.course_body li {
	font-family: 'Droid Sans', Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 20px;
	margin-left:20px;
	margin-right:20px;
	line-height: 25px;
}

.course_body a {
	color: #666;
}

.course_body a:hover  {
	color: blue;
}

.course_body  td{
	font-size: 13px;
}


.button {
   background: green;
   color: white;
   width: 150px;
   padding: 5px;
   font-size: 16px;
   border: 1px solid #ccc;
   height: 34px;
   margin-left: 25px;
   }
   
.options a:hover {
	color: black;
	background: gray;
	cursor: pointer;
}

.options a{
	color: white;
	text-decoration: none;
	
}

.options input {
   background: green;
   color: white;
   width: 100px;
   padding: 5px;
   font-size: 16px;
   border: 1px solid #ccc;
   height: 34px;
   margin-left: 25px;
}

.options input:hover {
	color: black;
	background: gray;
	cursor: pointer;
}
/*
.space {
	margin-bottom: 100px;
}*/