body {

	background-image: url(images/gradient2.png);

	background-repeat: repeat-x;

	background-attachment: fixed;

	width: 1015px;

}



.bold {

	font-weight: bold;

}



p {

	margin-top: 2px;

}



.alignleft {

	margin-top: 3px;

	margin-bottom: 3px;

}



#amazon1 {

	position:relative;

	clear: left;

	top: 5px;

	left: 2px;

}



h2 {

	margin-top: 0px;

	font-family: Times New Roman, Times, serif;

}



#testH2 {

	text-align: left;

	position: relative;

	left: -200px;

}



#main, #learn {

	position: relative;

	clear: left;

	float: left;

	margin-top: 10px;

	padding: 15px;

	background-color: aliceblue;

	font-family: Arial, Helvetica, sans-serif;

	border: 1px solid black;

	border-radius: 8px;

	box-shadow: 1px 1px 1px #000000;

	text-align: justify;

}



#main h2, h4 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 2em;

	font-weight: bold;

	text-align: center;

	margin-top: 0px;

	margin-bottom: 0px;

}



#learn h5 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 1.5em;

	font-weight: bold;

	margin-bottom: 5px;

	text-align: left;

}



#main h3 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 1.4em;

	margin-bottom: 3px;

}



#learn h3 {

	font-family: Arial, Helvetica, sans-serif;

	margin-bottom: 3px;

}



.notop {

	margin-top: 0px;

	margin-bottom: 5px;

}



#learn {

	width: 981px;

}



#main {

	width: 671px;

}



#learn h2 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 2em;

	font-weight: bold;

	text-align: center;

	margin-bottom: 5px;

}



#learnAdRight, .adRight {

	width: 300px;

	height: 250px;

	overflow: visible;

	float: right;

	margin: 2px 0px 2px 10px;

}



#learnAdRightStart {

	width: 336px;

	height: 280px;

	overflow: visible;

	float: right;

	margin: 2px 0px 2px 10px;

}



.adLeft {

	width: 300px;

	height: 250px;

	float: left;

	margin: 2px 10px 2px 0px;

}



#intro h2{

	text-align: left;

	margin-top: 0px;

	font-size: 1.3em;

	font-weight: bold;

	margin-bottom: 15px;

}



hr {

 	width: 95%;

	margin-left: auto;

	margin-right: auto;

}



#cpyrt {	margin-top: -10px;}



#titleBox {

	position: relative;

	top: 0px;

	width: 1010px;

	height: 108px;

	background-color: red;

	border-width: 1px 1px 0px 1px;

	border-style: solid;

	border-color: black;

	box-shadow: 2px 2px 2px #000000;

	border-radius: 10px;

	overflow: visible;

}



#banner {

	position: absolute;

	clear: none;

	float: left;

	margin-left: 10px;

	z-index: 5;

}



#navBanner {

 	position: absolute;

	top: 63px;

	left: -1px;

	width: 100%;

	height: 45px;

	background-image: url(images/navgradient.png);

	background-repeat: repeat-x;

	border-width: 0px 1px 1px 1px;

	border-style: solid;

	border-color: black;

	border-bottom-right-radius: 10px;

	border-bottom-left-radius: 10px;

}



.fb-like {

	position: relative;

	left: 830px;

	margin-top: 5px;

	z-index: 10;

	border-radius: 5px;

	width: 50px;

}



#header2 {

	margin-left: 25px;

	float: left;

}



h1 {

	margin-top: 12px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 1.4em;

	font-weight: bold;

	color: white;

	text-shadow: 2px 1px 2px #000000;

}



.txt {

	margin-top: 12px;

}



.testlink {

	text-decoration: none;

	text-shadow: 1px 1px 1px #000000;

}



.linkBox {

	position: relative;

	z-index: 7;

	float: right;

	background-image: url(images/buttongradient.png);

	height: 38px;

	width: 90px;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	text-shadow: 1px 1px 1px #000000;

	color: white;

	border-width: 0px 0px 2px 3px;

	border-style: solid;

	border-color: black;

	border-bottom-left-radius: 10px;

	border-bottom-right-radius: 10px;

	text-align: center;

}

	

.linkBox:hover {

	color: gold;

	cursor: pointer;

}

	

.linkBoxOn {

	float: right;

	background-image: url(images/buttongradient.png);

	height: 38px;

	width: 90px;

	border-width: 0px 0px 2px 3px;

	border-style: solid;

	border-color: black;

	border-bottom-left-radius: 10px;

	border-bottom-right-radius: 10px;

	font-family: arial, sans-serif;

	font-weight: bold;

	text-shadow: 1px 1px 1px #000000;

	color: gold;

	text-align: center;

	cursor: pointer;

}



#title {

	text-align: center;

	font-family: Times New Roman, Times, Serif;

	font-size: 2.2em;

	margin-top: 0;

	color: white;

}



#adSpaceBot {

	width: 1010px;

	position:relative;

	/*margin-left: auto;*/

	/*margin-right: auto;*/

	text-align: center;

	clear: both;

	top: 5px;

}



#lessonAdBot {

	width: 468px;

	height: 60px;

	clear: left;

	margin-left: 150px;

}



.halfLine {

	width: 600px;

}



#adSpaceOneBox  {

	height: 250px;

	width: 300px;

	float: left;

	margin-left: 10px;

	margin-top: 10px;

	text-align: center;

}



#testAdSpaceOne {

	height: 280px;

	width: 336px;

	float: left;

	margin-left: 28px;

	margin-top: 15px;

	text-align: center;

}



#testContainer {

	float: left;

}



#top10 {

	margin-top: 10px;

}



#oldTextBox, #typedTextBox, .testBox {

	position: relative;

	float: left;

	clear: left;

	margin-top: 15px;

	padding: 5px;

	font-size: .9em;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	border: 3px solid black;

	border-radius: 8px;

}



#oldTextBox {

	height: 200px;

	width: 998px;

	font-size: 1em;

	overflow: hidden;

	padding-left: 5px;

	padding-right: 5px;

}



#tenBox {

	width: 100%;

}



#tenTopLeft, #tenTopRight {

	display: inline-block;

	text-align: center;

	width: 45%;

}



#tenTopLeft {

	float: left;

}



#tenBox h4 {

	margin-bottom: -15px;

}



#tenLeft, #tenMidLeft, #tenMidRight, #tenRight {

	margin-top: 10px;

	width: 23%;

	display: inline-block;

}



#tenLeft, #tenMidRight {

	text-align: center;

	vertical-align: top;

}



#typedTextBox {

	height: 165px;

	width: 634px;

	overflow: hidden;

}



.testBox {

	height: 165px;

	width: 634px;

	overflow: auto;

	background-color: #eeeeee;

}



.box {

	background-color: white;

	overflow: hidden;

}



.results {

	overflow: auto;

	background-color: aliceblue;

}



textarea {

 	resize: none;

}



.instructions {

	clear: left;

	position: relative;

	top: 10px;

	font-weight: bold;

	font-size: 1.1em;

	margin-bottom: 8px;

}



ul {

	margin-top: 4px;

}



.sm {

	font-size: .7em;

}



#ie {

	margin-top: -10px;

	margin-bottom: -10px;

	padding: 0;

}



.markIt {

	font-weight: bold;

	text-decoration: underline;

}



.actualbutton {

	height: 30px;

	width: 150px;

	margin-left: auto;

	margin-right: auto;

	border: 1px solid black;

	box-shadow: 1px 1px 1px #000000;

	background-color: limegreen;

	font-family: arial, sans-serif;

	color: white;

	border-radius: 28px;

	text-align: center;

}



.actualbutton:hover {

	background-color: red;

	color: gold;

	cursor: pointer;

}



.error {

	font-size: 1.3em;

	font-weight: bold;

}



#bottomRow {

	float: left;

	clear: none;

	width:634px;

	height: 35px;

	margin-top: -90px;

	margin-bottom: 10px;

}#timer {

	float: left;

	margin-left: 1%;

	margin-top: 5px;

	margin-bottom: 10px;

	height: 28px;

	width: 100px;

	background-color: black;

	color: white;

	font-family: Helvetica, Arial, sans-serif;

	font-size: 1.4em;

	text-align: center;

	padding-top: 2px;

	border: 2px solid white;

	border-radius: 8px;

}



#stop {

	float: right;

	margin-top: 5px;

	height: 28px;

	width: 100px;

	font-family: Helvetica, arial, sans-serif;

	font-size: 1.4em;

	font-weight: bold;

	text-align: center;

	padding-top: 2px;

	border-width: 2px;

	border-style: solid;

	border-radius: 8px;

	cursor: pointer;

	background-color: red;

	color: white;

	border-color: black;

}



#stop:hover {

	color: black;

}



.green {

	color: green;

	text-decoration: underline;

}



#finalZero {

 	font-family: verdana, arial, sans-serif;

	font-size: 1.7em;

	color: black;

}



#finalOne, #finalTwo {

	font-family: verdana, arial, sans-serif;

	font-size:1.5em;

	color: black;

}



#finalOne {

	margin-top: 15px;

}



#finalTwo {

	margin-top: 5px;

}



#finalTwitter {

	margin-top: 15px;

	margin-left: 15px;

	font-family: verdana, arial, sans-serif;

	font-size: 1.2em;

	color: black;

}



#tw {

	margin-left: 50px;

	font-size: .7em;

}



#finalZeroStop {

	font-family: verdana, arial, sans-serif;

	font-size:1.4em;

	color: red;

}



#f1strong {

	font-family: verdana, arial, sans-serif;

	font-size:1.9em;

	font-weight: bold;

	color: red;

}



strong {

	font-family: verdana, arial, sans-serif;

	font-weight: bold;

	color: red;

}



.red {

	color: red;

}



.right {

	font-weight: normal;

	font-size:.9em;

}



.small {

	font-family: verdana, arial, sans-serif;

	font-size:.9em;

	margin-top: 0px;

	color: black;

	margin-bottom: -15px;

}



#finalThree, #finalFour, #finalFive, #finalE, #restart1, #restart2 {

	font-family: verdana, arial, sans-serif;

	font-size:1.1em;

	color: black;

}



.qButton, .testButton, .testButtonRight {

	position: relative;

	float: left;

	height: 38px;

	width: 175px;

	background-image: url(images/buttongradient.png);

	background-color: red;

	border: 2px solid black;

	border-radius: 10px;

	color: white;

}



.otherButton {

	position: relative;

	display: inline;

	height: 38px;

	width: 175px;

	background-image: url(images/buttongradient.png);

	background-color: red;

	border: 2px solid black;

	border-radius: 10px;

	color: white;

}



.qButton {}.testButton {

	margin: 10px 50px 10px 0px;

}



.testButtonRight {

	margin: 10px 0px 10px 0px;

}



.qText {

	text-align: center;

	margin: 8px auto 0px auto;

	font-weight: bold;

	text-shadow: 1px 1px 1px #000000;

	text-decoration: none;

}



.qButton:hover, .testButton:hover, .otherButton:hover, .testButtonRight:hover {

	background-color: red;	color: gold;

}



#f1 {

	margin-left: 15px;

}



#r1 {

	margin-left: 195px;

}



#quickLeft {

	margin-left: 90px;

}



#quickRight {

	margin-left: 100px;

}



#buttonrow {

	width: 100%;

	margin-bottom: 15px;

	height: 30px;

}



#clearLeft {

	clear: left;

	position: relative;

	top: 10px;

}



.clear {

	clear: both;

}



#sm {

	text-align: center;

	margin-top: 0px;

	font-size: .8em;

}



#lessonBottomNav {

	float: left;

	left: 25px;

	display: inline;

	font-size: .8em;

	position: relative;

	padding: 5px;

	font-family: Verdana, Arial, Sans-serif;

	font-weight: bold;

	text-align: center;

	margin-top: 20px;

	margin-bottom: 10px;

}



#bottomNav, #testBottomNav, #bottomNavPF {

	clear: both;

	display: inline;

	font-size: .8em;

	float: left;

	position: relative;

	padding: 5px;

	width: 1010px;

	font-family: Verdana, Arial, Sans-serif;

	font-weight: bold;

	text-align: center;

	margin-bottom: 10px;

}



#bottomNav {

	top: 5px;

}



#testBottomNav {

	top: -35px;

}



#bottomNavPF {

	top: 20px;

	margin-bottom: 20px;

}



#resultsLeft {

	margin-top: 5px;

	float: left;

	width: 45%;

	margin-left: 5px;

	text-align: left;

}



#resultsRight {

	margin-top: 10px;

	line-height: 1.4em;

	float: right;

	width: 50%;

	margin-right: 5px;

	text-align: left;

}



.buttontxt {

	position: relative;

	top: 5px;

}



#restartbutton {

	float: left;

	height: 40px;

	width: 175px;

	margin-left: auto;

	margin-right: auto;

	border: 1px solid black;

	box-shadow: 1px 1px 1px #000000;

	background-color: limegreen;

	font-family: arial, sans-serif;

	font-size: 1.3em;

	color: white;

	border-radius: 28px;

	text-align: center;

}



#restartbutton:hover {

	background-color: red;

	color: gold;

	cursor: pointer;

}

.rbuttontxt {

	position: relative;	top: 8px;

}





.footer {

	font-size: .8em;

}



#contents {

	float: left;

	width: 175px;

	margin-right: 10px;

	border: 1px solid black;

	padding: 5px;

	font-size: 1em;

	text-align: left;

	background-color: #cccccc;

}



#contentsBot {

	border: 1px solid black;

	padding: 5px;

	font-size: 1em;

	background-color: #cccccc;

}



#contentsBot li {

	display: inline;

}



.imgright {

	clear: right;

	float: right;

}



.imgleft {

	clear: left;

	float: left;

}



#homerow {

	margin-bottom: 0px;

}



#testLinks {

	margin-left: auto;

	margin-right: auto;

	text-align: center;

}



.tText, .tTextGrey {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 1.6em;

	font-weight: bold;

	text-align: center;

	margin: 10px 50px 10px 50px;

}



.tText {

	color: white;

	background-color: red;

	text-shadow: 2px 1px 2px #000000;

	padding: 10px;

}



.tText:hover {

	color: gold;

}



.tTextGrey {

	color: black;

}



#tLeft, #tRight {

	background-color: #dddddd;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	font-size: 2em;

	margin: 10px 50px 5px 50px;

}



.gText {

	font-family: "Comic Sans MS", cursive, sans-serif;

	font-size: 1.6em;

	color: white;

	text-align: center;

	margin: 10px;

	background-color: red;

}



.noLine {

	text-decoration: none;

}



#th {

	vertical-align: top;

	font-size: .7em;

}



#lsidebar {

	width: 150px;

	height: 600px;

	border-right: 1px solid black;

}



#lessoncontents {

	float: right;

	margin-left: 15px;

	background-color: #eeeeee;

	border: 1px solid black;

	padding: 5px;

}



#lessoncontents li {

	font-family: "Comic Sans MS", cursive, sans-serif;

	font-size: 1.5em;

	margin-top: -5px;

	margin-bottom: 10px;

}



#lessoncontents a {

	text-decoration: none;

}



#lessoncontents a:hover {

	color: black;

}



#rSkyscraper {

	float: right;

	height: 600px;

	width: 160px;

	margin-left: 10px;

	margin-bottom: 10px;

}



#lessonBox {

	width: 805px;

}



.blue {

	color: blue;

	text-decoration: underline;

}



#keyMap {

	width: 90%;

	margin-left: 15px;

	margin-bottom: -15px;

}



.lessonIntro {

	margin-left: 15px;

	margin-bottom: 0px;

}



#lessonOldTextBox, #lessonGoodJobBox {

	border: 3px solid black;

	background-color: #ffffff;

	width: 90%;

	margin: 15px;

	height: 150px;

	font-family: "Comic Sans MS", cursive, sans-serif;

	font-size: 1.1em;

	letter-spacing: 1px;

	padding: 5px;

	overflow: hidden;

}



.goodjob {

	text-align: center;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 2.5em;

	color: green;

}



#goodjoberrors {

	margin-top: -25px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 1.3em;

	text-align: center;

}



.gj {

	font-size: 1.5em;

	color: blue;

	text-decoration: underline;

}



#gjnext {

	float: right;

}



#lessonTypedTextBox {

	position: absolute;

	height: 10px;

	width: 10px;

	left: 200px;

	top: 200px;

	z-index: -1;

}



#reset {

	float: right;

	margin-right: 10%;

	margin-top: -10px;

	font-size: 1em;

}



#hidekeyboard {

	margin-left: 5%;

	margin-top: -10px;

	font-size: 1em;

	width: 175px;

}



#reset, #prevNext, #hidekeyboard {

	font-family: "Comic Sans MS", cursive, sans-serif;

	color: blue;

	text-decoration: underline;

	cursor: pointer;

}



#reset:hover, #next:hover, #previous:hover {

	cursor: pointer;

}



#prevNext {

	clear: left;

	margin-top: 25px;

	margin-bottom: 10px;

	font-size: 1.3em;

	width: 100%;

}

	

#next {

	float: right;

	margin-right: 10%;

	text-decoration: underline;

}



#previous {

	margin-left: 5%;

}



#hrclear {

	clear: both;

	margin-top: 50px;

}



#big {

	position: relative;

	left: 5%;

	top: 15px;

	height: 146px;

	width: 408px;

	font-family: "Times New Roman", Times, serif;

	font-size: 16px;

	border: 2px solid black;

	background-color: white;

}



.key {

	height: 20px;

	position: relative;

	border: 1px solid black;

	text-align: center;

	display: inline-block;

}



.kword {

	font-weight: normal;

}



.first {

	margin-left: 4px;

}



.small {

	width: 20px;

}



.toprow {

	top: 8px;

}



.row2 {

	top: 13px;

}



.row3 {

	top: 17px;

	margin-left: -1px;

}



.row4 {

	top: 21px;

}



.lpinky {

	background-color: powderblue;

}



.lring {

	background-color: springgreen;

}



.lmiddle {

	background-color: orange;

}



.lpointer {

	background-color: pink;

}



.rpointer {

	background-color: thistle;

}



.rmiddle {

	background-color: yellow;

}



.rring {

	background-color: beige;

}



.rpinky {

	background-color: wheat;

}



.space {

	top: 28px;

	left: 100px;

	width: 200px;

	background-color: white;

}



.on {

	background-color: #666666;

	color: white;

}



.kright {

	text-align: right;

	padding-right: 8px;

}



#kbksp {

	width: 52px;

	margin-right: 4px;

}



#ktab {

	width: 27px;

	padding-left: 3px;

	text-align: left;

}



#kbackslash {

	width: 50px;

	margin-right: 4px;

}



#kcaps {

	top: 18px;

	width: 37px;

	padding-left: 3px;

	text-align: left;

}



#kenter {

	width: 54px;

	margin-right: 4px;

}



#klshift {

	width: 47px;

	text-align: left;

	padding-left: 3px;

}



#krshift {

	width: 82px;

	margin-right: 4px;

}



#ka, #ks, #kd, #kf, #kj, #kk, #kl, #kcolon {

	font-weight: bold;

 	border: 2px solid black;

}



#lessonstart {

	font-family: "Comic Sans MS", cursive, sans-serif;

	text-align: center;

	font-size: 1.8em;

}



#lessonImgLeft {

	float: left;

	width: 300px;

	margin: 10px 10px 10px 0px;

	text-align: center;

}



#lessonImgLeftCaption {

	text-align: center;

	font-weight: bold;

}



.clearLeft {

	clear: left;

}



#lessonTips li, #lessonTips ul{

	margin-top: 3px;

}



#titleBox .addthis_sharing_toolbox {

	float: right;

	margin-right: 25px;

	margin-top: 15px;

}



.ea {

	font-size: .9em;

	display: inline-block;

}



#tenBottom {

	margin-left: auto;

	margin-right: auto;

	width: 40%;

}



#tenBottom a{

	text-decoration: none;

	color: black;

}



#tenBottom a:hover {

	text-decoration: underline;

}



.center {

	margin-left: auto;

	margin-right: auto;

	text-align: center;

}



#tenWPM {

	margin-top: 20px;

	height: 70px;

	width: 360px;

}