/* FluteKey.com General Cascading Style Sheet file */
/* Font Strategy:
MENU - Menu items and hyperlinks:
# Verdana		IE installed font designed by Matthew Carter
# Trebuchet MS		IE installed font designed by Vincent Connare
# Times New Roman	IE installed font, Win 3.1 and 95, Win NT 3.x
# Lucida		Unix Xfree bitmap
Arial			IE installed font, Win 3.1 and 95, Win NT 3.x
Helvetica		Unix Xfree bitmap, Macintosh
# Palatino 		Macintosh
# Times 		Macintosh
TITLE - Titles and headers:
# Verdana		IE installed font designed by Matthew Carter
Trebuchet MS		IE installed font designed by Vincent Connare
# Times New Roman	IE installed font, Win 3.1 and 95, Win NT 3.x
# Lucida		Unix Xfree bitmap
Arial			IE installed font, Win 3.1 and 95, Win NT 3.x
Helvetica		Unix Xfree bitmap, Macintosh
# Palatino 		Macintosh
# Times 		Macintosh
TEXT - Text for reading:
Verdana			IE installed font designed by Matthew Carter
# Trebuchet MS		IE installed font designed by Vincent Connare
# Times New Roman	IE installed font, Win 3.1 and 95, Win NT 3.x
Lucida			Unix Xfree bitmap
Arial			IE installed font, Win 3.1 and 95, Win NT 3.x
Helvetica		Unix Xfree bitmap, Macintosh
# Palatino 		Macintosh
# Times 		Macintosh
SERIF - Text for quotes and other distinctively different uses:
# Verdana		IE installed font designed by Matthew Carter
# Trebuchet MS		IE installed font designed by Vincent Connare
Times New Roman		IE installed font, Win 3.1 and 95, Win NT 3.x
# Lucida		Unix Xfree bitmap
# Arial			IE installed font, Win 3.1 and 95, Win NT 3.x
# Helvetica		Unix Xfree bitmap, Macintosh
Palatino 		Macintosh
Times 			Macintosh
MONO - Monospace:
Courier New		IE installed font, Win 3.1 and 95, Win NT 3.x
Courier			Unix Xfree bitmap, Macintosh
*/
/* General styles */
body {
background-color:#f8f8f8;
}
p {
color:#000000;
font-family:Verdana,Lucida,Arial,Helvetica;
font-size:14px;
/*line-height:1.33;*/
margin-top:12px;
margin-bottom:9px;
/* margin-left:15px; */
}
th,td {
color:#000000;
font-family:Verdana,Lucida,Arial,Helvetica;
font-size:14px;
line-height:1.33;
}
div,span,textarea,input,select {
color:#000000;
font-family:Verdana,Lucida,Arial,Helvetica;
font-size:14px;
line-height:1.33;
}
ul,ol,dl {
color:#000000;
font-family:Verdana,Lucida,Arial,Helvetica;
font-size:14px;
line-height:1.33;
margin-top:10px;
margin-bottom:16px;
/* padding:0px; */
/* background-color:#ffffcc; */
/* border-width:0; */
/* left:0; */
/* margin-left:0; */
/* text-indent:0; */
}
li,dt,dd {
color:#000000;
font-family:Verdana,Lucida,Arial,Helvetica;
font-size:14px;
line-height:1.33;
margin-top:8px;
margin-bottom:6px;
/* padding:0px; */
}
ul {
list-style:disc
}
ul ul {
list-style:circle
}
ul ul ul {
list-style:square
}
ol {
list-style:decimal
}
ol ol {
list-style:lower-alpha
}
h1 {
color:#800000;
font-family:Trebuchet MS,Lucida,Arial,Helvetica;
font-size:21px;
font-weight:bold;
margin-left:-10px;
}
h2 {
color:#800000;
font-family:Trebuchet MS,Lucida,Arial,Helvetica;
font-size:19px;
font-weight:bold;
margin-left:-10px;
}
h3 {
color:#600000;
font-family:Trebuchet MS,Lucida,Arial,Helvetica;
font-size:17px;
font-weight:bold;
margin-left:-10px;
}
h4 {
color:#600000;
font-family:Trebuchet MS,Lucida,Arial,Helvetica;
font-size:15px;
font-weight:bold;
margin-left:-10px;
}
h5 {
color:#000000;
font-family:Trebuchet MS,Lucida,Arial,Helvetica;
font-size:15px;
font-weight:bold;
margin-left:-10px;
}
h6 {
color:#000000;
font-family:Trebuchet MS,Lucida,Arial,Helvetica;
font-size:14px;
font-weight:bold;
margin-left:-10px;
}
img {
border-color:#000000;
color:#000000;
}
form {
margin:0px;
}
pre {
font-family:Courier New,Courier;
}
code,kbd,tt {
font-family:Courier New,Courier;
font-size:14px;
line-height:1.33;
}
/* General hyperlink styles */
a:link,a:visited {
color:#000080;
font-weight:bold;
text-decoration:underline;
}
a:active,a:hover {
color:#cc0000;
font-weight:bold;
text-decoration:underline;
}

/* Grid3D table colors */
TABLE.grid_3d {
background-color:#c7d0e0;
border-left:#cccccc 1px solid;
border-top:#cccccc 1px solid;
margin: 0px 0px 0.8em
}
TD.grid_3d {
background-color:#e7f0fa;
border-bottom:#cccccc 1px solid;
border-left:#ffffff 1px solid;
border-right:#cccccc 1px solid;
border-top:#ffffff 1px solid
}
TD.grid2_3d {
background-color:#f0f7ff;
border-bottom:#cccccc 1px solid;
border-left:#ffffff 1px solid;
border-right:#cccccc 1px solid;
border-top:#ffffff 1px solid
}
TD.gridch_3d {
background-color:#e0e7f7;
border-bottom:#cccccc 1px solid;
border-left:#ffffff 1px solid;
border-right:#cccccc 1px solid;
border-top:#ffffff 1px solid
}
TH.gridch_3d {
background-color:#e0e7f7;
border-bottom:#cccccc 1px solid;
border-left:#ffffff 1px solid;
border-right:#cccccc 1px solid;
border-top:#ffffff 1px solid
}
TD.gridrh_3d {
background-color:#e0e7f7;
border-bottom:#cccccc 1px solid;
border-left:#ffffff 1px solid;
border-right:#cccccc 1px solid;
border-top:#ffffff 1px solid
}
TD.gridth_3d {
background-color:#c7d0e0;
border-bottom:#999999 1px solid;
border-left:#e0e7f7 1px solid;
border-right:#999999 1px solid;
border-top:#e0e7f7 1px solid
}
TH.gridth_3d {
background-color:#c7d0e0;
border-bottom:#999999 1px solid;
border-left:#e0e7f7 1px solid;
border-right:#999999 1px solid;
border-top:#e0e7f7 1px solid
}

/* Styles for tables with forms in the body of the page */
.formtbl-title {
color:#ffffff;
font-family:Trebuchet MS,Lucida,Arial,Helvetica;
font-size:18px;
font-weight:bold;
}
.formtbl-notes {
color:#000000;
font-family:Trebuchet MS,Lucida,Arial,Helvetica;
font-size:15px;
font-style:italic;
}
.formtbl-input {
color:#000000;
font-family:Verdana,Lucida,Arial,Helvetica;
font-size:15px;
}
.formtbl-select {
color:#000000;
font-family:Verdana,Lucida,Arial,Helvetica;
font-size:15px;
}
.formtbl-select-compact {
color:#000000;
font-family:Verdana,Lucida,Arial,Helvetica;
font-size:13px;
}
.formtbl-prompt-required {
color:#990000;
font-family:Verdana,Lucida,Arial,Helvetica;
font-size:15px;
font-weight:bold;
}
.formtbl-prompt-optional {
color:#000000;
font-family:Verdana,Lucida,Arial,Helvetica;
font-size:15px;
font-weight:bold;
}
/* Tables for photos */
/* This is a class for tables tags */
.photo-left {
float:left;
margin-right:10px;
margin-bottom:10px;
}
.photo-right {
float:right;
margin-left:10px;
margin-bottom:10px;
}
/* This is designed to be a paragraph tag */
.photo-caption {
text-align:center;
color:#000000;
font-family:Verdana,Lucida,Arial,Helvetica;
font-size:12px;
font-style:italic;
line-height:1.33;
margin-left:5px;
margin-right:5px;
margin-top:2px;
margin-bottom:2px;
}
/* This is a span tag */
.photo-credit {
color:#000000;
font-family:Verdana,Lucida,Arial,Helvetica;
font-size:11px;
font-style:normal;
}

.kvetch {
color:#990000;
background-color:#ffeeee;
}

/* Style for SNAFT finger diagrams */
.snaft {
font-family: monospace;
font-weight: bold;
font-size: larger;
color:#000000;
}