/* begin affordances */

body {
	margin: 5px 0px 0px 0px;
	text-align: center;
	font-family: Verdana, Arial, Serif;
	background-color: #ffffff;
	color: #00025c;
	padding: 0;
}

#outer {
	text-align: left;
	width: 800px;
	margin: auto;
}

#header {
	height: 165px;
	width: 800px;
	background: #ffffff;
	color: #00025c;
	text-align: left;
}

#bar {
	height: 15px;
	width: 758px;
	background: #d4d4d4;
	color: #000000;
	padding: 0px 0px 0px 0px;
/* top,right,bottom,left */text-align: left;
	font-size: 12px;
	border: #d4d4d4;
	border-width: 0px;
}

#bodyblock {
	width: 800px;
	height: 500px;
	background: #d4d4d4;
	color: #333333;
}

#menu {
	width: 129px;
	padding: 0px 0px 0px 0px;
/* top,right,bottom,left */text-align: left;
	font-size: 10px;
	font-weight: bold;
	border: 0px #000000;
	border-collapse: collapse;
}

#footer {
	height: 60px;
	width: 780px;
	background: #ffffff;
	color: #333333;
	border: solid #000000;
	border-width: 0px 0 0 0;
	margin: 0px;
	padding: 5px;
}

#footer2 {
	width: 800px;
	background: #ffffff;
	color: #333333;
	border: #808080;
	border-width: 0px 0 0 0;
	margin: 0;
}

#keywords {
	width: 800px;
	background: #ffffff;
	color: #a3a3a3;
	border: #808080;
	border-width: 0px 0 0 0;
	margin: 0;
	font-size: 10px;
	text-align: center;
}

#tableone {
	margin: 0px;
	padding: 0px;
	width: 800px;
}

#tableleft {
	margin: 5px;
	padding: 5px;
	border: 0px solid #336699;
	background-color: #d4d4d4;
	vertical-align: top;
	font-size: 14px;
	color: #00025c;
	width: 150px;
	height: 100%;
}

#tableright {
	margin: 5px;
	padding: 10px 30px 10px 30px;
	background-image: url('images/gosdef-60-60-small.jpg');
	background-repeat: no-repeat;
	background-position: 120px 0px;
	color: #00025c;
	font-size: 12px;
	text-align: left;
	vertical-align: top;
	width: 610px;
	height: 100%;
}

#tablefull {
	margin: 0px;
	padding: 0px;
	width: 95%;
	background-color: #3399CC;
	color: #ffff99;
	border-collapse: collapse;
	border-spacing: 0pt;
	border-color: #3399CC;
}

#tablethree {
	margin: 0px;
	padding: 0px;
	width: 550px;
	color: #005b88;
}

#tablefour {
	margin: 0px;
	padding: 0px;
	width: 400px;
	font-size: 12px;
	text-align: left;
	vertical-align: top;
}

#tableshow {
	margin: 0px;
	padding: 0px;
	width: 450px;
	border: 0pt hidden;
	background-color: #006699;
	color: #C0C0C0;
	border-collapse: collapse;
	border-spacing: 0pt;
	border-color: #ffffff;
}

em {
	font-style: normal;
	font-weight: bold;
	color: #000000;
	background: #ffffff;
}

strong {
	font-style: normal;
	background: #006699;
	font-weight: bold;
	color: #000000;
}

em strong, strong em {
	text-transform: uppercase;
	font-style: normal;
	font-weight: bolder;
	background: #ffffff;
	color: #ff0000;
}

b {
	font-weight: bold;
}

i {
	font-style: italic;
}

i.menu {
	font-style: italic;
	font-size: 10px;
}

.warning {
	text-transform: none;
	font-style: normal;
	font-weight: bolder;
	background: #ffffff;
	color: #ff0000;
}

del {
	text-decoration: line-through;
	background: #F66;
}

ins {
	text-decoration: underline;
	background: yellow;
}

var, cite, dfn, .note {
	font-style: italic;
}

address {
	font-style: normal;
	letter-spacing: .1em;
}

acronym {
	font-variant: small-caps;
	letter-spacing: 0.1em;
}

h1, h2, h3, h4, h5, h6, dt, th, thead, tfoot {
	font-family: Verdana, Arial, Serif;
	color: #00025c;
}

h1 {
	margin-top: 1px;
	margin-bottom: 1px;
	font-size: 48px;
	text-align: center;
	color: #c10000;
}

h2 {
	margin-top: 0px;
	margin-bottom: 15px;
	font-size: 24px;
	padding-top: 0;
	padding-bottom: 0;
	border-top: 0;
	border-bottom: 0;
	text-align: center;
}

h3 {
	margin-top: 0px;
	margin-bottom: 15px;
	font-size: 16px;
	color: #00025c;
	padding-top: 0;
	padding-bottom: 0;
	border-top: 0;
	border-bottom: 0;
	text-align: center;
}

h4 {
	margin-top: 1.58em;
	margin-bottom: .33em;
	font-size: 16px;
	color: #00025c;
	padding-top: 0;
	padding-bottom: 0;
	border-top: 0;
	border-bottom: 0;
	text-align: left;
}

h5 {
	margin-top: 1.17em;
	margin-bottom: .33em;
	font-size: 10px;
	color: #a3a3a3;
	background-color: #ffffff;
	padding-top: 0;
	padding-bottom: 0;
	border-top: 0;
	border-bottom: 0;
	text-align: center;
}

h6 {
	margin-top: 1em;
	margin-bottom: .33em;
	font-size: 10px;
	padding-top: 0;
	padding-bottom: 0;
	border-top: 0;
	border-bottom: 0;
	text-align: center;
}

p {
	font-size: 13px;
	text-align: left;
}

p.menu {
	font-size: 16px;
}

p.small {
	font-size: 13px;
}

p.footnote {
	font-size: 10px;
}

p.showtext {
	font-size: 16px;
}

li {
	font-size: 12px;
	text-align: left;
}

hr {
	color: #c0c0c0;
}

#colophon {
	display: none;
}

col, colgroup, table, tbody, td, tr {
	color: #000000;
	text-decoration: none;
	border-color: #000000;
	border-style: none;
	background: #ffffff;
}

td.menu {
	margin: 1px;
	padding: 1px;
	border: 0px solid #990033;
	background-color: #d4d4d4;
	vertical-align: top;
	text-align: left;
	font-size: 12px;
	color: #005b88;
	width: 100%;
	height: 100%;
}

td.left40 {
	margin: 1px;
	padding: 5px;
	border: 0px solid #990033;
	background-color: #006699;
	vertical-align: top;
	text-align: left;
	font-size: 12px;
	color: #99cc66;
	width: 40%;
	height: 100%;
}

td.right60 {
	margin: 1px;
	padding: 5px;
	border: 0px solid #990033;
	background-color: #006699;
	vertical-align: top;
	text-align: left;
	font-size: 13px;
	color: #99cc66;
	width: 60%;
	height: 100%;
}

td.left-q {
	margin: 1px;
	padding: 9px;
	border: 1px solid #99cc66;
	background-color: #006699;
	vertical-align: top;
	text-align: right;
	font-size: 13px;
	color: #99cc66;
	width: 20%;
	height: 10px;
}

td.right-q {
	margin: 1px;
	padding: 0px;
	border: 1px solid #99cc66;
	background-color: #006699;
	vertical-align: top;
	text-align: left;
	font-size: 13px;
	color: #99cc66;
	width: 80%;
	height: 10px;
}

td.list {
	margin: 1px;
	padding: 5px;
	border: 1px solid #990033;
	background-color: #ffffff;
	vertical-align: top;
	text-align: left;
	font-size: 13px;
	color: #005b88;
	width: 50%;
	height: 100%;
}

td.privacy {
	margin: 1px;
	padding: 5px;
	border: 0px solid #990033;
	background-color: #3399CC;
	color: #ffff99;
	vertical-align: top;
	text-align: left;
	font-size: 13px;
	width: 100%;
	height: 100%;
}

td.centered {
	margin: 1px;
	padding: 5px;
	border: 0px solid #990033;
	background-color: #006699;
	vertical-align: top;
	text-align: center;
	font-size: 13px;
	color: #99cc66;
	width: 50%;
	height: 100%;
}

h3.contact {
	color: #99cc66;
}

h4.contact {
	color: #99cc66;
}

h5.contact2 {
	color: #99cc66;
}

a.light:link {
	text-decoration: none;
	font-weight: bold;
	color: #005b88;
}

a.light:visited {
	text-decoration: none;
	font-weight: bold;
	color: #005b88;
}

a.light:active {
	text-decoration: none;
	font-weight: bold;
	color: #005b88;
}

a.light:hover {
	text-decoration: none;
	color: #ff0000;
}

a.dark:link {
	text-decoration: none;
	font-weight: bold;
	color: #004669;
}

a.dark:visited {
	text-decoration: none;
	font-weight: bold;
	color: #005b88;
}

a.dark:active {
	text-decoration: none;
	font-weight: bold;
	color: #005b88;
}

a.dark:hover {
	text-decoration: underline;
	color: #000000;
}

a.small:link {
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	color: #005b88;
}

a.small:visited {
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	color: #005b88;
}

a.small:active {
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	color: #005b88;
}

a.small:hover {
	text-decoration: underline;
	font-weight: bold;
	font-size: 11px;
	color: #000000;
}

input.red {
	background-color: #cc0000;
	font-weight: bold;
	font-size: 12px;
	color: #ffffff;
}

input.pink {
	background-color: #ffcccc;
}

input {
	font-size: 10px;
}

textarea.violet {
	background-color: #ccccff;
}

input.blue {
	background-color: #005b88;
	background-image: url('images/shadeform.gif');
	font-weight: bold;
	font-size: 12px;
	color: #f0f0f0;
}

input.textarea {
	/* background-color:#CCCCFF); */
	background-image: url('images/shadeform.gif'); /* used a background image - not necessary though*/;
	border: 1px solid #006666;
	margin: 4px;
}

.player {
	width: 200px;
	height: 20px;
}

#leftside {
	margin: 0 0 0 10px;
	width: 270px;
	float: left;
}

#rightside {
	width: 270px;
	float: left;
	margin: 0 0 0 20px;
}

.hanging {
	margin: 0 0 0 0px;
	padding: 0 0 0 40px;
	text-indent: -40px;
}

.spanspacing {
	font-size: 8pt;
}

a.icon img, a.icon:visited img {
	vertical-align: text-bottom;
	margin: 0 0 0 2px;
}

a.icon:hover img {
	vertical-align: text-bottom;
}

.icon {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	vertical-align: baseline;
}

.mp3icon {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	vertical-align: text-bottom;
}

#zplayer {
	text-align: center;
	font-size: 9px;
	color: #a3a3a3;
}

.emphasize {
	font-weight: bold;
}

.playerinstr {
	margin: 0 20px 0 10px;
	text-align: justify;
}

/*This allows Firefox to show the horizontal rule */
hr {
	border: 0;
	height: 2px;
	background-color: #C0C0C0;
}

/* end affordances */
.html5audio
{
    width: 200px;
    height: 20px;
}
