/*

	The stylesheet for the LettersAndComments.html page. Begun on 030709 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.

*/



#LettersAndComments {
				position: relative;
				width: 24%;
				background-color: yellow;
				    h3.special {position: absolute; top: 0px; left: 0px; }
    			/*h6.special {position: absolute; top: 25px; left: 673px; font-size: 49%;}*/
    			h6.special {
    	position: relative;
    	top: 50%;
    	left: 86.5%;
    	font-size: 50%;
    	line-height: 10%;
    	/*text-align: center;*/
    	}
			 }
			 
				/* END The Main Menu for the site ------------------------------------------------------ */			 


			 	 
#TopHalfWrapper {
				position: relative;
				top: 0;
				left: 0;
				width: 99.9%;
				height: 40%; 				/* reset to 35% */
				border: 0;
				border-style: solid;
				border-color: gray;
				overflow: hidden;
			}
			

#UpperLeftQuadrant
{
				position: relative;
				float: left;
				top: 0;
				left: 0;
				width: 46.8%;
				height: 92.6%;
				padding: 1%;
				border: 4;
				border-style: double;
				border-color: gray;
				padding: 1%;
				overflow: auto;				
			 }
#UpperLeftComboBox
{
	float: left;
	width: 45%;
	height: 65%;
	border: 0;
	border-style: solid;
	border-color: blue;
	margin-right: 2%;
	overflow: hidden;
}
#ULCaptionBox
{
    position: relative;
    width : 97%;
    height : 16%;
    border : 0;
    border-style : solid;
    border-color : brown;
    padding : 0;
    font-size: 85%;
    text-align: center;
    line-height: 0;
    overflow : hidden;
}			 

#UpperLeftPicture {
				position: relative;
				width: 200; //244 originally
				height: 175;
				border: 5%;
				border-style: inset;
				border-color: gray;
				float: left;
			 }							 
#UpperLeftText {
				position: relative;
				top: 1%;
				font-size: 110%;
				text-indent: 8%;
				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: 0;
				padding-right: 0;
				padding-bottom: 0;
				padding-left: 0;
				font-style: bold;
				font-size: 75%;
				text-align: center;				
				overflow: hidden;
			 }
			 

#UpperRightQuadrant {
				position: relative;
				top: 0;
				right: 0;
				width: 47.7%;
				height: 97.9%;
				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: 32%;
				height: 62%;
				margin: 2%;
				border: 5%;
				border-style: inset;
				border-color: gray;
				margin-top: 1%;
				margin-right: 2%;
				margin-bottom: 1%;								
				margin-left: 1%;
				float: left;
			 }							 
#UpperRightText {
				position: relative;
				top: 0;
				margin-left: 1%;
				margin-right: 1%;
				font-size: 110%;
				text-indent: 8%;
				text-align: justify;
				color: black;
			 }	
			 
			 
#UpperRightMoreBox {
				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;
				font-style: bold;
				font-size: 75%;
				text-align: center;
				overflow: hidden;
			 }

/* End top half of display screen setup. */
/*----------------------------------------------------------------------------------------------------------- */
/* BEGIN bottom half of display screen setup. */

#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: 46.85%;
				height: 93%;
				border: 1%;
				border-style: double;
				border-color: gray;
				padding: 1%;
				float: left;
				overflow: auto;				
			 }
#BottomLeftPicture {
				position: relative;
				top: 0;
				right: 0%;
				width: 32%;
				height: 62%;
				margin-bottom: 2%;
				margin-left: 3%;												
				border-style: inset;
				border-width: 1%;
				border-color: gray;
				float: right;
			 }							 
#BottomLeftText {
				position: relative;
				top: 1%;
				left: 1%;
				margin-right: 1%;
				font-size: 110%;
				text-indent: 8%;
				text-align: justify;
				color: black;
			 }
#BottomLeftMoreBox {
				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;
				font-size: 75%;
				font-style: bold;
				text-align: center;
				overflow: hidden;
			 }

#BottomRightQuadrantWrapper {
				position: relative;
				top: 0;
				right: 0;
				width: 47.7%;
				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: 100%;
				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;
			 }	
#BottomRightText {
				position: relative;
				top: 1%;
				margin: 1%;
				font-size: 110%;
				text-indent: 8%;
				text-align: justify;
				color: black;
			 }			 
#BottomRightSubBox1 {
				position: relative;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				margin: 0;
				border: 0;
				border-style: solid;
				border-color: brown;
				padding: 1%;
				overflow: hidden;
			 }
#BottomRightSubBox1Text {
				position: relative;
				top: 3%;
				font-size: 110%;
				text-indent: 8%;
				text-align: justify;
				color: black;
			 }			 			 
#BottomRightSubBox2 {
				position: relative;
				top: 0;
				left: 0;
				width: 100%;
				height: 0;
				margin-top: 0;
				margin-bottom: 0;
				margin-left: 0;
				border: 1%;
				border-style: solid;
				border-color: brown;
				padding-top: 1%;
				padding-right: 1%;
				padding-bottom: 1%;
				padding-left: 1%;
				overflow: hidden;
			 }
#BottomRightSubBox2Text {
				position: relative;
				top: 1%;
				font-size: 90%;
				text-align: center;
				color: black;
			 }			 
#BottomRightSubBoxPicture1 {	/* Harrison */
				position: absolute;
				bottom: 2%;
				left: 0;
				width: 26%;
				height: 70%;
				margin: 1%;
				border: 1%;
				border-style: inset;
				border-color: gray;
				float: left;
			 }							 
#BottomRightSubBoxPicture2 {	/* Boo-Boo Kitty */
				position: absolute;
				bottom: 2%;
				left: 35.5%;				
				width: 26%;
				height: 70%;
				margin: 1%;
				border: 1%;
				border-style: inset;
				border-color: gray;
			 }							 
#BottomRightSubBoxPicture3 {	/* Valarie */
				position: absolute;
				bottom: 2%;
				right: 0;				
				width: 26%;
				height: 70%;
				margin: 1%;
				border: 1%;
				border-style: inset;
				border-color: gray;
				float: right;
			 }							 			 	
#BottomRightMoreBox {
				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;
				font-style: bold;
				font-size: 75%;
				text-align: center;
				overflow: hidden;
			 }			

			

			

		

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