/*
   New Perspectives on JavaScript, 2nd Edition
   Tutorial 10
   Tutorial Case
   Filename: glossary.css

   This file contains styles used in the iMusicHistory glossary page
*/

body {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : Navy;
	background-color: #ffffff;
}

body.dialog {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : Navy;
	background-color: #FFFFCC;
	margin : 10px 10px 10px 10px;
}

img {
        border-width: 0px
}

td.body {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : Navy;
}

td.bodygloss {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : Navy;
}

/* begin navigation area tags */
td.nav {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #336699;
	padding : 2px 10px 2px 10px;
	font-weight : bold;
	background-color: #99CC99;
}

a.nav {
	text-decoration: none;
	color: NAVY;
}

a.navbtm {
	text-decoration: none;
	color: NAVY;
	font-size : 12px;
	font-weight : bold;
}

a:hover {
	text-decoration: underline;
	color: red;
}

span.red {
    color: #CC0033;
    font-weight : normal;
}

/* end navigation area tags */

td.main {
	background-color: #336699;
	padding : 2px 2px 2px 2px;
}

td.main1 {
	background-color: #336699;
	padding : 2px 10px 2px 10px;
	font-size : 12px;
	color : #ffffff;
	font-weight : bold;
	font-family : Verdana, Arial, Helvetica, sans-serif;
}

td.main2 {
	background-color: #336699;
	padding : 2px 10px 2px 10px;
	line-height : 135%;
	font-size : 10px;
	color : #ffffff;
	font-weight : bold;
	font-family : Verdana, Arial, Helvetica, sans-serif;
}

td.bottom {
	background-color: #FFFFFF;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : Navy;
	padding : 1px 1px 1px 1px;
}

td.bottom1 {
	background-color: #FFFFFF;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : Navy;
	padding : 1px 1px 1px 1px;
}

td.mainpromo {
	background-color: #FFFFFF;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : Navy;
	padding : 5px 4px 10px 4px;
	line-height : 20px;
}

td.mainpromo1 {
	background-color: #FFFFFF;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : Navy;
	padding : 0px 4px 0px 4px;
	line-height : 20px;
}

td.linegreen {
	background-color: #99CC99;
}

td.lineblue {
	background-color: #336699;
}

td.linenavy {
	background-color: #000080;
}

a {
	text-decoration: none;
	color: #CC0033;
}

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

ul.main {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 13px;
	color : #000080;
	line-height : 16px;
}

li.main {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 13px;
	color : #000080;
}

h1 {
	color : #336699;
	font-family : Verdana, Arial, Helvetica, sans-serif;
}

h1.gloss {
	color : #336699;
	font-family : Verdana, Arial, Helvetica, sans-serif;
}

h2 {
	color : #336699;
	font-family : Verdana, Arial, Helvetica, sans-serif;
}

h2.gloss {
	color : #800080;
	font-family : Verdana, Arial, Helvetica, sans-serif;
}

h3 {
	color : #336699;
	font-family : Verdana, Arial, Helvetica, sans-serif;
}

h4 {
	color : #336699;
	font-family : Verdana, Arial, Helvetica, sans-serif;
}

	
h5 {
	color: #336699;
	background-color : #D3D3D3;
	border : 1px solid Purple;
}

h6 {
	color : #000080;
	font-family : Verdana, Arial, Helvetica, sans-serif;
}

p {
	padding-top : 10px;
	font-size : 13px;
	padding : 0px 4px 0px 4px;
	line-height : 16px;
	color : #000080;
	font-family : Verdana, Arial, Helvetica, sans-serif;
}

p.quiz {
	padding-top : 10px;
	font-size : 13px;
	padding : 0px 4px 0px 4px;
	line-height : 16px;
}

p.form {
	padding-top : 10px;
	font-size : 13px;
	padding : 0px 4px 0px 4px;
	line-height : 16px;
}

p.smaller {
	padding-top : 10px;
	font-size : 12px;
}

p.smaller1 {
	padding : 0px 4px 0px 4px;
}

p.gloss {
	font-size : 12px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
}

p.gloss1 {
	font-size : 12px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-weight : bold;
}

a.glossnav {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 17px;
	font-weight : bold;
	text-decoration: none;
	color: #CC0033;
}

hr {
	color: #336699;
}

dl.form, dt.form, dd.form {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color: #000080;
	font-weight : normal;
	font-size : 13px;
}

dt {
	color : #336699;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-weight : bold;
	font-size : 18px;
}

a.gloss {
	color : #336699;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-weight : bold;
	font-size : 22px;
}

dl.gloss {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 14px;
	color : #000080;
}

dd {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 14px;
	color : #000080;
}

dd.main {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 14px;
	color : #000080;
}