/* Stylesheet: rma-screen.css / www.rmahome.com
2006 Renaissance Music Academy; Blacksburg, VA, USA
v0.3
*/

body {
	background-color: white;
	color: black;
	font-family: Verdana,Tahoma,Arial,"Lucida Sans Unicode","Lucida Grande",sans-serif;
	margin: 0 0 auto 0;		/* so background colors go to edge */
	padding: 0;				/* because Opera is strange */
	text-align: left;
}

div.inset {
	/* top margin to get it almost elow the (absolute) header */
	margin: 0 0 1.0em 0;
	position: absolute;
	top: 3.4em;
	left: 0;
	right: 0;
	z-index: 1;
}

div.content {
	position: absolute;
	top: 0;
	left: 8.90em;
	margin: 0 1.0em 0 0;
	padding: 0.5em 1.0em;
	/* for mozilla, no width (bar will go to right edge using a hack below); for IE, width: 70% */
	width: 70%;
	z-index: 5;
	min-width: 100px;
	border-left: 1px dashed #A6C3FF;
}
:
/* IE6 hack -- good browsers will use full width for content; IE6 will use the above % */
body>div .content {
	width: auto;
}

div.footer {
	margin-top: 8.0em;
	padding: 0.5em;
	border-top: 1px solid #4A6BAD;
	font-size: 0.7em;
	color: gray;
	background-color: white;
	text-align: center;
}

div.leftbar {
	position: absolute;
	float: left;
	vertical-align: top;
	/* leftbar extends up (under) the header, to make sure there is no gap of background
		between them */
	left: 0;
	top: 0;
	z-index: 9;
	/* siteA
	margin: 0.6em 0.4em 1.2em 0.4em;
	*/
	margin: 0;
	padding: 1.0em 0.4em 0.2em 0.4em;
	width: 8.2em;
	min-height: 40em;
	display: inline;
	background-color: #4A6BAD;
}

div.leftbarbottom {
	position: absolute;
	background: url('/images/bluefadedown-100x.png') repeat-x left;
	bottom: 0;
	left: 0;
	right: 0;
	padding-left: 0;
	padding-right: 0;
	width: 8.95em;		/* IE6 hack -- should be 8.2 (or 100%) */
	height: 100px;
	z-index: 10;
}
/* IE6 hack -- stupid broken box model */
body>div div.leftbarbottom {
	width: 100%;
}
/* leftbar-interior navbar */
div.navbar {
	background-color: #70A0C0;
	border: 3px solid navy;
	-moz-border-radius: 0.6em;
	margin-bottom: 3.0em;
}

.navbar ul {
	margin: 0;
	padding: 0.3em 0.6em 0.5em 0.6em;
}

.navbar li {
	list-style: none;
	margin-top: 0.2em;
	margin-bottom: 0.2em;
}

li.hidden {	/* hidden elements (set/cleared by javascript, etc.) */
	display: none;
}
li.search {		/* for when the search box list item is visible */
	margin-top: 1.0em;
}
/* end navbar */


div.siteinfo {
	font-size: 0.7em;
	margin-top: 4.0em;
	margin-bottom: 10.0em;
	margin-left: 0.4em;
}
.siteinfo ul {
	margin: 0;
	padding: 0;
}
.siteinfo li {
	list-style: none;
	margin-bottom: 1.7em;
	/*background-color: red;*/
}

div.newsbits {
	margin-top: 2.0em;
	margin-bottom: 2.0em;
	font-size: 0.7em;
	font-weight: bolder;
}
.newsbits ul {
	margin-left: 0;
	padding-left: 0;
}
.newsbits li {
	list-style: none;
	margin-left: 0.3em;
	padding-left: 0.3em;
	margin-right: 0.3em;
	padding-right: 0.3em;
	border-top: 1px solid black;
}
	  
div.header {
	position: absolute;
	width: 96%;		/* IE6 (and others?) hack -- doesn't take full width otherwise */
	top: 0;
	left: 0;
	right: 0;
	min-width: 26em;
	height: 2.8em;
	border-top: 1px solid black;
	padding: 0.2em 1.9% 0.5em 2%;	/* 1.9% part of IE hack above (2% shows scrollbar) */
	/*border-bottom: 0.2em solid black;*/
	overflow: hidden;
	white-space: nowrap;
	z-index: 10;
	background: #4A6BAD;
	color: black;
}

.header h1 {
	margin: 0;
	font-size: 2.0em;
	letter-spacing: 0.1em;
	margin-left: 2.0em;
}

.header h1 a:link, .header a:visited, .header a:hover, .header a:active {
	/* prevent link in the header from changing appearance */
	color: black;
	text-decoration: none;
}

/* obsolete code from the top-right floating (tabbed) navbar
.header ul, .absnavbar ul {
	right: 0.4em;
	top: 0;
	position: absolute;
	z-index: 100;
	
	padding: 0;
	margin: 0;
	list-style: none;
	border-top: 1px solid black;
}

.header li, .absnavbar li {
	float: left;
	padding: 0 0.6em 0.3em 0.6em;
	margin-left: 0.3em;
	background-color: gray;
	color: black;
	border-left: 2px outset black;
	border-bottom: 2px outset black;
	border-right: 2px outset black;
	-moz-border-radius-bottomleft: 0.5em;
	-moz-border-radius-bottomright: 0.5em;
}

.header li a:visited, .header li a:link, .absnavbar li a:visited, .absnavbar li a:link {
	text-decoration: none;
	color: black;
}

.header li a:hover, .header li a:active, .absnavbar li a:hover, .absnavbar li a:active {
	text-decoration: underline;
	color: black;
}
*/



img {
	border: none;
}

li {
	margin-bottom: 0.2em;
}

:link {
	color: navy;
	/*background-color: transparent;*/
}
:visited {
	color: purple;
	/*background-color: transparent;*/
}


.content h1 {
	font-size: 1.6em;
	font-weight: bolder;
	margin-top: 1.8em;
	margin-bottom: 0.2em;
}
.content h1:first-child {
	margin-top: 0;
}

.content h2 {
	font-size: 1.3em;
	font-weight: bolder;
	margin-top: 1.2em;
	margin-bottom: 0.2em;
}
.content h2:first-child {
	margin-top: 0;
}

.content h3 {
	font-size: 1.0em;
	font-weight: bolder;
	margin-top: 0.8em;
	margin-bottom: 0.2em;
}
.content h3:first-child {
	margin-top: 0;
}

.content p {
	margin-top: 0.2em;
	margin-bottom: 0.4em;
}
h3 + p {
	margin-top: 0.0em;
}


p.quote {
  font-style: italic;
}

p.topper {
  font-size: 0.8em;
  font-weight: bolder;
  letter-spacing: 0.1em;
  text-align: center;
}

p.rule {
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 10%;
  margin-right: 10%;
  border-top-style: solid;
  border-top-width: thin;
}
/*
p.footer {
  font-size: 0.7em;
}
*/
pre {
	font-family: monospace;
}

pre.poem {		/* like <pre>, but in <p> style */
	font-family: verdana,tahoma,arial,helvetica,sans-serif;
}

pre.cppexample {	/* for c++ code examples */
	border-style: solid;
	border-width: thin;
	color: black;
	background-color: #E0E0E0;
	margin-left: 1em;
	margin-right: 1em;
}

strong {
	font-weight: bolder;
}

.warning {
  color: inherit;		/* save a CSS validator warning */
  background-color: red;
}

/* nicetitle stuff starts there */
div.nicetitle {
	position: absolute;
	margin: 0;
	padding: 0.2em 0.5em;
	top: 0px;
	left: 0px;
	width: 20em;
	color: white;
	background-color: #222;
	font-size: 85%;
	border: 1px solid black;
	z-index: 999;

	/* IE proprietary */
	/*filter:alpha(opacity=90);*/
    
	/* Mozilla proprietary */
	-moz-opacity: 0.95;
	-moz-border-radius: 10px;
}

.nicetitle {
	margin: 0;
	padding: 0 3px;
}

.nicetitle p {
	margin: 0.2em;
	padding: 0;
}

p.destination {
	font-size: 65%;
	text-align: left;
	padding-top: 0.8em;
	color: #cccccc;
	background-color: transparent;
}

p.titletext {
	font-size: 85%;
}

#contact {
	border: 1px solid black;
	border-spacing: 0.5em 0.5em;
	padding-left: 0.5em;
	padding-right: 0.5em;
}
td.def {
	text-align: right;
	border-right: 1px solid black;
	padding-right: 1.0em;
	vertical-align: center;
}
td.value {
	padding-left: 0.5em;
	vertical-align: top;
}
/* official RMA events on the calendar */
.rmaevent td {
	font-style: italic;
}

table.program {
	/* border: 1px solid black; */
	width: 90%;
}
table.program td {
	/* border: 1px solid black; */
	padding: 0;
	margin: 0;
	border: 0px solid black;
}
table.program td.piece {
	border-top: 1px solid black;
}
table.program td.composer {
	border-top: 1px solid black;
	text-align: right;
}
table.program td.performer {
	text-align: center;
	padding-bottom: 1.0em;
}