hr {
	width:50%;
	height:2px;
	background-color:#7e0000;
}

body {
	font-family:Palatino Linotype, Book Antiqua, New Century Schoolbook, Trebuchet MS, Arial;
	background-color:#fafafa;
	background-image: url(./graphics/body_bg.png);
	background-repeat: repeat;
	}

div {
	padding:5px;
	
	}

a {
	color:#fafafa;
	margin-left:10px;
	margin-right:10px;
	font-size:107%;
	font-style:italic;
	text-decoration:none;
	}

/*For where we add <h1> tags around phrases that we want search engines to recognize as the site's "purpose"*/
h1 {
	font-size:1em;
	font-style:normal;
	font-weight:normal;
	display:inline;
	}

#banner {
	position:static;
	/*width:94%;*/
	background-color:#7e0000;
	margin:15px;
	padding:0px;
}

#logo {
	display:block;
	width:100%;
	margin:0px;
}

#bannertext {
	width:100%;
	margin:0px;
	padding:0px;
	min-height:25px;
}

#bannertext ul {
	margin:0px;
}

#bannertext li {
	display:inline;
}

#mbody {
	display:block;
	width:95%;
	color:#fafafa;
	background-color:#7e0000;
	background-image: url(./graphics/body_swirl.png);
	background-repeat: repeat;
}

#mbody_text {
	width:90%;
	text-align:left;
	color:black;
	background-color:#fafafa;
	padding:15px;
	overflow:hidden;
	background-image: url(./graphics/cello_bridge.png);
	background-repeat: no-repeat;
	background-position: 90% 15%;
}

#mbody_text a {
	color:#7e0000;
	margin: 1px;
	text-decoration:none;
}

#mbody_text .rb_content a {
	color:#fafafa;
}

#mbody_text .rb_list_content a {
	color:#fafafa;
}

a img {
	border:none;
}

/*This is for the various paragraphs. They seem too far apart for my liking.*/
p {
	margin-top:.25em;
	margin-bottom:1.5em;
}

/*For spans of text that are titles, such as "Recently Added Music" and "Welcome"*/
.title {
	
	font-weight:bold;
	font-style: oblique;
	font-size:1.5em;
	text-align:center;
	display:block;
}

#mbody_text .title {
	color:#7e0000; 
	}

/*For JSBrowse Music, displays window in left side of mbody_text*/
#m_nav {
/* 	background-color:#7e0000; */
	width:30%;
	display:block;
	position:static;
	padding:0px;
	float:left;
	overflow:visible;
	font-size:1em;
/* 	-moz-border-radius:25px; */
}

/*#m_nav div {
	margin:0em;
	padding:0em;
	width:100%;
	display:block;
	overflow:visible;
}*/

#m_nav a {
	color:#fafafa;
}

/*#m_nav::before {
	display:block;
	content:url("./graphics/rd_tl.png");
	background:url("./graphics/rd_tr.png") top right no-repeat;
}

#m_nav::after {
	display:block;
	content:url("./graphics/rd_bl.png");
}*/

#m_nav ul {
 	margin-left:0em; 
	padding-left:1em;
}

#m_nav li {
	list-style:none;
	padding-top:0em;
	padding-bottom:0px;
	padding-right:1em;
	
}

#m_nav input {
	width:9em;
}

#search_img {
	border-style:none;
	margin-left:5px;
	background-color:#7e0000;
}

/*For Browse Music, displays window for listing music*/
#m_win {
 	-moz-border-radius:50px;
	width:65%;
	background-color:#ffffff;
	float:right;
	display:block;
	opacity:.85;	
	filter:alpha(opacity=85);
	-khtml-opacity:50;
}

.nav_nums {
	vertical-align:middle;
}

.nav_nums a {
	font-size:1.35em;
/*	margin-left:1em;
	margin-right:1em;*/
	padding-left:.15em;
	padding-right:.15em;
	vertical-align:top;
}

.rd {
	margin-top:.5em;
	margin-bottom:1em;
}

#m_win ul {
	margin-top:0px;
	margin-left:0px;
	padding-top:0px;
	padding-left:0px;
	width:100%;
	font-size:.85em;
}

#m_win li {
	display:inline;
	margin-right:1em;
	margin-top:0px;
	padding-top:0px;
}

.music_title {
	font-size:130%;
	color:#fafafa;
	font-style:italic;
	font-weight:bold;
}

ul li {
	font-size:105%;
	padding:5px;
	}

.rb_content {	
	color:#fafafa;
	margin-left:20px;
	margin-right:20px;
	margin-top:0px;
	margin-bottom:0px;
	text-decoration:none;
	background-image: url(./graphics/round_box-tableswirl.png);
	background-position:55% 0%;
	background-repeat:no-repeat;
	}

.rb_content td {
	padding-right:8px;
	padding-left:8px;
}

/* For Browse Music where it lists the music in smaller boxes. */
.rb_list {
	max-width:95%;
	
	margin-top:5px;
	margin-bottom:5px;
}

.rb_list_content {
	width:85%;
	color:#fafafa;
	margin-left:10px;
	margin-right:10px;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
	text-decoration:none;
	background-image: url(./graphics/round_box-tableswirl.png);
	background-position:55% 0%;
	background-repeat:no-repeat;
	height:3em;
	}

.rb_list_content td {
	height:1em;
	overflow:hidden;
	padding-right:20px;
	padding-left:0px;
}

/* This is the actual cell (<TD />) that holds .rb_list_content */
.contentholder {
	overflow:hidden;
	max-height:30px;
}

.rb_list_content a {
	margin: 1px;
	color:#fafafa;
	text-decoration:none;
}


/* This is for the listing of music in Admin/View_Music */
.ml_table { 
	background-color:#f4eeee;
	position:relative;
	border-style:ridge;
	border-color:white;
	}

.ml_table_header {
	font-size:115%;
	text-decoration:underline;
	}

.ml_table td {
	border:none;
	padding:5px;
	}

.ml_table_header td {
	border-style:groove;
	border-color:white;
}

/* For the textarea in About WSMP */
textarea {
	font-size:105%;
	font-family:"Palatino Linotype", "Book Antiqua", "Trebuchet MS", Arial;
}

/*This div is for alerting users in old_browse.php that their browser might be able to handle the JS system. */
#divAlert {
/* 	display:none;  */
	position:fixed; 
	top:30%; 
	left:30%; 
	right:30%;
	border:solid 4px #7e0000;
	background-color:#fafafa;
	color:#000000;
	z-index:100;
}

#divAlert span {
	display:block;
	color:#7e0000;
	font-size:1.75em;
}

#divAlert a {
	color:#000000;
	text-decoration:underline;
}

/*The copyright at the bottom of the page*/
#copyright {
	font-size:.75em;
	}