/*CSS - My Monthlies */
	
	body {
		margin:0; padding:0;
		font:11pt/1.5 sans-serif;
		text-align:center; /*start of IE centre hack */
		/*background:url(../images/background.jpg) repeat;*/
		font-family:Georgia, "Times New Roman", Times, serif;
	
		}
	#container{
		margin: 0 auto; /*proper centring for proper browsers*/
		width:750px;
		text-align:left; /*end of IE centre hack */
		border-left:1px solid #84178f;
		border-right:1px solid #84178f;
		border-bottom:1px solid #84178f;
		background:#fff;
		}

	#header {
		margin:0; 
		padding:0;
		background:#fff url(../images/banner_logo_women.jpg) no-repeat left top;
		/*height:110px;*/
		height:123px;
	}
     #header img{ border:none; padding-top:20px; }
	 
	 .strapline{
	 font-style:italic; 
	 color:#57045e;
	 font-size:16px; /*float:right;
	 padding-right:180px;*/ 
	 padding-top:40px; 
	 font-family:"Times New Roman", Times, serif;  
	 display:inline;
	 font-weight:bold;
	 }
	 
	#main1 {
		margin:0; padding:0;
		background:#fff;
		}
	#main2 {
		margin:0; padding:0;
		background:#fff;
		}
	#left {
	float:left;
	width:150px;
	color:#84178F;
	margin-top: 10px; margin-bottom: 0px;
	margin-left: 0px; margin-right: 0px;
	margin:0;
	padding:0;
	background:#fff;
	font-size:120%;
	font-weight: bold;
	background:#fff;
	
		}
.menu ul {
	list-style: none;
	padding:0;
	margin: 0;
}

	.menu a:link, #left a:visited, #left a:hover {
		display: block;
		font: bold 1.5em "Times New Roman", Times, serif;		
		text-decoration: none;
		padding:8px;/*5px;*/
		width: 145px;
		height: 26px;
		color:#57045E;
		/* box model hack */
		voice-family: "\"}\"";
		voice-family:inherit;
		width: 135px;
		height: 26px;
	}
		html>body #left a:link, html>body #leftcol a:visited, html>body #left a:hover {
			width: 135px;
			height: 26px;/*move underline image down on FFox. Was 16px. */	
		}
		
	.menu a:hover {
	    color: #84178f;
		background: url(../images/menu_hover.gif) no-repeat bottom;
	}
		
#right {
	position: relative;
	float:right;
	z-index: 99;
	width: 300px;
	margin-top: 10px; margin-bottom: 10px;
	margin-left: 0px; margin-right: 10px;
	padding: 0px;
	border: 0px;
	font-size:80%;
}

.middlediv {
	position: relative;
	z-index: 100;
	width: 250px;
	margin-top: 0px; margin-bottom: 10px;
	margin-left: 0px; margin-right: 0px;
	padding: 0px;
	border: 0px;
	font-size:80%;
	
}
.middlediv a{text-decoration:none; color:#57045e;}
.middlediv a:hover{text-decoration:underline;}

.content
{
	margin: 0px;
	padding: 0px;
	border: 1px solid #A997BE;
	background-color: #ffffff;
	color: #000000;
}

.content_peach
{
	margin: 0px;
	padding: 0px;
	border: 1px solid #A997BE;
	/*background-color: #FFCD97;*/
	color: #000000;
}
.content h1, .content h2, .content p
{
	margin-left: 10px; margin-right: 10px;
}

.content_peach h1, .content_peach h2, .content_peach p
{
	margin-left: 10px; margin-right: 10px;
}


/* ************************************
 * classes needed for rounded corners *
 ************************************ */
.roundedCornerSpacer {
	margin: 0px; padding: 0px; border: 0px;
	clear: both;
	font-size: 1px; line-height: 1px;
}
.borderTL, .borderTR, .borderBL, .borderBR {
	width: 14px; height: 14px;
	padding: 0px; border: 0px;
	z-index: 99;
}
.borderTL, .borderBL { float: left;  clear: both; }
.borderTR, .borderBR { float: right; clear: right; }
.borderTL { margin:  -1px  0px  0px -1px; }
.borderTR { margin:  -1px -1px  0px  0px; }
.borderBL { margin: -14px  0px  0px  0px; }

.borderBR { margin: -14px  0px  0px  0px; }
/* IE5-5.5/win needs the border scooted to the left or right by an
   additional 3px!   Why?  */
.borderTL {
	margin-left: -4px;
	ma\rgin-left: -1px;
}
html>body .borderTL  {
	margin-left: -1px;
}
.borderTR {
	margin-right: -4px;
	ma\rgin-right: -1px;
}
html>body .borderTR  {
	margin-right: -1px;
}
.borderBL {
	margin-left: -3px;
	ma\rgin-left: 0px;
}
html>body .borderBL {
	margin-left: 0px;
}
.borderBR {
	margin-right: -3px;
	ma\rgin-right: 0px;
}
html>body .borderBR {
	margin-right: 0px;
}
	#middle {
		margin:7px 150px;
		background:#fff;
		font-size:100%;
		}
	#footer
	{
	clear:both;
	font-size:80%;
	color:#57045e;
	text-align:center;
	float:right;
	}
	h1,h2,h3,h4 { margin: 0.2em 0 }
	p { margin: 0.5em 0 }
	
	#footer a:link{
	text-decoration:underline;
	color:#57045e;
	}
	#footer a:visited{
	text-decoration:underline;
	color:#57045e;
	}
	#footer a:hover{
	text-decoration:none;
	color:#57045e;
	}
	#footer a:active{
	text-decoration:none;
	color:#57045e;
	}
	
	#longbox{
	background-image:url(../images/date_bigger.jpg); background-repeat:no-repeat; background-position:center; color:#57045e;
	}
	#longbox a{color:#000000;
	}	
	
.my{
font-size:large;
font-family: "Times New Roman", Times, serif;/*"Tall Paul", Verdana, Geneva, Arial, helvetica, sans-serif;*/ 
color:#57045e;
}
.monthlies{font-size:large;
font-family:"Times New Roman", Times, serif;/*"Tall Paul", Verdana, Geneva, Arial, helvetica, sans-serif;*/ 
color:#7d0d8d;
}
.tel{
	padding-left:0;
}
.largeText {font-size:xx-large;}
#lyric{font-size:smaller; font-style:italic; padding-left:2%; padding-right:5%; line-height:110%;}
#artist{font-style:normal;}
.lyricTitle{padding-left:2%;padding-top;0; font-size:x-small;}
#lyric a {text-decoration:none;padding:0; margin:0}
#lyric a:link {text-decoration:none;padding:0; margin:0}
#lyric a:visited{text-decoration:none;padding:0; margin:0}
#lyric a:hover{text-decoration:none;padding:0; margin:0}
#lyric a:active{text-decoration:none;padding:0; margin:0}