/*

	The stylesheet for The Prince Alley Em Page.  Begun on 02-22-09 by Harrison Dutton

	

	The plan is this:
	
	A screenwrapper box, encompassing the entire display area.
	A header box.
	A top half box, called top half wrapper.  Within this are contained 2 quadrant boxes, called UL(upper left) and UR(upper 			 right) boxes.  Within each quadrant box is contained a main box and a more box.
	The bottom half of the display area is similar, with bottom half wrapper containing BL(bottom left) and BR(bottom right) boxes.

*/

/*--------------------------------------------------------------------------------------------------------------------------------------------
		Model for the viewport - ScreenWrapper outlines the entire browser display area.  All the other components are inside it.
		
-------------------------------------------------------------------------------------------------------------------------------------------- */

#PrincePage {
    position: relative;
    width: 16%;	/*	this is the width of the yellow background on the mainmenu selection		*/
    background-color: yellow;
    h3.special {position: absolute; top: 0px; left: 0px; }
    h6.special {
    	position: relative;
    	top: 50%;
    	left: 22.7%;
    	font-size: 50%;
    	line-height: 10%;
    	}
	 }
/* END The Main Menu for the site ------------------------------------------------------ */		

			 	 
#TopHalfWrapper {
				position: relative;
				top: 0;
				left: 0;
				width: 99.9%;
				height: 40%;
				border: 0;
				border-style: solid;
				border-color: gray;
				overflow: hidden;
			}
			
#UpperLeftQuadrantWrapper {
				float: left;
				position: relative;
				top: 0;
				left: 0;
				width: 47.2%;
				height: 93.5%;
				border: 1%;
				border-style: double;
				border-color: gray;
				padding: 1%;
				overflow: hidden;				
			 }
			 
/*
#UpperLeftBox {
				position: relative;
				top: 0;
				left: 0;
				width: 100%;
				height: 90%;
				margin-top: 0;
				margin-bottom: 0;
				margin-left: 0;
				border: 0;
				border-style: solid;
				border-color: brown;
				padding: 1%;
				overflow: hidden;
			 }
*/
			 
#UpperLeftPicture {
				position: relative;
				top: 0;
				left: 0;
				width: 35%;
				height: 70%;
				margin-right: 1%;
				border: 1%;
				border-style: inset;
				border-color: gray;
				float: left;
			 }							 
#UpperLeftText {
				position: relative;
				top: 1%;
				font-size: 95%;
				text-indent: 8%;
				text-align: justify;
				color: black;
			 }
#UpperLeftText2{
				position: relative;
				top: 1%;
				font-size: 90%;
				text-align: justify;
				color: black;
			 }
#UpperLeftMoreBox {
				position: absolute;
				left: 0;
				bottom: 0;
				width: 100%;
				height: 10%;
				margin-top: 0;
				margin-bottom: 0;
				margin-left: 0;
				border: 0;
				border-style: solid;
				border-color: gray;
				padding-top: 1%;
				padding-right: 0;
				padding-bottom: 0;
				padding-left: 0;
				overflow: hidden;
			 }
#UpperLeftMoreBoxText {
				top: 20%;
				font-size: 75%;
				text-align: center;
			 }
			 

#UpperRightQuadrantWrapper {
				position: relative;
				top: 0;
				right: 0;
				width: 47.2%;
				height: 93.5%;
				margin-top: 0;
				margin-bottom: 0;
				margin-left: 0;
				border: 1%;
				border-style: double;
				border-color: gray;
				padding: 1%;
				float: right;
				overflow: auto;				
			 }	
#UpperRightPicture {
				position: relative;
				width: 45%;
				height: 90%;
				margin: 1%;
				border: 5%;
				border-style: inset;
				border-color: gray;
				float: left;
			 }							 
#UpperRightText {
				position: relative;
				top: 1%;
				font-size: 90%;
				text-indent: 8%;
				text-align: justify;
				color: black;
			 }	
			 
			 
#UpperRightMoreBox {
				position: absolute;
				left: 0;
				bottom: 0;
				width: 100%;
				height: 0;
				margin-top: 0;
				margin-bottom: 0;
				margin-left: 0;
				border: 0;
				border-style: solid;
				border-color: gray;
				padding-top: 0;
				padding-right: 0;
				padding-bottom: 0;
				padding-left: 0;
				overflow: hidden;
			 }

#BottomHalfWrapper {
				position: relative;
				top: 0;
				left: 0;
				width: 99.9%;
				height: 40%;
				border: 0;
				border-style: solid;
				border-color: gray;
				overflow: hidden;
			}			 			 			 
#BottomLeftQuadrantWrapper {
				position: relative;
				top: 0;
				left: 0;
				width: 47.2%;
				height: 93%;
				margin-top: 0;
				margin-bottom: 0;
				margin-left: 0;
				border: 4;
				border-style: double;
				border-color: gray;
				padding: 1%;
				float: left;
				overflow: hidden;				
			 }
#BottomLeftPicture {
				position: relative;
				width: 45%;
				height: 90%;
				margin: 1%;
				border: 5%;
				border-style: inset;
				border-color: gray;
				float: left;
			 }							 
#BottomLeftText {
				position: relative;
				top: 1%;
				font-size: 90%;
				text-indent: 8%;
				text-align: justify;
				color: black;
			 }

#BottomLeftMoreBox {
				position: absolute;
				left: 0;
				bottom: 0;
				width: 100%;
				height: 0;
				margin-top: 0;
				margin-bottom: 0;
				margin-left: 0;
				border: 0;
				border-style: solid;
				border-color: gray;
				padding-top: 0;
				padding-right: 0;
				padding-bottom: 0;
				padding-left: 0;
				overflow: hidden;
			 }
#BottomRightQuadrantWrapper {
				position: relative;
				top: 0;
				right: 0;
				width: 47.2%;
				height: 93%;
				margin-top: 0;
				margin-bottom: 0;
				margin-left: 0;
				border: 1%;
				border-style: double;
				border-color: gray;
				padding: 1%;
				float: right;
				overflow: hidden;				
			 }	
			 
			 
#BottomRightBox {
				position: relative;
				top: 0;
				left: 0;
				width: 100%;
				height: 90%;
				margin-top: 0;
				margin-bottom: 0;
				margin-left: 0;
				border: 0;
				border-style: solid;
				border-color: brown;
				padding-top: 0;
				padding-right: 0;
				padding-bottom: 0;
				padding-left: 0;
				overflow: hidden;
			 }	
#BottomRightPicture1 {	/* Harrison */
				position: absolute;
				bottom: 2%;
				left: 0;
				width: 30%;
				height: 30%;
				margin: 1%;
				border: 5%;
				border-style: inset;
				border-color: gray;
				float: left;
			 }							 
#BottomRightPicture2 {	/* Boo-Boo Kitty */
				position: absolute;
				bottom: 2%;
				left: 34%;				
				width: 30%;
				height: 30%;
				margin: 1%;
				border: 5%;
				border-style: inset;
				border-color: gray;
			 }							 
#BottomRightPicture3 {	/* Valarie */
				position: absolute;
				bottom: 2%;
				right: 0;				
				width: 30%;
				height: 30%;
				margin: 1%;
				border: 5%;
				border-style: inset;
				border-color: gray;
				float: right;
			 }							 

#BottomRightText {
				position: relative;
				top: 10%;
				font-size: 90%;
				text-indent: 0;
				text-align: center;
				color: black;
			 }			 
			 
#BottomRightMoreBox {
				position: absolute;
				left: 0;
				bottom: 10%;
				width: 100%;
				height: 14%;
				margin-top: 0;
				margin-bottom: 0;
				margin-left: 0;
				border: 0;
				border-style: solid;
				border-color: gray;
				padding-top: 0;
				padding-right: 0;
				padding-bottom: 0;
				padding-left: 0;
				text-align: center;
				overflow: hidden;
			 }			

			

			

		

/*--------------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------------- */