/*   mplsphoto.com    css style sheet    */

/*
 *	margin and padding =>0 overrides any browser default settings
 */
		body  {
			margin: 0;
			padding: 0;
			font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
			color: #000;
			background-color: #fff;
}

/*
 *	outmost container...Image is placed (by default) in the upper left; repea-
 *	ted down the left side.  Width of image is in effect the column width.
 */
	#containerAll {
			background-image:  	url(./wavystripes7.gif);
			background-repeat: 	repeat-y;
			border-left:		2px solid #000;
			border-right:		2px solid #000;
}

/*
 *	heading container.  Masthead will drop into this
 */
		.containerTop {
			background-color: #333;
			color:		white;
			border-bottom: 	2px solid #f00;
			border-top:		2px solid #f00;
			padding:		0;
			height:		100px;
			width:		100%;
}

/*
 *	navigation area on left side; fixed width-width MUST be specified
 */
		#containerLeft  {
			float: 		left;
			width: 		200px;
			margin-left: 	10px;
			margin-top:		0px;
			padding-top: 	1em;
}

/*
 *	containerRight must be styled so that it doesn't flow under the containerLeft <div>.  The left
 *	margin of 210px accomplishes this and creates the visual effect of a 10px
 *	left margin (210px-200px) for content.  LEFT MARGIN IS CRITICAL; GIVES
 *	ILLUSION OF A COLUMN.
 */
		#containerRight  {
			padding-left: 1em;
			margin: 0 2em 0 210px;
		}

/*
 *	content style
 */
	.content {
		font-size:		.8em;
		font-family:	Verdana, Arial, Geneva, Helvetica, sans-serif;
		color:		#000;
}


	.content table  {
		margin:		0 auto;
}

	.indent {
		text-indent:	3em;
}

	.title {
		font-style:italic;
}

	.darkbgtext {
		background-color:#333;
		color:white;
}

/*
 *	clear:both;  forces containerBottom to new line below any floated items
 */
		#containerBottom {
			clear:		both;
}


	.footer {
			background-color:	#333;
			text-align:		center;
			border-top:		2px solid #f00;
			border-bottom:	2px solid #f00;
			font-family:	Verdana, Arial, Geneva, Helvetica, sans-serif;
			color:			white;
			font-weight:	bold;
			font-size:		.9em;

}

		.navsize1 {
			font-size:		1em;
			font-weight:	bolder;
			text-decoration:	none;
			display:		block;
}

		.navsize2 {
			font-size:		.8em;
			font-weight:	bold;
			text-decoration:	none;
			display:		block;
}

		.navsize3 {
			font-size:		.75em;
			font-weight:	normal;
			text-decoration:	none;
			display:		block;
}

		.navsizefoot {
			display:		inline;
	  		font-size:		.8em;
			font-weight:	bold;
			text-decoration:	none;
}

a.navsize1:link {color: #333;}
a.navsize1:visited {color: #333;}
a.navsize1:hover {color: #fff; background-color:#333;}
a.navsize1:active {color: #f00;}

a.navsize2:link {color: #333;}
a.navsize2:visited {color: #333;}
a.navsize2:hover {color: #fff; background-color:#333;}
a.navsize2:active {color: #f00;}

a.navsize3:link {color: #333;}
a.navsize3:visited {color: #333;}
a.navsize3:hover {color: #fff; background-color:#333;}
a.navsize3:active {color: #f00;}

a.navsizefoot:link {color: #fff;}
a.navsizefoot:visited {color: #fff;}
a.navsizefoot:hover {color: #333; background-color:#fff;}
a.navsizefoot:active {color: #f00;}

a.reverselink:link {color: #fff;}
a.reverselink:visited {color: #fff;}
a.reverselink:hover {color: #333; background-color:#fff;}
a.reverselink:active {color: #f00;}

		.floatright100 {
			float:	right;
			border: 0;
			margin:	.5em;
}


		.floatleft100 {
			float:	left;
			border: 0;
			margin:	.5em 1em .5em 0;
}

		.nofloat200 {
			border:	solid 1px white;
			margin:	1em;
}


		.floatright200 {
			float:	right;
			border:	solid 2px black;
			margin:	.5em;
}


		.floatleft200 {
			float:	left;
			border:	2px solid black;
			margin:	.5em 1em .5em 0;
}

		.boardposition {
			color:		#333;
			text-align:	right;
}

		.salonawardtext {
			color:		white;
			font-weight:bold;
			height:		25px;
}

		.salonawardthumb {
			border: 0;
			padding: .1em 1em 1em 0;
			margin: 0 2em 0 2em;
}

		.gallerythumb {
			border: 0;
			padding:1.5em;
}

		.gallery404 {
			background-color: #333;
			padding: 1.5em;
}

		.membername {
			padding: .2em;
}

		.reverselink {
			background-color:	#333;
			text-align:			center;
			font-family:		Verdana, Arial, Geneva, Helvetica, sans-serif;
			color:				white;
			font-weight:		bold;
			font-size:		.	9em;
			text-decoration:	none;

}

			.boldred {
				color:		red;
				font-weight:bold;
}

			div.memlink {
				font-weight: bold;
				color:white;
				padding:0 1.8em;
				margin-bottom:3em;
				float:left;
				text-align:center;
			}

			div.memlinkcontainer {
				background-color:#333;
				padding: 0 2em;
			}

			div.spacer {
				clear:left;
			}

			.pageunit {
				border:1px solid #888;
				padding:1em;
			}