/* General Styling */

body {
	background: #000000 /* black */ url(../Graphics/Tiles/dblue100-ca.gif);
	font-family: Helvetica, Arial, sans-serif;
	color: #ffffff; /* white */
}

a:link {
	color: #0000ff /* blue */ }

a:active {
	color: #ff0000 /* red */ }

a:visited { 
	color: #ff00ff /* fuchsia */ }

ol.nmbr {
	list-style-type: decimal;
}

ol.nmbr2 {
	list-style-type: decimal;
	list-style-position: inside;
}

ol.ualpha { 
	list-style-type: upper-alpha;
}

li.spaced {
	margin-bottom: 0.5em; 
	padding-left: 0;
}

li.spaced2 {
	margin-bottom: 1.25em; 
}


/* Text Styling */

.text_gray {
	color: #808080; /* gray */
}

.text_silver {
	color: #c0c0c0; /* silver */
}

.note {
	font-size: 70%;
}

.text_bold {
	font-weight: bold;
}

.bold_silver {
	font-weight: bold;
	color: #c0c0c0; /* silver */
}

.bold_gray {
	font-weight: bold;
	color: #808080; /* gray */
}

.bold_aqua {
	font-weight: bold;
	color: #00ffff; /* aqua */
}

.boldlg {
	font-weight: bold;
	font-size: 120%;
}

.boldlg_silver {
	font-weight: bold;
	font-size: 120%;
	color: #c0c0c0; /* silver */
}

.boldlg_blue {
	font-weight: bold;
	font-size: 120%;
	color: #0000ff; /* blue */
}

.boldsm {
	font-weight: bold;
	font-size: 90%;
}


/* Specialized Text */

.brcrnav {
	font-weight: bold;
	font-size: 90%;
	margin-bottom: 1em;
}

.artist {
	font-weight: bold;
	font-size: 120%;
	color: #00ffff; /* aqua */
	padding-left: 5px;
	padding-top: 5px;
}

.album {
	font-weight: bold;
	color: #c0c0c0; /* silver */
	padding-left: 10px;
}

.question {
	font-weight: bold;
	font-style: italic;
	font-size: 110%;
	color: #00ffff; /* aqua */
}

.answer {
	color: #c0c0c0; /* silver */
	margin-right: 10%;
}

.link_code {
	font-family: Courier, monospace;
}


/* Titles and Headers */

.header_silver {
	font-weight: bold;
	font-style: italic;
	font-size: 180%;
	color: #c0c0c0; /* silver */
}

.header_red {
	font-weight: bold;
	font-size: 150%;
	color: #ff0000; /* red */
}

.header_green {
	font-weight: bold;
	font-style: italic;
	font-size: 150%;
	color: #008000 /* green */
}

.header_white {
	font-weight: bold;
	font-style: italic;
	font-size: 150%;
	color: #ffffff; /* white */
}

.header_teal {
	font-weight: bold;
	font-size: 170%;
	color: #008080; /* teal */
}

.header_ffg1 {
	font-weight: bold;
	font-size: 170%;
	color: #ffffff; /* white */
}

.header_ffg2 {
	font-weight: bold;
	font-style: italic;
	font-size: 150%;
	color: #008080; /* teal */
}

.header_blue {
	font-weight: bold;
	font-size: 170%;
	color: #0000ff; /* blue */
}


/* Borders, Dividers, and Spacing */

.spaced {
	padding-left: 2.5em;
	padding-right: 2.5em;
}

.idxmenu {
	padding-left: 7px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

div.divider { 
	border-top: ridge #888888 /* gray 2*/ 4px;
	margin-top: 1.5em;
	margin-bottom: 1em;
}

div.divider2 { 
	border-top: ridge #888888 /* gray 2*/ 4px;
	margin-top: 1em;
	margin-bottom: 1em;
}

div.divider3 { 
	border-top: dotted #888888 /* gray 2*/ 1px;
	margin-left: auto;
	margin-right: auto;
}

div.divider4 {
	border-top: dotted #888888 2px;
	margin-top: 0.5em;
}

.border_sgl1 {
	border: solid #888888 /* gray 2*/ 1px;
	padding: 2px;
}

.border_sgl2 {
	border: solid #888888 /* gray 2*/ 1px;
	padding: 0.5em;
}

div.border_rdg {
	border: ridge #888888 /* gray2 */ 4px;
	width: 80%;
	margin-left: 0.5em;
	margin-top: 2em;
	margin-bottom: 2em;
	padding: 0.5em;
}

div.music {
	border: inset #888888 /* gray2 */ 5px;
	width: 75%;
	margin-left: 0.5em;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

p.indt {
	margin-left: 3em;
}

p.separated {
	padding-top: 0.25em;
	padding-bottom: 0.25em;
}

/* Basic styling for php contact form */

div.contact_form
{
	font-weight: bold;
}

div.contact_form input,
div.contact_form textarea
{
	font-size: 1em;
	background: #eeeeee;  
}