/********************************** * */

/* * 2006 Styles for mrsmusic.net */

/* * by Karen Morrill-McClure, Cornerstone Coding */

/********************************** * */

body {
	margin: 0px;
	padding: 0px;
	font-size: small;
}

p, h1, h2, h3, h4, h5 {
	margin: 0px;
	padding: 0px;
}

p, ul, dd, blockquote {
	font-family: Verdana, Geneva, Arial, sans-serif;
	line-height: 110%;
	padding-bottom: 14px;
	padding-left: 20px;
	padding-right: 20px;
	margin: 0;
}

ul {
	padding-top: 0;
	margin: 0 20px 0 40px;
	padding-left: 40px;
}

li {
	margin-bottom: 8px;
}



td {
	font-family: Verdana, Geneva, Arial, sans-serif;
}

h1, h2, h3, h4, h5, dt {
	font-family: Georgia, Times New Roman, Times, serif;
	padding-right: 20px;
	margin-top: 20px;
	margin-bottom: 5px;
}

h1 {
	font-size: 180%;
	padding-top: 10px;
	margin-top: 0;
}

h2 {
	font-size: 150%;
	padding-left: 20px;
}

h3 {
	font-size: 130%;
	padding-left: 20px;
}

body#home h3 {
	color: #b11223;
}

h4 {
	font-size: 100%;
	padding-left: 20px;
}

div#wrap {
	margin: 0;
	padding: 0px;
}

/********************************** * */

/* * Header Styles */

/********************************** * */

div#header {
	padding-top: 0px;
	color: #fff;
	float: left;
	width: 100%;
	background: #000 url(images/new-logo.gif) no-repeat 5px 5px;
}

div#header h1 {
	font-size: 300%;
	font-weight: normal;
	margin-top: .5em;
	margin-bottom: 0px;
	padding-left: 75px;
	padding-bottom: 15px;
	color: #b11223;
}

body#placeholder div#header h1 {
	padding-bottom: 20px
}

/********************************** * */

/* * top nav Styles */

/********************************** * */
#nav {
	float: left;
	width: 100%;
	margin: 0;
	padding: 10px 0 0 0;
	list-style: none;
	background: url(images/nav-border.gif) repeat-x bottom left;
}
#nav li {
	float: left;
	margin: 0;
	padding: 0 0 0 4px;
	font-family: "Lucida Grande", sans-serif;
	}
#nav a {
	float: left;
	display: block;
	margin: 0 1px 0 0;
	padding: 4px 8px;
	color: #999;
	text-decoration: none;
	border: 1px solid #929292;
	border-bottom: none;
	background: #000;
}



#nav a:hover, body#home #n-home a, body#music #n-music a, body#fund #n-fund a, body#study #n-study a, body#choir #n-choir a, body#contact #n-contact a, body#about #n-about a, body#presents #n-presents a {
	color: #333;
	padding-bottom: 5px;
	border-color: #727377;
	background: #fff url(img/on_bg.gif) repeat-x top left;
	}

/********************************** * */

/* * Wrapper for middle part Styles */

/********************************** * */

div#middleStuff {
	clear: both;
	margin: 0;
	padding: 0;
}

/********************************** * */

/* * Content Styles */

/********************************** * */



body.lowerpage div#content {
	width: auto;
	float: none;
	clear: both;
	background: #fff;
	padding-top: 2em;
	padding-right: 5em;
	padding-bottom: 0;
	padding-left: 5em;
}

div#content a:visited {
	color: #00c;
}

div#content img {
	border: double #000 6px;
}

.credit {
	text-align: right;
}

div#content .no-float {
	float: none;
}

div#content .float-left {
	float: left;
	margin-right: 10px;
	margin-left: 0;	
	margin-bottom: 10px;
}

div#content .float-right {
	margin: 0 0 10px 10px;
	padding: 0;
	float: right;
}

div#content .clear-left {
	clear: left;
}

div#content div#flashPlayer {
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 50px;
}

div#content div.photoandcaption {
	width: 400px;
	float: left;
	margin-bottom: 15px;
	text-align: center;
}

div#content div.photoandcaption p {
	margin: 0;
	padding: 0 34px;
}

.center {
	text-align: center;
}

/* Hides from IE5-mac \*/
* html #content {height: 1%;}
/* End hide from IE5-mac */

ul.no-bullet {
	list-style: none;
}

h2.crosslink {
	background-color: #00adef;
	padding: 20px;
	text-align: center;
	line-height: 100%;
	color: #000;
	margin-left: 20px;
}

body#about img.float-left {
	margin-bottom: 30px;
}

h2.yellow_banner {
	color: #C00;
	background-color: #FC3;
	padding: 20px;
	text-align: center;
	line-height: 110%;
	font-weight: normal;
	margin-top: 20px;
	margin-bottom: 20px;
	clear: both;
}

h2.yellow_banner a {
	color: #000;
}

/* yellow crosslink
h2.crosslink {
	background-color: #e7ff00;
	padding: 20px;
	text-align: center;
	line-height: 100%;
} */

div#content h2.crosslink a, h2.crosslink a:visited {
	color: #000;
}


div.questions {
	width: 300px;
	float: right;
	background-color: #00adef;
	margin: 10px;
	padding: 10px;
	text-align: center;
	font: bold 16px Verdana, Arial, Sans-Serif;
	color: #000;
}

div#content div.questions a, div#content div.questions a:visited, div#content h2.crosslink a, div#content h2.crosslink a:visited {
	color: #ab0000;
}

div#content div.questions a:hover, div#content h2.crosslink a:hover {
	color: #363636;
}

/********************************** * */

/* * Button Styles */

/********************************** * */

p.button {
	width: 205px;
	margin: 5px 0 15px 0;
	text-align: center;
	padding: 0;
	clear: left;
}

body#home p.button {
	margin-left: 50px;
}

p.button a, div#content p.button a:visited {
	color: #ea8dc7;
	font-size: 100%;
	padding: 10px;
	background: #000000;
	border-top: 1px solid #9d9ea5;
	border-left: 1px solid #9d9ea5;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	display: block;
	text-decoration: none;
	margin-right: 15px;
	margin-left: 0;
}

div#news p.button a {
	margin-left: 10px;
	margin-right: 10px;
}

body#news p.button a {
	margin-left: 30px;
	width: 255px;
}
p.button a:hover {
	color: #ffffff;
	background: #333;
	border-top: 1px solid #9d9ea5;
	border-left: 1px solid #9d9ea5;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

/********************************** * */

/* * pull-quote Styles */

/********************************** * */

body#home div.pull-quote {
	border: 6px double #000000;
	width: 80%;
	margin-left: 60px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 15px;
	clear: right;
}

body.lowerpage div.pull-quote {
	width: 70%;
	background: #000000;
	color: #ea8dc7;
	padding: 20px;
	margin-left: 15%;
	margin-bottom: 20px;
	margin-top: 20px;
	clear: left;
}

body.lowerpage div.pull-quote-wide {
	background: #000000;
	color: #ea8dc7;
	padding: 20px;
	margin-left: 20px;
	margin-right: 15px;
	margin-bottom: 10px;
	clear: left;
}

body.lowerpage div.pull-quote p, body.lowerpage div.pull-quote blockquote {
	padding-right: 0;
	padding-left: 0;
}

/********************************** * */

/* * news Styles */

/********************************** * */

body#home #news {
	float: left;
	width: 25%;
	border: 4px solid #000;
	font-size: 90%;
	padding: 0 0 10px 0;
	margin: 50px 0 10px 10px;
}

body#home #news h2 {
	padding-top: 10px;
	background: #333;
	color: #ea8dc7;
	padding-bottom: 5px;
	text-align: center;
	font-size: 140%;
	margin:  0;
}

body#home #news h3 {
	padding-left: 10px;
	padding-right: 10px;
}

body#home #news dl {
	padding: 0;
	width: 100%;
	margin: 0;
}

body#home #news dt {
	margin-bottom: 0;
	padding-bottom: 0;
	padding-top: 1em;
	padding-right: 10px;
	padding-left: 10px;
	font-weight: bold;
	font-size:  120%;
}

body#home #news dd {
	margin-top: 0;
	padding-top: 0;
	margin-left: 0;
	padding-left: 20px;
	padding-right: 10px;
}

/********************************** * */

/* * store Styles */

/********************************** * */

body#music div.sale-item {
	width: 175px;
	float: left;
	text-align: center;
	background: #000;
	padding: 15px 0 0;
	margin: 0 10px 10px 0;
}

body#music div.sale-item img {
	float: none;
	border-style: none;
	padding: 0;
	margin: 0;
}

body#music div.sale-item p {
	margin: 0;
	padding-top: 5px;
	padding-bottom: 5px;
}

body#music h3 {
	clear: both;
}

#store {
  	float: left;
  	width: 500px;
  	padding: 10px 0;
}
#store dl {
  	float: left;
  	width: 500px;
  	margin: 10px 20px;
  	padding: 0;
  	display: inline; /* fixes IE/Win double margin bug */
  	}
  	
#store dt {
  	float: right;
  	width: 380px;
  	margin: 0;
  	padding: 0;
  	font-size: 130%;
  	letter-spacing: 1px;
  	color: #627081;
  	}
  	
#store dd {
  	margin: 0 0 0 118px;
  	padding: 0;
  	font-size: 85%;
  	line-height: 1.5em;
  	color: #666;
}
#store dl dd.img {
   	margin: 0;
   	}
#store dd.img img {
  	float: left;
  	margin: 0 8px 0 0;
  	padding: 4px;
  	border: 1px solid #D9E0E6;
  	border-bottom-color: #C8CDD2;
  	border-right-color: #C8CDD2;
  	background: #fff;
  	}

/********************************** * */

/* * footer Styles */

/********************************** * */

div#footer {
	margin: 0px;
	clear: both;
	color: #ea8dc7;
	padding-top: 10px;
	padding-bottom: 5px;
	text-align: center;
	background-color: #000;
}
#flashcontent {
	width: 385px;
	float: left;
}
.left {
	float: left;
}
div.flash_video {
	padding-left: 25px;
	padding-bottom: 25px;
	clear: both;	
}
div.flash_video object {
	margin-top: 25px;
}
div.flash_video h2 {
	margin-top: 25px;
}