body     {
	background-color: #8f551f;
	background-image: url(bg1200.jpg);
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
	background-position: 100% top;
}

#container  {
	background-image: url(container_bg.gif);
	background-repeat: repeat-y;
	margin-right: auto;
	margin-left: auto;
	width: 742px;
	border-bottom: 1px solid #000000;
	position: relative;
}
#container_gal  {
	background-image: url(gallery_bg.gif);
	background-repeat: repeat-y;
	margin-right: auto;
	margin-left: auto;
	width: 742px;
	border-bottom: 1px solid #000000;
	position: relative;
}
#header  { }
/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */
#header h1     {
	background-image: url(ml_logo.jpg);
	background-repeat: no-repeat;
	background-position: 50% top;
	margin: 0;
	padding: 0;
	height: 122px;
}
#header h1 span {
	display:none
	}
	
.text_div  { 
}
/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */
.text_div p     {
	background-image: url(txt_divider.gif);
	background-repeat: no-repeat;
	background-position: 50% top;
	margin: 0;
	padding: 0;
	text-align: center;
	height: 20px;
}
.text_div p span {
	display:none
}

	/* navigation */
#navbar   {
	background-color: #2a403e;
	width: 740px;
	height: 28px;
	border-right: 1px solid black;
	border-left: 1px solid black;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: black;
	margin: 0px;
	padding: 0px;
}
ul#navlist
   { text-align: center; white-space: nowrap; margin: 0; padding: 0 }
ul#navlist li
   { font-size: 10px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-weight: bold;
   background-color: #2a403e;
   list-style-type: none;
   display: inline; margin: 0;
   padding-right: 10px;
   padding-left: 10px }
ul#navlist a, #navlist a:link
   { color: #c0c0c0;
   text-decoration: none; 
  padding: 10px
}
ul#navlist li#active {
	color: #95bbae
}
#navlist a:hover {
	color: white 
 }

#maintext  {
	color: white;
	font-size: 80%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	background-color: #6e8489;
	margin-right: 198px;
	margin-left: 36px;
	padding-right: 8px;
	padding-left: 8px;
}
#main_gal  {
	color: white;
	font-size: 80%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #6e8489;
	margin-right: 36px;
	margin-left: 36px;
	padding-right: 8px;
	padding-left: 8px;
	text-align: center;
}
#fanclub  {
	color: white;
	font-size: 80%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	background-color: #6e8489;
	margin-right: 198px;
	margin-left: 36px;
	padding-right: 8px;
	padding-left: 8px;
}
#ringtones    { color: white; font-size: 80%; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #4e7775; text-align: justify; margin: 8px 198px 8px 36px; padding: 2px 8px }
#txt_ms   {
	color: white;
	font-size: 74%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;	
	background-color: #6e8489;
	margin-right: 198px;
	margin-left: 36px;
	padding-right: 8px;
	padding-left: 8px;
}
#quicklinks    {
	color: white;
	font-size: 70%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #645d53;
	padding-right: 8px;
	padding-left: 8px;
	position: absolute;
	top: 152px;
	right: 35px;
	width: 146px;
	float: right;
}
/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct 
length values to user agents that exhibit the parsing error exploited above yet get 
the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
body>#quicklinks {width:146px;}

#footer  {
	color: black;
	font-size: 80%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #645d53;
	background-image: url("footer_bg.gif");
	background-position: 50% 50%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	width: 740px;
	height: 32px;
	border-style: solid;
	border-width: 2px 1px;
	border-color: #000000;
}

a {
	text-decoration: none;
}
a:link {
	color: #CCCCCC;
	text-decoration: none;
}
a:visited {
	color: #C0C0C0;
}
a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
a:active {
	color: #FFFFFF;
	text-decoration: underline;
}

.cover_diary  { 
	margin-right: 8px;
	float: left;
	border: solid 2px #333333
}
.cover_diary_l {
	border: 2px solid #333333;
}
.cover_diary_r {
	float: right;
	border: solid 2px #333333;
	margin-left: 12px;
	margin-bottom: 8px;
}
.thumbnails {
	border: 2px solid #333333;
	margin: 13px;
}
.mel_wht  {
	margin-left: 8px;
	float: right;
	border: solid 2px #333333
}
.littleeden  { 
	margin-top: 6px;
	margin-bottom: 4px;
	padding-top: 6px;
	padding-bottom: 4px;
	border-width: 0
}
.mp3  {
	color: #6e8489;
	background-color: #6e8489;
}
.note   {
	line-height: 1.5em;
	background: url("note.gif") no-repeat 0 60%;
	list-style-type: decimal;
	padding-left: 20px;
}
.bold {
	font-weight: bold;
}
.center {
	text-align: center;
}
.middle {
	vertical-align: 90%;
}
#txt_ms li {
	padding-top: 2px;
	padding-bottom: 2px;
}
.sponsors {
	padding-top: 3px;
	padding-bottom: 3px;
}