/* CSS Document */

/* note this page has format settings for tab contents (divided by tab) */




				

/* ------------------------------------------------------ */
/* ---------- used on tabs one and two ------------------ */
/* ------------------------------------------------------ */



/*---------------------------------- MULTIMEDIA CONTAINER */
				#galleryScrollPanel .imgContainer {/* ---- contains Gallery carousel ---*/
					position: absolute;
					top: 0em;
					left: 0em;
					width: auto;/*445px*/
					height: auto;
					overflow: visible;
					/*background-color:#FEE89F;*/
					/*background-color:#FFFFFF;*/
					display: block;
					padding: 5px;
					margin: 0px 25px 0px 25px;
					border: none;
					/*background-color: #FF0000;*/
				}
				
				* html #galleryScrollPanel .imgContainer { 
					position: absolute;
					top: 0em;
					left: 0em;
					width: 345px; 
					clear: both; /*---- IE 6 correction to absolute position DIVS-----*/
				}
				
				#galleryScrollPanel .vidContainer {
					position: relative;
					float: left;
					clear: both;
					width: 345px;/*445px*/
					height: auto;
					overflow: visible;
					display: block;
					padding: 5px 5px 5px 5px;	
				}
				
				#galleryScrollPanel .vidContainer p { /*text format casscade from main.p*/
					width: 100%;
					display: inline;
					clear: both;
					float: left;
					padding: 10px 5px 10px 5px;
				}
				
				* html #galleryScrollPanel .vidContainer { /*---- IE 6 correction -----*/
					padding: 25px 5px 5px 5px;
					margin: 5px 25px 25px 5px;	
				
				}
				
				#galleryScrollPanel .imgContainer img.galImg {
					padding: 6px;
					border: thin solid #C0C0C0;
					background-color: #EFEFEF;
					float: left;
					width: 110px;
					height: 110px;
					margin: 10px;
				}
				
				
				#galleryScrollPanel .imgContainer p { /*text format casscade from main.p*/
					width: 100%;
					padding: 6px;
					
				}
				
				#galleryScrollPanel .imgContainer a {
					padding: 0px;
					margin: 0px;
				}
				
				#galleryScrollPanel .imgContainer .ctrl {
					position: absolute;
					top: 150px;
					left: 20px;/*460px*/
					font-family: Arial, Helvetica, sans-serif;
					font-size: 30px;
					font-weight: bold;
					color: #000099;
					height: auto;
					width: auto;
					background-repeat: no-repeat;
					background-position: left top;
				}
				
				#galleryScrollPanel .imgContainer .ctrl:hover {
					background-color: #3399FF;
				}
				

/* ------------------------------------------------------ */
/* ---------- used on tabs three and four --------------- */
/* ------------------------------------------------------ */


				.main .textContainer {
					position: relative;
					float: left;
					clear: both;
					width: 500px;
					height: auto;
					overflow: visible;
					display: block;
					padding: 5px;
					margin: 5px 25px 25px 5px;
				}
				
				.main .textContainer p { /*text format casscade from main.p*/
					width: 65%;
					height: 360px;
					overflow: auto;
					display: block;
					clear: both;
					padding: 25px 10px 5px 10px;
				}
				
				.main .textContainer .ctrl {
					font-family: Arial, Helvetica, sans-serif;
					font-size: 30px;
					font-weight: bold;
					color: #000099;
					height: 100px;
					width: 100px;
					background-repeat: no-repeat;
					background-position: left top;
				}
				
				.main .textContainer .ctrl:hover {
					background-color: #3399FF;
				}

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

				.main .textContainerIntro {
					position: relative;
					float: left;
					clear: both;
					width: 500px;/*445px;*/
					height: 500px;
					overflow: visible;
					display: block;
					padding: 5px 5px 5px 5px;
					margin: 5px 25px 0px 5px;
				}
				
				* html .main .textContainerIntro {
					position: relative;
					float: left;
					clear: both;
					width: 500px;/*445px;*/
					height: 450px;
					overflow: visible;
					display: block;
					padding: 5px;
					margin: 5px 25px 0px 5px;
				}
				
				.main .textContainerIntro p { /*text format casscade from main.p*/
					width: 70%;
					display: block;
					clear: both;
					float: left;
					padding: 25px 10px 5px 10px;
					z-index: 300;
				}
				
				
				/* ------------------------------------------ */
				/* ---- CONTROL FOR CAROUSEL ----- */
				/* ------------------------------------------ */

				
				.main .contentContainerMmedia .ctrlForward {

					
					height: 20px;
					width: 20px;
					position: absolute;
					left: 50px;
					top: 150px;
				}	
				
				.main .contentContainerMmedia .ctrlBack {

					
					height: 20px;
					width: 20px;
					position: absolute;
					left: 25px;
					top: 150px;
				}							
				
				.main .contentContainerMmedia .ctrlForward:hover {
					background-color: #3399FF;
				}	
				
				.main .contentContainerMmedia .ctrlBack:hover {
					background-color: #3399FF;
				}					




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



				
				#galleryScrollPanel {
					position: relative;/* fix bug in IE7 */
					width: 240px;/*600px*/
					height: 500px;/*250px*/
					overflow: auto;
					margin: 15px 0 0 15px;
					z-index: 10;
					display: block;
					clip: rect(auto,auto,260px,auto);
					/*border: thin solid #006699;*/
					}



				#galleryScrollPanel .imgContainer {/* ---- contains Gallery carousel ---*/
					position: relative;
					top: 0px;/*1em*/
					left: -10px;
					height: 220px;
					width: 200px;
					overflow: hidden;
					display: block;
					padding: 5px;
					margin: 0px 20px 0px 5px;/*25px*/
					border-top-width: thin;
					border-top-style: solid;
					border-top-color: #660000;
				}

				
				* html #galleryScrollPanel .imgContainer {
					position: absolute;
					top: 240px;
					left: 0px;
					width: 215px;
					height: 400px;
					clear: both; /*---- IE 6 correction to absolute position DIVS-----*/

				}



/* ------------------------------------------------------ */
/* ------------------ Gallery - carousel ---------------- */
/* ------------------------------------------------------ */




				.foo {
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	width: 210px;/*425px*/
	height: 200px;
	margin:0px 0 50px 0;
	background-color:#FEE89F;			
				}
				
				.top {
					position: absolute;
					top:30px;
					left:7px;
					width:300px;
					height:100px;
				}
				
				.bottom {
	position: absolute;
	top:100px;
	left:7px;
	width:300px;
	height:100px;
				}
								
				
				.foo lu {
	padding: 0px 5px 0px 0px;
	width: 260px;/*300px*/
	height: 200px;
	float: right;
	
				}
				
				.foo li {
					width: 60px;
					height: 70px;
					padding: 2px 2px 2px 2px;
					float: left;
					list-style-type: none;
				}
				
				.foo li img {
					width: 58px;
					height: 64px;
					border: thin solid #663300;					
					}
				
				/*.foo .center-wrap {
					background-color: #66CCFF;
				
				}*/


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

				p.imgssectionTitle {
					position: absolute;
					top: 5px;/*16*/
					left: 8px;
					z-index:25;
				}				

				p.imgssectionLink {
					position: absolute;
					top: 180px;/*16*/
					left: 8px;
					z-index:26;
				}
				
				.scrollDown{
					background-color: #0066FF;
					top: 15px;
					left: 250px;
					height: 10px;
					width: 10px;
					position: absolute;					
				}
				
				.scrollUp{
					background-color: #0066FF;
					top: 15px;
					left: 310px;
					height: 10px;
					width: 10px;
					position: absolute;					
				}
				
				

				/* ------------------------------------------ */
				/* ---- MAIN GALLERY IMAGE AREA ----- */
				/* ------------------------------------------ */	
				
			
				 
				#mainGalImage {
					position: absolute;
					top: 0px;
					left: 0px;
					width: 450px;
					height: 420px;
					/*background-color:#FFFFFF;*/
				}
	
	
				#mainGalImage p {
					font-family: "Times New Roman", Times, serif;
					font-size: 1em;
					font-weight: bold;
					color: #999999;
					padding-top: 0.5em;
				}
				
				



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

				/* ------------------------------------------ */
				/* ---- MAIN GALLERY IMAGE AREA ----- */
				/* ------------------------------------------ */	
				
				#mainstage_home{
					height: 640px;
					left: 265px;/*225px*/
					top: -105px;/*-119px*/
				}				
				 
				#mainGalImage {
/*					position: relative;
					top: 0px;
					left: 0px;*/
					position: absolute;
					width: 450px;
					height: 420px;
					float: left;
					clear: both;
					overflow: hidden;
					/*background-color:#FFFFFF;*/
				}
	

				#mainGalInfo {
/*					position: relative;
					top: 0px;
					left: 0px;
					width: 450px;
					height: 420px;*/
				}

	
				#mainGalInfo h1 {
				margin: 10px 0 10px 0;
				padding: 2px 0 0 0;
				
				}
					
				#mainGalInfo p {
				margin-top: 10px;
				font-size: 90%;
				padding-top:2px;
				padding-bottom:5px;
				}