/* CSS Document */
/*
the following rules apply only to the home page
*/	

	div#Wrapper p.FirstPar {
		font:14px/18px 'VollkornRegular';
		margin-left : 20px;
		margin-right : 20px;
		text-align : justify;
		color : #2E4D7B; 
		margin-top : 400px;
		z-index:500;
		
	}
	div#Wrapper p.pHome {
		font:14px/18px 'VollkornRegular';
		margin-left : 20px;
		margin-right : 20px;
		text-align : justify;
		color : #2E4D7B; 
		z-index : 500;

	}
	div#WatermarkLeft {
		position : absolute;
		top : 78px;
		left : 180px;
		width : 214px;
		height : 493px;
		background-image : none;
	}
	div#BodyHead {
		position : absolute;
		top : 75px;
		left : 200px;
		width : 435px;
		color : #999966;
		z-index : 49;
	}
	div#Picture {
		font: 40px/40px 'VollkornItalic';
		padding-left : 20px;
	}
	div#Yourself {
		text-align : left;
		font: 52px/70px 'VollkornItalic';
		padding-right : 5px;
	}
	div#Here {
		font : 36px/40px 'VollkornItalic';
		padding-left : 10px;
	}
	div#Faces {
		position : absolute;
		top : 140px;
		left : 370px;
		width : 360px;
		height : 264px;
		z-index : 20;
	}
	div#Beauty {
		position : absolute;
		top : 100px;
		left : 370px;
		width : 350px;
		height : 365px;
		z-index : 20;
	}	
	div#Request {
		position: absolute;
		left:225px;
		top:270px;
		width:225px;
		height:55px;
		z-index:1000;
		}
	



/* Modified for table design to work with Adobe Contribute - 2008 Stella International, Inc. */

	body {
		background-color : #9B7C4B;
		background-image : url(/images/site-bg.jpg);
		background-repeat : repeat;
		background-position : center center;
		margin : 0;
		font-size: 100.00%;
		height:auto;
	}
	div#Wrapper {
	position : absolute;
	top : 0;
	left : 50%;
	width : 738px;
	background-color : #FFF;
	margin-left : -369px;
			}
			
	div#HeadLeft {
		/* position : absolute;
		top : 0;
		left : 0; */
		width : 180px;
		height : 163px;
		background-image : url(/images/HeadLeftNew.jpg);
		background-repeat : no-repeat;
		background-position : top;
	}
	div#MoscoeLogo {
		margin : 0;
		text-align : center;
	}	
	div#HeadRight {
		/* position : absolute;
		top : 0; 
		left : 180px; */
		width : 558px;
		height : 74px;
		background-image : url(/images/HeadRight.png);
		background-repeat : no-repeat;
		background-position : top;
	}
	div#NavLeft {
		width : 180px;
		/* min-height : 578px; Ignored by IE */
		/* float : left; */
		margin : 5px 0px 0px 0px;
		/*position : absolute;
		top : 180px;
		left : 5px;*/
		color : #2E4D7B; 
	}
	/* IE only
	* html div#NavLeft {
		height : 578px; 
	} */
	div#NavLeftFootBox {
		float : left;
		clear : both;
		padding-top:5px;
		/* margin-top : -250; */
	}
	div#NavLogos {
		position : absolute;
		bottom : 120px;
		left : 0;
		width : 180px;
		text-align : center;
		padding-bottom:20px;
	}
	div#NavLeftFoot {
		position : absolute;
		bottom : 70px;
		left : 0;
		width : 180px;
		text-align : center;
		color : #2E4D7B; 
		font-size : 12px;
		padding-bottom:20px;
		display:inline;
	}
	div#Footer {
		width : 738px;
		height : 68px;
		background-image : url(/images/bttm_curve.gif);
		background-repeat : no-repeat;
		background-position : left;
		color : #a7844c;
		text-align : center;
		margin-top:900px;
	}
	div#FootLinks {
		font-size : 12px;
		padding-top : 38px;
	}
	div#Footer a {
		color : #a7844c;
		text-decoration : none;
	}
	div#CRight {
		font-size : 10px;
		margin-top : 1px;
	}
	h1#PageHead {
		color : #a7844c;
		margin : 5px 0px 10px 0px;
		/* z-index : 49; */
		font : 36px/40px 'VollkornItalic';
	}
	.SubHead {
		font-size: inherit;	
		font-weight : normal;
		color : #2E4D7B; 
		margin : 2px 0 2px 15px;
	}
	.SubHeadSmall {
		font-size : 30px;		
		font-weight : normal;
		color : #2E4D7B; 
		margin : 2px 0 2px 15px;
	}
.SubHeadBold {
		font-size: inherit;	
		font-weight : bold;
		color : #2E4D7B; 
		margin : 2px 0 2px 15px;
	}
	.ItalicTitle {
		color : #a7844c;
		font-style : italic;
		margin : 8px 20px 8px 8px;
	}
	.GoldBold {
		color : #a7844c;
		font-weight : bold;
	}
	.GoldBold2 {
		color : #a7844c;
		font : 30px/28px 'VollkornBoldItalic';
		text-align: center;
	}
	div.SkinLogo {
		margin : 0 0 0 30px;
	}
	div#Container {
		min-height : 750px; /*  Ignored by IE */
		/* z-index : 49; */
		background-image : url(/images/WatermarkRight.jpg);
		background-repeat : no-repeat;
		background-position : top right;
		
		/* margin-left : 190px; */
	}
	/* IE only  */
	* html div#Container {
		height : 750px; 
	}
	.PageP {
		font:14px/18px 'VollkornRegular';
		color : #2E4D7B; 
		text-align : justify;
		margin : 8px 20px 8px 8px;
		/* z-index : 49; */
	}
	ul {
		text-align : justify;
		margin-top : -4px;
		margin-right : 20px;
		color : #2E4D7B; 
		
	}
	li {
	font:14px/18px 'VollkornRegular';
	}
	
	div.LeftImage {
		/* float : left; */
		clear : none;
		padding : 2px 20px 5px 2px;
		/* z-index : 49; */
		}
	div.RightImage {
		/* float : right; */
		clear : none;
		/*width : 136;
		height : 172;*/
		padding : 2px 20px 5px 10px;
		/* z-index : 49; */
		}
	div.SkinCareImage {
		float : right;
		clear : none;
		margin : 0px 8px 8px 20px;
		z-index : 49;
		}
		div.BirthdayImage {
		position:absolute; 
		TOP:100px; 
		LEFT:410px; 
		WIDTH:50px; 
		HEIGHT:50px
		}
	div#WatermarkRight {
		position : absolute;
		right : 0;
		top : 75px;
		width : 348px;
		height : 673px;
		z-index : 1;
	}	
	div.BAPixBox{
		padding : 0;
		border : 0;
		margin : 0;
	}
	div.TestSig {
		font-size : 1.5em;
		font-style : italic;
		text-align : right;
		margin : 10px 50px 10px 10px
	}
	span.SectionTitle {
		color : #a7844c;
		font-weight : bold;
		text-decoration : underline;
	}
	div#Content {
		padding: 20px;
	}
/*
These next three classes are used to "prop up" divs, giving them a minimum height.
See http://www.greywyvern.com/code/min-height-hack.html
*/
   
	.propNav {
		height:578px;
		float:right;
    	width:1px;
 	}
	.propContainer {
		height:750px;
		float:left;
    	width:1px;
 	}
	.clear {
		clear:both;
		overflow:hidden;
		height:1px;
	}

/* Added to make gallery pages fit */
	div#galleryPages {
	float:right;
	width : 120px;
	height: 20px;
			}

	.galleryBox {
	float:left;
	width : 16px;
	height: 16px;
	margin-left:5px;
	margin-right:5px;
	background-color : #FFF;
	border: thin solid #A7844C;
	text-align:center;
	color:#A7844C;
			}			
	
	a.gallery, a.gallery:hover, a.gallery:active {
	color:#A7844C;
	font:14px/14px 'VollkornRegular';
	text-decoration:none;
		}

a.gallery:active {
	color:#6A5431;
	}
