body {margin:0; padding:0; background:url(images/wr_body.gif) top left;
font-family:tahoma, arial, helvetica, sans-serif;
font-size:11px;
vertical-align:top;
text-align:left;
color:#292727;
}

#wrapper {
	text-align: left;
	margin: auto;
	padding: 0px;
	border:0;
	width: 960px;
}

a:link{ color:#292727; border:none; }
a:visited {border:none;}
a:hover{text-decoration:none;}
a:active{border:none;}


#header {
	margin: 0 0 0 0;
	/*background-image: url('images/myrednote_logo.png');*/
    background-repeat:no-repeat;
    height:200px;
}

#container {
width: 960px;
 }

#leftcol {
	float: left;
	width: 186px;
	padding:10px 0 0 0px;
}

#rightcol {
	float: left;
	width: 186px;
    padding:10px 0 0 0px;
	border:none;
}

#maincol { 
	float: left;
	width: 558px;
	padding:10px 0 0 0px;
}

#bookcol { 
	float: left;
	width: 759px;
	padding:10px 0 0 0px;
}

#videocol { 
	float: left;
	width: 759px;
	padding:10px 0 0 0px;
}

#gamecol { 
	float: left;
	width: 759px;
	padding:10px 0 0 0px;
}

.spacer {
float: left;
width: 15px;
}

#footer {
	clear: both;
	text-align:center;
}

.clearboth { clear:both; }
	
ul {list-style:none; padding:0;}

ul.symbolslist{
margin-left:75px;
list-style-type:disc;
text-align:left;
}

ol.factslist{
margin-left:10px;
list-style-type:decimal;
text-align:left;
}
	

.r1 ul { margin:0; padding:0; list-style:none;}
.r1 li { background:url(images/r1.gif) center left no-repeat; margin:0 0 0 0; padding:0 0 0 11px;}
.r1 li a {line-height:16px; color:#FD7914; text-decoration:underline;}
.r1 li a:hover { text-decoration:none; color:#FD7914;}
	
.wr_white { width:100%;}
.wr_white .t { background:#FFFFFF url(images/m2-l-t.gif) no-repeat left top;}
.wr_white .b { background:url(images/m2-r-t.gif) no-repeat right top;}
.wr_white .l { background:url(images/m2-l-b.gif) no-repeat left bottom;}
.wr_white .r { background:url(images/m2-r-b.gif) no-repeat right bottom;}

.wr_white_dark { width:100%;}
.wr_white_dark .t { background:#F9FAF6 url(images/m2-l-t2.gif) no-repeat left top;}
.wr_white_dark .b { background:url(images/m2-r-t2.gif) no-repeat right top;}
.wr_white_dark .l { background:url(images/m2-l-b2.gif) no-repeat left bottom;}
.wr_white_dark .r { background:url(images/m2-r-b2.gif) no-repeat right bottom;}

.wr_white li { background:url(images/wr_white_x.gif) bottom left repeat-x; margin:0 0 0 0; padding:0 0 2px 0; width:155px;}
.wr_white li a { background:url(images/wr_white_bgr.gif) center left no-repeat; line-height:22px; color:#4E4D4D; text-decoration:none; padding-left:17px;}
.wr_white li a:hover { text-decoration:none; color:#D6300D;}

.wr_green { width:100%;}
.wr_green .t { background:#DFE3CF url(images/m2-l-t1.gif) no-repeat left top;}
.wr_green .b { background:url(images/m2-r-t1.gif) no-repeat right top;}
.wr_green .l { background:url(images/m2-l-b1.gif) no-repeat left bottom;}
.wr_green .r { background:url(images/m2-r-b1.gif) no-repeat right bottom;}

.wr_green li { background:url(images/list_red.gif) top left no-repeat; margin:0 0 0 0; padding:0 0 0 13px;}
.wr_green li a {line-height:24px; color:#292727; text-decoration:underline;}
.wr_green li a:hover { text-decoration:none; color:#292727}
	/*footer*/
.footer{ color:#828282; text-align:center; padding:20px 0 11px 0;}
.footer a{ color:#828282; text-decoration:underline}
.footer a:hover{ color:#828282; text-decoration:none}
.footer span{ color:#5F5C5C; word-spacing:21px;}
.footer span a{ color:#5F5C5C; text-decoration:none; word-spacing:normal;}
.footer span a:hover{ color:#5F5C5C; text-decoration:underline;}

.text1{ line-height:21px;}
.text1 span{ font-size:9px; color:#3081AB;}
.text1 span img{ vertical-align:middle; margin:0 7px 0 0;}



strong a{ color:#3081AB;  background:url(images/marker.gif) no-repeat left top; background-position:0 3px; padding-left:10px; text-decoration:none; font-size:9px; text-transform:uppercase; font-family:Verdana, Arial, Helvetica, sans-serif}
strong a:hover{ text-decoration:none; color:#D6300D;}

.marker strong a{ color:#D6300D;  background:url(images/marker1.gif) no-repeat left top; background-position:0 3px; padding-left:10px; text-decoration:none; font-size:9px; text-transform:uppercase; font-family:Verdana, Arial, Helvetica, sans-serif}
.marker strong a:hover{ text-decoration:none; color:#3081AB;}

.top_line{ height:15px; width:100%; background:#E4E4D6;}
.bottom_line{ height:15px; width:100%;}
.content_line { height:9px; width:100%; background:#E4E4D6;}
.big_foto{padding-top:12px;}
.bgr1{background:none !important}
.h{ background:url(images/h.gif) left no-repeat;  padding:0 0 5px 20px; height:17px; font-size:18px; font-weight:bold;}
.h img{ margin:0 0 0 25px;}
.img1 img{ margin-right:7px;}
.line_x{ background:url(images/line_x.gif) top left repeat-x; width:558px; height:1px; margin:9px 0 10px 0;}
.line_z{ background:url(images/line_x.gif) top left repeat-x; width:186px; height:1px; margin:9px 0 10px 0;}
.line_y{ background:url(images/spacer.gif) top left repeat-x; width:558px; height:1px; margin:9px 0 10px 0;}
.indent_img img{margin:0 15px 1px 0; float:left}
.indent_ad{margin:1px 0 1px 15px; float:right}
.notegraphic_img img{margin:0 20px 0 5px; float:left}
.link{padding:13px 0 0 0; text-align:right;}
.sourcelink a:link{padding:13px 0 0 0; text-align:right; color:#828282;}
.sourcelink a:visited{padding:13px 0 0 0; text-align:right; color:#828282;}
.sourcelink a:hover{padding:13px 0 0 0; text-align:right; color:#828282;}
div .sourcelink{padding:13px 0 0 0; text-align:right; color:#828282;}

.mail {border:none;
margin-top:12px;}

.symbolheader{ 
padding:15px 0 0 50px;
height:18px;
font-size:16px;
font-weight:bold;
font-style: italic;
}

.notegraphic_img img{margin:5px 0px 5px 10px;
float:left;
}

.notename { /*notecontent box*/
float: right;
vertical-align:top;
width: 240px;
margin: 0 100px 45px 0 ;  /* positions the box next to the other. This will have to be adjusted depending on the  notegraphic.*/
padding-top: 5px;
text-align:left;
}

.term {/*name of note*/
padding:0 0 0 0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}

.definition { /*definition of note*/
padding:0 0 0 0;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
}

.instr_name {
padding:0 0 0 0;
font-family:"Courier New", Courier, monospace;
font-size:18px;
font-weight:bold;
}

.eraheader {
padding:0 0 0 0;
font-family:"Courier New", Courier, monospace;
font-size:20px;
font-weight:bold;
}

.instr_fam {
padding:0 0 0 0;
font-family:"Courier New", Courier, monospace;
font-size:20px;
font-weight:bold;
}

.composername {
padding:0 0 0 0;
font-family:"Courier New", Courier, monospace;
font-size:18px;
font-weight:bold;
}

.composerinfo {
padding:0 0 0 0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
}

.instrumentinfo {
padding:0 0 0 0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
}

.quote {
font-style:italic;
font-size:12px;
font:"Times New Roman", Times, serif;
padding:0 0 0 15px;
}

.quoteauthor {
padding:0 0 0 30px;
font:"Courier New", Courier, monospace;
font-size:12px;
}

.articletitle {
font-size:16px;
font-weight:bold;
}

.articlesubtitle {
font-size:12px;
font-weight:bold;
}

.articlelink {
font-size:14px;
font-weight:bold;
}

.musictitle {
font-size:16px;
font-weight:bold;
}

.musicsubtitle {
font-size:12px;
font-weight:bold;
}

.composerlink a{ color:#07519A; text-decoration:underline}
.composerlink a:visited{ color:#07519A; text-decoration:underline}
.composerlink a:hover{ color:#07519A; text-decoration:none}
.composerlink a:active{ color:#07519A; text-decoration:underline}

.articlelink a{ color:#000099; text-decoration:none}
.articlelink a:visited{ color:#000099; text-decoration:none}
.articlelink a:hover{ color:#000099; text-decoration:underline}
.articlelink a:active{ color:#000099; text-decoration:none}

.quizlink a{ color:#000099; text-decoration:none; font-size:16px}
.quizlink a:visited{ color:#000099; text-decoration:none; font-size:16px}
.quizlink a:hover{ color:#000099; text-decoration:underline; font-size:16px}
.quizlink a:active{ color:#000099; text-decoration:none; font-size:16px}

.instrlink a{ color:#07519A; text-decoration:underline; border:none; font-size:16px}
.instrlink a:visited{ color:#07519A; text-decoration:underline; border:none; font-size:16px}
.instrlink a:hover{ color:#07519A; text-decoration:none; border:none; font-size:16px}
.instrlink a:active{ color:#07519A; text-decoration:underline; border:none; font-size:16px}