/* Kathy Link */
/* June 2, 2006 */
/* CSS Document */
/* Members' Page */


/****************************************************************/
/*                          LEFT MARGIN                         */
/****************************************************************/

#leftColumnMP {
	 float:left;
	 top:224px;
	 left:0px; 
   background: black;
   
	 color: #ffcc33; 
	 color: #d4cddc;
	 width:200px;
   padding:0;
	 text-align:center;
	 font-family: georgia, garamond, serif;
   margin-bottom:10px; /* this puts space between banner and columns*/
   border: solid black 1px;
}

#leftColumnMP h3 {
	 background-color: #ffcc33;
	 background-color: #9c7bbd;
	 margin:  0 0 0 0;
	 padding: 10px 0 10px 0;
	 text-align:center;
	 font-size: 14px;
	 color: black;
	 border: none;
	 font-weight: bold;
}

#leftColumnMP li {
/*   border-bottom:dotted #D3D3D3 1px;*/
   font-size: 11px;
}
			
#leftColumnMP ul {
   list-style-type:none;
	 padding:10px;
	 margin:0 0 0 0; 
}	

#leftColumnMP ul li{
   padding: 5px 0 5px 5px; 	 
}

#leftColumnMP a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: #B7A5DF;
}

#leftColumnMP a:visited { 
	font-weight: bold; 
	text-decoration: none;
	color: #D4CDDC;
}

#leftColumnMP a:hover, a:active { 
	text-decoration: underline; 
	color: #9685BA;
}

/****************************************************************/
/*                  RIGHT MARGIN FOR ALL PAGES                  */
/****************************************************************/

#rightColumnMP {
	 float:right;
	 top:224px;
 	 background: #ffcc33 url(albertPics2/2006MessageBoardAddictsFade.jpg);
	 width: 585px;
   margin-bottom:10px; /* this puts space between columns and footer*/
	 border: solid black 1px;
}

#supportingTextMP {
 	 width: 555px;
	 text-align:justify;
   padding-top: 15px;
	 padding-bottom: 15px;
	 margin-left: 15px;
	 margin-right: 15px;
}

#supportingTextMP h1 {
	 font-size: 20px;	 
}

#supportingTextMP h2 {
   font-size: 15px;
}

#supportingTextMP h3 {
	 font-size: 14px;
}

#supportingTextMP p{
	 font-size: 12px;
}

#pictureMP{
	 margin-top: 30px;
	 margin-bottom: 15px;
	 margin-right: 30px;
	 margin-left: 90px;
}

/****************************************************************/
/*                       IMAGE GALLERY                          */
/****************************************************************/
.thumbnailMP{
position: relative;
z-index: 0;
}

.thumbnailMP:hover{
background-color: transparent;
z-index: 50;
}

.thumbnailMP span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
/*left: -1000px;*/
left: 500px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnailMP span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnailMP:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 0px; /*position where enlarged image should offset horizontally */

}


/****************************************************************/
/*                            CLASSES                           */
/****************************************************************/

.emphasizeMP{
   font-weight: bold;
	 font-style: italic;
 	 color: #b7a5df;
	 color: #9685ba;
	 color: #d4cddc; 
	 color: #ffcc33;
}
