/* General Styling */

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

a:link { color: #008000; /* green */ }

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

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

img.portrait {
	padding: 2px;
	margin-right: 4px;
}

p.smir_top {
	margin-top: 0.5em;
	padding-left: 5px;
	padding-right: 5px;
}

p.smir_sgl {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	padding-left: 5px;
	padding-right: 5px;
}

p.smir_bot {
	margin-top: 0;
	margin-bottom: 0.5em;
	padding-left: 5px;
	padding-right: 5px;
}

/* Text Styling */

.col_aqua {
	color: #00ffff; /* aqua */
}

.note {
	font-size: 90%;
}

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

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

.bld_white {
	font-weight: bold;
	color: #ffffff; /* white */
}

.ess {
	color: #c0c0c0; /* silver */
	text-indent: 2em;
	text-align: left;
}

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

.bld_large {
	font-weight: bold;
	font-size: 110%;
}

.attr_bold {
	margin-left: 10%;
	padding-bottom: 2em;
}

.tag {
	margin-top: 0.25em;
	margin-bottom: 0.5em;
	color: #00ffff; /* aqua */
}

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

.name {
	font-weight: bold;
	color: #00ffff; /* aqua */
	margin-top: 0.5em;
	margin-bottom: 0;
}



/* Navigation and Menus */

.brcrnav {
	font-weight: bold;
	font-size: 90%;
	color: #c0c0c0; /* silver */
	padding-bottom: 1em;
}

.toplink {
	font-weight: bold;
	padding-top: 2em;
}

.artist {
	padding: 4px;
	border-right: solid #cccccc 2px; 
	border-bottom: solid #cccccc 2px; 
	margin-right: 6px; 
	float: left;
}

table { 
	border-color: #cccccc; 
	border-style: solid;
}

td.navlink1 {
	vertical-align: middle; 
	text-align: center; 
	width: 50%; 
	border-top: solid #cccccc 2px; 
	border-right: solid #cccccc 2px;
}

td.navlink2 {
	vertical-align: middle; 
	text-align: center; 
	border-top: solid #cccccc 2px;
}


/* Titles and Headings */

.essttl1 {
	font-weight: bold;
	font-size: 150%;
	color: #0000ff; /* blue */
	padding-top: 0.33em;
	padding-bottom: 0.33em;
}

.essttl2 {
	font-weight: bold;
	font-style: italic;
	font-size: 120%;
	color: #008000; /* green */
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

.essttl3 {
	font-weight: bold;
	font-style: italic;
	font-size: 130%;
	color: #808080; /* gray */
}

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

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

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


/* Borders and Dividers */

div.isotlnd {
	border: inset #888888 /* gray2 */ 5px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 1em;
	padding-bottom: 1em;
}

div.divider {
	border-top: solid #888888 /* gray 2*/ 4px;
}

div.divider2 {
	border-top: dotted #aaaaaa /* gray */ 1px;
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

div.grv {
	border-top: groove #888888 /* gray 2 */ 4px;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: auto;
	margin-right: auto;
}

div.dot {
	border-top: dotted #aaaaaa /* gray */ 1px;
}

div.wrapper {
	border: outset #808080 /* gray */ 5px;
	margin-left: 5%;
	margin-right: 5%;
	margin-top: 3em;
	margin-bottom: 3em;
	padding: 2px;
}

div.wrapper2 {
	border: solid #cccccc /* light gray */ 2px;
	margin: 1px;
}

div.wrapper3 {
	border: outset #808080 /* gray */ 5px;
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 2em;
	margin-bottom: 2em;
	padding: 2px;
}


/* Old */

/* .artist {
	font-weight: bold;
	color: #00ffff;
	padding: 4px;
	border-right: solid #cccccc 2px; 
	border-bottom: solid #cccccc 2px; 
	margin-right: 0.5em; 
	float: left;
} */

div.otlnd2
	{
		border: outset #808080 /* gray */ 5px;
		width: 96%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 2em;
		margin-bottom: 2em;
		padding: 2px;
	}

.nav
	{
		font-weight: bold;
		font-style: italic;
	}

.heading3
	{
		font-weight: bold;
		font-size: 150%;
		color: #00ffff; /* aqua */
	}



.header
	{
		font-weight: bold;
		font-style: italic;
		font-size: 170%;
		color: #808080; /* gray */
	}



.head3
	{
		font-weight: bold;
		font-style: italic;
		font-size: 130%;
		color: #808080; /* gray */
	}

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



div.padded
	{
		padding-left: 3px; 
		padding-right: 3px;
	}

div.paddedlast
	{
		padding-left: 3px; 
		padding-right: 3px;
		padding-bottom: 3px;
	}