/* CSS Document */
/*
the following rules apply only to the home page
*/	

	div#Wrapper p.FirstPar {
		margin-left : 210px;
		margin-right : 20px;
		text-align : justify;
		font-size : 12px;
		color : #2E4D7B; 
		z-index : 49;
		margin-top : 425px;
		
	}
	div#Wrapper p.pHome {
		margin-left : 210px;
		margin-right : 20px;
		text-align : justify;
		font-size : 12px;
		color : #2E4D7B; 
		z-index : 49;
	}
	div#WatermarkLeft {
		position : absolute;
		top : 78px;
		left : 180px;
		width : 214px;
		height : 493px;
		background-image : url(/images/WatermarkLeft.jpg);
		background-repeat : no-repeat;
		background-position : left;
		background-color:#FFFFFF;
		z-index : 1;
	}
	div#BodyHead {
		position : absolute;
		top : 75px;
		left : 320px;
		width : 235px;
		color : #999966;
		z-index : 49;
	}
	div#Picture {
		font-size : 36px;
		padding-left : 20px;
	}
	div#Yourself {
		text-align : right;
		font-size : 48px;
		font-weight : bold;
		padding-right : 25px;
	}
	div#Here {
		font-size : 36px;
		padding-left : 80px;
	}
	div#Faces {
		position : absolute;
		top : 150px;
		left : 440px;
		width : 273px;
		height : 268px;

		z-index : 20;
	}
	



/* Modified for table design to work with Adobe Contribute - 2008 Stella International, Inc. */

	body {
		background-color : #2E4D7B;
		background-image : url(/images/bgShadBlu.jpg);
		background-repeat : repeat-y;
		background-position : center;
		margin : 0;
		font-size: 100.01%;
	}
	div#Wrapper {
		position : absolute;
		top : 0;
		left : 50%;
		width : 738px;
		background-color : white;
		margin-left : -369px;
		background : white url(/images/bgLeftMain.jpg) repeat-y 180px;
	}
	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 : 39px 0 0 0;
		text-align : center;
	}	
	div#HeadRight {
		/* position : absolute;
		top : 0; 
		left : 180px; */
		width : 558px;
		height : 74px;
		background-image : url(/images/HeadRight.jpg);
		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;
		/* margin-top : -250; */
	}
	div#NavLogos {
		/*position : absolute;
		bottom : 130px;
		left : 0;*/
		width : 180px;
		text-align : center;
	}
	div#NavLeftFoot {
		/*position : absolute;
		bottom : 74px;
		left : 0;*/
		width : 180px;
		text-align : center;
		color : #2E4D7B; 
		font-size : 12px;
	}
	div#Footer {
		clear : both;
		float : none;
		width : 738px;
		height : 68px;
		background-image : url(/images/bttm_curve.gif);
		background-repeat : no-repeat;
		background-position : left;
		color : #a7844c;
		text-align : center
	}
	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-size : 2em;
	}
	.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-size : 30px;
		font-weight : bold;
	}
	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 {
		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; 
		
	}
	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;
	}