@charset "UTF-8";


body {
	background-image: url(../../graphics/Musical-note-background-pattern-brown.png);
	background-color: #3F271C;
}

body, p {
	color:#333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-bottom: .75em;
	line-height: normal;
	
}

p  {
	margin-left: 1.5em;
	margin-top: 0.3em;
	line-height: 1.7em;
}

h1 {
	text-align: center;
	font-size: 2.5em;
	margin-bottom: 0px;
}
h1.subTitle {
	font-size: 1.6em;
	margin-bottom: 1em;
	padding-bottom: 0.4em;
	padding-top: 0px;
	margin-top: 0.2em;
}

h2, h3 {
	margin-bottom: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
}

h3 {
	margin-bottom: 0.3em;
	margin-top: .5em;
}

ul {
	margin-left: 2em;
	padding-left: 1.5em;
	margin-bottom: 1em;
	line-height: 1.3px;
}


li {
	line-height: 1.45em;
	margin-right: 0px;
	padding-right: 0px;
	margin-bottom: 0.5em;
	padding-left: 0em;
	}
	
table,th, td {
	border: 1px solid black;
}

table tbody .alt td { background-color: #DEDDA6; }

.divKeystrokes {
	overflow: hidden;
	border: 3px solid #A65B1A;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 1.25em;
	font-weight: normal;
	font-variant: normal;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 1.5em;
}
.divKeystrokes h2 {
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 2em;
	font-weight: bold;
	text-align: center;
	padding-top: .1em;
	padding-bottom: 0.4em;
	line-height: 1.4em;
	margin: 0px;
     background-color: #a65b1a;
	color: #F3F2D5;
}
.divKeystrokes p {
	margin-left: 0px;
	margin-bottom: 0.2em;
	margin-top: 0px;
	padding: 0px;
	color: #5A310D;
}
.instructionTable  table  thead  t {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #A65B1A), color-stop(1, #7F4614) );
	background:-moz-linear-gradient( center top, #A65B1A 5%, #7F4614 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#A65B1A', endColorstr='#7F4614');
	background-color:#A65B1A;
	color:#FFFFFF;
	font-size: 1.1em;
	font-weight: bold;
	border-left: 2px solid #BF691E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/* width: 50%; */
} 




.instructionTable {
	width: 100%;
	border-collapse:collapse;
	background: #F0E5CC;
	color: #5A310D;
	
}


.instructionTable tr { 
	text-align: left; 
}

.instructionTable tr.alt td 
{
	 background: #F0E5CC; 
	 color: #7F4614;
}
.instructionTable th, td  {
	padding-top: 0.3em;
	padding-right: 0.5em;
	padding-bottom: 0.4em;
	padding-left: 0.6em;
	border: 1px solid #A65B1A;
	vertical-align: top;
	background-color: #F2E7D1;
}

.instructionTable thead {
	font-size: 1.3em;
	text-align: center;
} 

.instructionTable th {
	text-align: center;
	background-color: #CCCC99;
	padding-top: .5em;
	padding-bottom: .5em;
}

.window      { width: 20%; }
.keystroke   {
	width: 24%;
	padding-left: .1em;
	padding-right: .1em;
	margin-right: 0px;
	margin-left: 0px;
	text-align: center;
}
.explanation { width: 65%; }
				

.briefDescription { font-weight: bold; }



a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #49506E;
	font-weight: bold;
}
a:link {
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #545C7E;
}
a:hover {
	text-decoration: none;
	color: #999900;
}
a:active {
	text-decoration: underline;
}

.floatLeft {
	float: left;
	margin-right: 1em;
	margin-bottom: 0.2px;
	margin-top: 1em;
}
.newFeature {
	font-size: 85%;
	text-transform: uppercase;
	color: #E0E0E0;
	background-color: #007C00;
	margin-left: 0.2em;
	padding-right: 0.4em;
	padding-left: 0.4em;
	margin-right: 1em;
	padding-top: 0.1px;
	padding-bottom: 0.3px;
}

.divWrapper {
	width: 740px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 1.7em;
	padding-top: 0.1em;
	background-image: url(../../graphics/ResumeLilly.jpg);
}

#divHeaderMain { padding-right: 1em; }

.divContentWrapper {
	display: table;
	padding-right: 1em;
	padding-left: 1.4em;
}

.divSidebarLeft {
	display: table-cell;
	width: 50%;
	padding-right: 1.5em;
}

.divNewFeatures {
	width: 49%;
	display: table-cell;
	padding-left: 1.5em;
}

#divFooterMain { text-align: center; }
.divAbout {
	float: left;
	width: 45%;
	margin-left: 1.6em;
	padding-right: 2em;
}