/*

	The stylesheet for The Team 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.


*/

#TeamPage {
	position: relative;
	width: 13%;
	background-color: yellow;
	h3.special {position: absolute; top: 0px; left: 0px;}
   /*h6.special {position: absolute; top: 25px; left: 487px; font-size: 49%;}*/
   h6.special {
    	position: relative;
    	top: 50%;
    	left: 62.56%;
    	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%;
	border: 0;
	border-style: solid;
	border-color: gray;
	overflow: hidden;
}
			

#ULQuadrant
{
	float: left;
	position: relative;
	top: 0;
	left: 0;
	width: 47%;
	height: 93%;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	border: 1%;
	border-style: double;
	border-color: gray;
	padding: 1%;	
}
#ULComboBox
{
	float: left;
	width: 45%;
	height: 69%;
	margin-right: 1%;
	border: 0;
	border-style: solid;
	border-color: blue;
	padding-right: 0;
	overflow: hidden;
}
#ULPicture
{
	position: relative;
	top: 0;
	left: 0;
	width: 96%;
	height: 79%;
	margin-right: 2%;
	border: 1%;
	border-style: solid;
	border-color: gray;
}	
#ULCaptionBox
{
    position: relative;
    top: 0;
    left: 0;
    width : 97%;
    height : 15%;
    border : 0;
    border-style : solid;
    border-color : brown;
    padding : 0;
    font-size: 65%;
    text-align: center;
    /*overflow : hidden;*/
}
#ULText
{
				position: relative;
				top: 1%;
				padding-right: 0;
				font-size: 110%;
				text-indent: 8%;
				text-align: justify;
				color: black;
			 }

#ULMoreBox {
				position: absolute;
				left: 0;
				bottom: 0;
				width: 100%;
				height: 11%;
				margin-top: 0;
				margin-bottom: 1%;
				margin-left: 0;
				border: 0;
				border-style: solid;
				border-color: gray;
				padding-top: 0;
				padding-right: 0;
				padding-bottom: 0;
				padding-left: 0;
				font-size: 90%;
				text-align: center;
				
			 }
#URQuadrant{
				float: right;
				position: relative;
				top: 0;
				right: 0;
				width: 47.5%;
				height: 93%;
				border: 1%;
				border-style: double;
				border-color: gray;
				padding: 1%;
}
#URComboBox
{
	float: left;
	width: 45%;
	height: 72%;
	margin-left: 1%;
	margin-top: 0;
	margin-right: 0;
	border: 0;
	border-style: solid;
	border-color: blue;
	padding-right: 0;
	overflow: hidden;
}
#URPicture {
	position: relative;
	top: 0;
	left: 0;
	width: 96%;
	height: 77%;
	margin-right: 0;
	border: 5%;
	border-style: solid;
	border-color: gray;
}
#URCaptionBox
{
    position: relative;
    width : 97%;
    height : 16%;
    border : 0;
    border-style : solid;
    border-color : brown;
    padding-top: 5;
    font-size: 65%;
    line-height: 0;
    text-align: center;
}
#URText {
	position: relative;
	top: 2%;
	left: 1%;
	font-size: 110%;
	text-indent: 8%;
	text-align: justify;
	color: black;
}	
#URMoreBox {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 12%;
	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-size: 90%;
	text-align: center;
	overflow: hidden;
}
/*	END upper half page setup.	-----------------------------------------------------------
		BEGIN lower half page 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: 47%;
				height: 93%;
				border: 4;
				border-style: double;
				border-color: gray;
				padding: 1%;
				float: left;
				overflow: hidden;				
			 }
#BottomLeftPicture {
				position: relative;
				top: 0;
				left: 0;
				width: 45%;
				height: 55%;
				margin-right: 1%;
				border: 5%;
				border-style: solid;
				border-color: gray;
				float: left;
			 }							 
#BottomLeftText {
				position: relative;
				top: 1%;
				left: 0;
				margin-right: 2%;
				font-size: 110%;
				text-indent: 8%;
				text-align: justify;
				color: black;
			 }

#BottomLeftMoreBox {
				position: absolute;
				left: 0;
				bottom: 0;
				width: 100%;
				height: 10%;
				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;
			 }
			 

#BottomRightQuadrantWrapper {
				position: relative;
				top: 0;
				right: 0;
				width: 47.5%;
				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: 99%;
				margin-top: 0;
				margin-bottom: 0;
				margin-left: 0;
				border: 0;
				border-style: solid;
				border-color: blue;
				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: 1%;
				margin-top: 5%;
				margin-left: 2%;
				margin-right: 2%;
				font-size: 110%;
				text-indent: 8%;
				text-align: justify;
			 }			 
			 
#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;
				overflow: hidden;
			 }			

			

			

		

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